/**
 * Yağsız Vücut Kütlesi Hesaplayıcısı CSS
 */

.lbm-calculator-container {
    max-width: 980px;
    margin: 0 auto;
}

.lbm-calculator-container .form-label {
    font-weight: 500;
}

.lbm-calculator-container .card {
    border-radius: 0.5rem;
    overflow: hidden;
}

.lbm-calculator-container .card-header {
    border-bottom: 0;
}

.lbm-calculator-container .form-control,
.lbm-calculator-container .form-select,
.lbm-calculator-container .input-group-text {
    border-radius: 0.25rem;
}

/* Özel birim grup butonları */
.lbm-calculator-container .btn-group .btn {
    transition: all 0.3s ease;
}

/* Sonuç vurgusu */
.lbm-calculator-container .result-container .lbm-value,
.lbm-calculator-container .result-container .fat-value {
    font-weight: 700;
}

/* Bilgi kartları için stiller */
.lbm-calculator-container .info-container .card {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Formül gösterimi */
.lbm-calculator-container sup {
    font-size: 75%;
}

/* İkonlar için stiller */
.lbm-calculator-container .fas {
    width: 20px;
    text-align: center;
}

/* Bazı mobil uyumluluk ayarları */
@media (max-width: 767px) {
    .lbm-calculator-container .btn-group {
        flex-direction: column;
    }
    
    .lbm-calculator-container .btn-group > .btn {
        border-radius: 0.25rem !important;
        margin-bottom: 0.5rem;
    }
    
    .lbm-calculator-container .input-group {
        flex-wrap: nowrap;
    }
}

/* Sonuç tablosu yüksek öncelikli koyu renk başlıkları */
.lbm-calculator-container .table thead th {
    background-color: #343a40;
    color: white;
    border-color: #454d55;
}

/* Boer sonuç satırı */
#boerResult .lbm-value {
    color: #0d6efd;
}

/* James sonuç satırı */
#jamesResult .lbm-value {
    color: #198754;
}

/* Hume sonuç satırı */
#humeResult .lbm-value {
    color: #6f42c1;
}

/* Peters sonuç satırı (çocuklar için) */
#petersResult .lbm-value {
    color: #fd7e14;
}