/* === RESET & CONTENEUR PRINCIPAL === */
.bb-det-container * {
    box-sizing: border-box !important;
}
.bb-det-container {
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 15px !important;
    color: #333333 !important;
    line-height: 1.6 !important;
    text-align: left !important;
}
/* === TITRE === */
.bb-det-title {
    font-family: Arial, sans-serif !important;
    font-size: 26px !important;
    color: #2c5f7c !important;
    text-align: center !important;
    margin-bottom: 6px !important;
    padding: 0 !important;
    line-height: 1.3 !important;
    font-weight: bold !important;
}
.bb-det-subtitle {
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    color: #888888 !important;
    text-align: center !important;
    margin-bottom: 25px !important;
    padding: 0 !important;
    font-style: italic !important;
}
/* === ENCADRÉ IDENTIFICATION === */
.bb-det-id-box {
    background-color: #f7fbfd !important;
    border: 2px solid #2c5f7c !important;
    border-radius: 8px !important;
    padding: 20px 25px !important;
    margin-bottom: 25px !important;
    text-align: left !important;
}
.bb-det-id-title {
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #2c5f7c !important;
    margin-bottom: 15px !important;
    text-align: left !important;
    padding: 0 !important;
}
.bb-det-id-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-bottom: 0 !important;
}
.bb-det-id-field {
    flex: 1 !important;
    min-width: 200px !important;
}
.bb-det-id-field label {
    display: block !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #555555 !important;
    margin-bottom: 5px !important;
    text-align: left !important;
}
.bb-det-id-field input {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid #ccd6dd !important;
    border-radius: 5px !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 14px !important;
    color: #333333 !important;
    background-color: #ffffff !important;
    text-align: left !important;
}
.bb-det-id-field input:focus {
    outline: none !important;
    border-color: #2c5f7c !important;
    box-shadow: 0 0 4px rgba(44, 95, 124, 0.3) !important;
}
/* === INTRODUCTION === */
.bb-det-intro {
    background-color: #f0f7fb !important;
    border-left: 5px solid #2c5f7c !important;
    padding: 20px 25px !important;
    border-radius: 6px !important;
    margin-bottom: 25px !important;
    text-align: left !important;
    line-height: 1.7 !important;
    font-size: 15px !important;
    color: #333333 !important;
}
.bb-det-intro p {
    text-align: left !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    color: #333333 !important;
    line-height: 1.7 !important;
}
.bb-det-intro p:last-child {
    margin-bottom: 0 !important;
}
.bb-det-intro strong {
    color: #2c5f7c !important;
}
/* === CONSIGNE / ÉCHELLE === */
.bb-det-scale {
    background-color: #fff8f0 !important;
    border: 1px solid #f0d9b5 !important;
    padding: 15px 20px !important;
    border-radius: 6px !important;
    margin-bottom: 30px !important;
    text-align: center !important;
    font-size: 15px !important;
    color: #555555 !important;
    line-height: 2 !important;
}
.bb-det-scale strong {
    color: #2c5f7c !important;
}
/* === BARRE DE PROGRESSION === */
.bb-det-progress-bar {
    width: 100% !important;
    height: 8px !important;
    background-color: #e2e8ed !important;
    border-radius: 4px !important;
    margin-bottom: 25px !important;
    overflow: hidden !important;
}
.bb-det-progress-fill {
    height: 100% !important;
    background: linear-gradient(90deg, #2c5f7c, #3a8fa3) !important;
    border-radius: 4px !important;
    transition: width 0.4s ease !important;
    width: 0% !important;
}
.bb-det-progress-text {
    text-align: center !important;
    font-size: 13px !important;
    color: #888888 !important;
    margin-bottom: 8px !important;
}
/* === QUESTIONS === */
.bb-det-question {
    background-color: #ffffff !important;
    border: 1px solid #e2e8ed !important;
    border-radius: 8px !important;
    padding: 20px 25px !important;
    margin-bottom: 15px !important;
    text-align: left !important;
    transition: border-color 0.3s ease !important;
}
.bb-det-question:hover {
    border-color: #2c5f7c !important;
}
.bb-det-question-text {
    font-weight: bold !important;
    color: #1e4458 !important;
    font-size: 15px !important;
    margin-bottom: 12px !important;
    text-align: left !important;
    padding: 0 !important;
    line-height: 1.5 !important;
}
.bb-det-question-number {
    color: #2c5f7c !important;
    font-weight: bold !important;
    margin-right: 6px !important;
}
.bb-det-options {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.bb-det-option {
    display: flex !important;
    align-items: center !important;
    padding: 7px 12px !important;
    border: 1px solid #dde3e8 !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    background-color: #fafcfd !important;
    text-align: left !important;
}
.bb-det-option:hover {
    background-color: #e8f4fa !important;
    border-color: #2c5f7c !important;
}
.bb-det-option input[type="radio"] {
    margin-right: 6px !important;
    cursor: pointer !important;
    accent-color: #2c5f7c !important;
}
.bb-det-option label {
    cursor: pointer !important;
    font-size: 13px !important;
    color: #444444 !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}
/* === BOUTONS === */
.bb-det-btn-container {
    text-align: center !important;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
}
.bb-det-btn {
    display: inline-block !important;
    padding: 16px 40px !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2c5f7c, #1e4458) !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    margin: 5px !important;
}
.bb-det-btn:hover {
    background: linear-gradient(135deg, #3a8fa3, #2c5f7c) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(44, 95, 124, 0.35) !important;
}
.bb-det-btn-reset {
    display: inline-block !important;
    padding: 14px 30px !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #2c5f7c !important;
    background-color: #ffffff !important;
    border: 2px solid #2c5f7c !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    margin: 5px !important;
}
.bb-det-btn-reset:hover {
    background-color: #f0f7fb !important;
    transform: translateY(-2px) !important;
}
/* === SECTION RÉSULTATS === */
.bb-det-results {
    display: none;
    margin-top: 35px !important;
    padding: 0 !important;
    text-align: left !important;
}
/* === SCORE GLOBAL === */
.bb-det-global {
    text-align: center !important;
    margin-bottom: 30px !important;
    padding: 25px !important;
    border-radius: 10px !important;
}
.bb-det-global-id {
    font-size: 14px !important;
    color: #555555 !important;
    text-align: center !important;
    margin-bottom: 5px !important;
    font-style: italic !important;
}
.bb-det-global-title {
    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    color: #2c5f7c !important;
    margin-bottom: 10px !important;
    text-align: center !important;
}
.bb-det-global-score {
    font-size: 24px !important;
    font-weight: bold !important;
    text-align: center !important;
    margin-bottom: 10px !important;
}
.bb-det-global-interp {
    text-align: left !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #333333 !important;
}
.bb-det-global-interp h4 {
    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    margin-bottom: 8px !important;
    text-align: center !important;
}
.bb-det-global-interp p {
    text-align: left !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}
/* Couleurs globales */
.bb-det-global-equilibre {
    background-color: #eafaf1 !important;
    border: 2px solid #27ae60 !important;
}
.bb-det-global-equilibre .bb-det-global-score { color: #229954 !important; }
.bb-det-global-equilibre h4 { color: #229954 !important; }
.bb-det-global-legere {
    background-color: #fef9e7 !important;
    border: 2px solid #f39c12 !important;
}
.bb-det-global-legere .bb-det-global-score { color: #e67e22 !important; }
.bb-det-global-legere h4 { color: #e67e22 !important; }
.bb-det-global-significative {
    background-color: #fef0e6 !important;
    border: 2px solid #e67e22 !important;
}
.bb-det-global-significative .bb-det-global-score { color: #d35400 !important; }
.bb-det-global-significative h4 { color: #d35400 !important; }
.bb-det-global-elevee {
    background-color: #fdf0f0 !important;
    border: 2px solid #e74c3c !important;
}
.bb-det-global-elevee .bb-det-global-score { color: #c0392b !important; }
.bb-det-global-elevee h4 { color: #c0392b !important; }
/* === ANALYSE PAR FACTEUR === */
.bb-det-factors-title {
    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    color: #2c5f7c !important;
    margin-bottom: 20px !important;
    text-align: left !important;
    padding: 0 !important;
}
.bb-det-factor {
    margin-bottom: 20px !important;
    padding: 20px 25px !important;
    border-radius: 8px !important;
    border-left: 5px solid #cccccc !important;
    text-align: left !important;
}
.bb-det-factor-title {
    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: bold !important;
    color: #2c5f7c !important;
    margin-bottom: 8px !important;
    text-align: left !important;
    padding: 0 !important;
}
.bb-det-factor-score {
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
    text-align: left !important;
}
.bb-det-factor-interp {
    text-align: left !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #333333 !important;
}
.bb-det-factor-interp h4 {
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: bold !important;
    margin-bottom: 6px !important;
    text-align: left !important;
    padding: 0 !important;
}
.bb-det-factor-interp p {
    text-align: left !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
}
/* Couleurs facteurs */
.bb-det-zone-satisfaisant {
    background-color: #eafaf1 !important;
    border-left-color: #27ae60 !important;
}
.bb-det-zone-satisfaisant .bb-det-factor-score { color: #229954 !important; }
.bb-det-zone-satisfaisant h4 { color: #229954 !important; }
.bb-det-zone-vigilance {
    background-color: #fef9e7 !important;
    border-left-color: #f39c12 !important;
}
.bb-det-zone-vigilance .bb-det-factor-score { color: #e67e22 !important; }
.bb-det-zone-vigilance h4 { color: #e67e22 !important; }
.bb-det-zone-risque {
    background-color: #fef0e6 !important;
    border-left-color: #e67e22 !important;
}
.bb-det-zone-risque .bb-det-factor-score { color: #d35400 !important; }
.bb-det-zone-risque h4 { color: #d35400 !important; }
.bb-det-zone-alerte {
    background-color: #fdf0f0 !important;
    border-left-color: #e74c3c !important;
}
.bb-det-zone-alerte .bb-det-factor-score { color: #c0392b !important; }
.bb-det-zone-alerte h4 { color: #c0392b !important; }
/* === AVERTISSEMENT === */
.bb-det-disclaimer {
    margin-top: 25px !important;
    padding: 15px 20px !important;
    background-color: #f9f9f9 !important;
    border: 1px dashed #cccccc !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    color: #999999 !important;
    text-align: center !important;
    line-height: 1.6 !important;
    font-style: italic !important;
}
/* === BOUTON IMPRIMER === */
.bb-det-btn-print {
    display: inline-block !important;
    padding: 12px 30px !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    background-color: #3a8fa3 !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    margin-top: 20px !important;
}
.bb-det-btn-print:hover {
    background-color: #2c5f7c !important;
    transform: translateY(-2px) !important;
}
/* === CONTACT === */
.bb-det-contact {
    background-color: #f0f7f0 !important;
    padding: 20px 25px !important;
    border-radius: 8px !important;
    margin-top: 20px !important;
    border-left: 5px solid #5a9367 !important;
    text-align: left !important;
}
.bb-det-contact h3 {
    color: #2c5f7c !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    text-align: left !important;
}
.bb-det-contact p {
    text-align: left !important;
    margin: 0 0 10px 0 !important;
    font-size: 14px !important;
    color: #444444 !important;
    line-height: 1.7 !important;
}
.bb-det-contact a {
    color: #2c5f7c !important;
    text-decoration: none !important;
}
.bb-det-contact a:hover {
    text-decoration: underline !important;
}
/* === LIEN === */
.bb-det-footer {
    text-align: center !important;
    margin-top: 30px !important;
    padding: 0 !important;
}
.bb-det-footer a {
    color: #2c5f7c !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
}
.bb-det-footer a:hover {
    text-decoration: underline !important;
    color: #3a8fa3 !important;
}
/* === IMPRESSION === */
@media print {
    .bb-det-container {
        max-width: 100% !important;
        padding: 10px !important;
    }
    .bb-det-btn-container,
    .bb-det-btn-print,
    .bb-det-progress-bar,
    .bb-det-progress-text,
    .bb-det-contact {
        display: none !important;
    }
    .bb-det-results {
        display: block !important;
    }
    .bb-det-question {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }
    .bb-det-factor {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }
}
/* === RESPONSIVE === */
@media (max-width: 600px) {
    .bb-det-container {
        padding: 15px 12px !important;
    }
    .bb-det-title {
        font-size: 22px !important;
    }
    .bb-det-options {
        flex-direction: column !important;
    }
    .bb-det-option {
        min-width: 100% !important;
    }
    .bb-det-id-row {
        flex-direction: column !important;
    }
    .bb-det-id-field {
        min-width: 100% !important;
    }
}