/*
 * Thème LimeSurvey : Batera - Version Corrigée (Base Apple Theme)
 */

/* --- 1. VARIABLES --- */
:root {
    --ls-color-primary: #C0492D;         /* Terracotta */
    --ls-color-primary-hover: #9B3A23;   /* Terracotta sombre */
    --ls-color-secondary: #2E5D34;       /* Vert Forêt (Sélection) */
    --ls-color-bg-page: #F8F5F0; 
    --ls-color-bg-content: #ffffff;
    --ls-color-text-dark: #333333;
    --ls-color-white: #ffffff;
}

/* --- 2. STRUCTURE & LARGEUR (1200px) --- */
body.limesurvey-layout { background-color: var(--ls-color-bg-page) !important; }

#survey-container, .outerframe, .language-changer-wrapper, .container, #welcome-container {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Force la largeur pleine sur les colonnes */
.col-centered.col-xl-8, .col-centered.col-lg-8, .col-xl-8 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

#survey-container, .outerframe {
    background-color: var(--ls-color-bg-content);
    padding: 30px 50px !important;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* --- 3. TYPOGRAPHIE --- */
.form-heading { font-size: 0.975rem !important; }
.question-count-text { font-size: 0.9rem !important; }
.group-title .ls-group-title { color: var(--ls-color-primary); font-size: 1.4rem; font-weight: 700; }
.question-text h3 { font-size: 1.15rem !important; font-weight: 600; }

/* Label Question : 18px et non-gras */
.question-container .ls-label-question {
    font-size: 18px !important;
    font-weight: 400 !important;
}

/* Astérisque en rouge */
.asterisk, .ri-asterisk { color: var(--ls-color-primary) !important; font-weight: bold; }

.ls-questionhelp {font-size:0.8em;font-style:italic;color:#888;}

/* --- 4. BOUTONS : RÉÉCRITURE POUR THEME APPLE --- */

/* A. État normal (Non coché) */
body.limesurvey-layout .btn-primary {
    color: var(--ls-color-white) !important;
    background-color: var(--ls-color-primary) !important;
    border-color: var(--ls-color-primary) !important;
}

/* B. État au survol (Hover) */
body.limesurvey-layout .btn-primary:hover {
    color: var(--ls-color-white) !important;
    background-color: var(--ls-color-primary-hover) !important;
    border-color: var(--ls-color-primary-hover) !important;
}

/* C. ÉTAT COCHÉ (SÉLECTIONNÉ) - On utilise les sélecteurs de theme_apple.css */
/* On force le passage au VERT quand c'est sélectionné */
body.limesurvey-layout .btn-check:checked + .btn-primary, 
body.limesurvey-layout .btn-check:active + .btn-primary, 
body.limesurvey-layout .btn-primary:active, 
body.limesurvey-layout .btn-primary.active {
    color: var(--ls-color-white) !important;
    background-color: var(--ls-color-secondary) !important; /* Vert forêt */
    border-color: var(--ls-color-secondary) !important;
}

/* D. Focus (Accessibilité) */
body.limesurvey-layout .btn-check:focus + .btn-primary, 
body.limesurvey-layout .btn-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(192, 73, 45, 0.5) !important;
}

/* E. Icônes en blanc systématique */
.btn-primary .ls-icon, .btn-primary i, .btn-primary .fa {
    color: var(--ls-color-white) !important;
}

/* --- 5. SÉLECTEUR DE LANGUE (Alignement horizontal) --- */
.form-change-lang {
    display: flex !important;
    align-items: center !important; 
    justify-content: flex-end;
    gap: 10px;
}

.form-change-lang label {
    margin-bottom: 0 !important; 
    padding: 0 !important;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

#language-changer-select {
    height: 38px !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 10px;
}

.ls-language-changer-item {
    height: 38px !important;
    margin: 0 !important;
}