/* BMI Hesaplayıcı Stilleri */

/* Sabit BMI Butonu */
.bmi-floating-btn {
    position: fixed !important;
    bottom: 20px !important;
    left: 20px !important;
    background-color: #ff7e31 !important;
    color: white !important;
    border-radius: 50px !important;
    padding: 10px 20px !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
    z-index: 9999 !important;
    transition: all 0.3s ease !important;
}

.bmi-floating-btn:hover {
    background-color: #e86a1f !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25) !important;
}

.bmi-floating-btn i {
    font-size: 18px !important;
    margin-right: 8px !important;
}

.bmi-floating-btn span {
    font-weight: 500 !important;
    font-size: 14px !important;
}

/* Mobil cihazlar için buton düzenlemesi */
@media (max-width: 767px) {
    .bmi-floating-btn {
        padding: 8px 15px !important;
        bottom: 15px !important;
        left: 15px !important;
        z-index: 9999 !important;
    }
    
    .bmi-floating-btn i {
        font-size: 16px !important;
    }
    
    .bmi-floating-btn span {
        font-size: 13px !important;
    }
}

/* Çok küçük ekranlar için sadece ikon göster */
@media (max-width: 480px) {
    .bmi-floating-btn {
        padding: 10px !important;
        border-radius: 50% !important;
        z-index: 9999 !important;
    }
    
    .bmi-floating-btn i {
        margin-right: 0 !important;
    }
    
    .bmi-floating-btn span {
        display: none !important;
    }
}

/* Diğer CSS kodları aynı kalabilir */