/* @category: pays */
/* Importe la structure complète du thème par défaut */
@import url('default.css');

/* ==========================================
   Template: Belga (Flexisite Survey)
   Couleurs officielles du drapeau belge
   (noir / jaune / rouge), en ruban tricolore
   vertical sur le bord gauche de la carte —
   fidèle à l'orientation verticale du
   drapeau belge (contrairement au bandeau
   horizontal utilisé pour la France).

   Choix technique volontaire : le ruban est
   une vraie `border` (pas un padding réservé
   ni un pseudo-élément positionné), donc
   immunisé contre le `padding: 15px !important`
   que default.css impose sur mobile portrait
   — ce qui avait cassé une première version
   du template Vietnam.
   ========================================== */

/* On écrase les variables de couleurs du thème par défaut */
.poll-template-belga {
    --poll-primary-color: #000000;   /* noir du drapeau : titres, bouton */
    --poll-primary-hover: #2B2B2B;
    --poll-secondary-color: #FAE042; /* jaune du drapeau, pour les barres de résultats */
    --poll-success-color: #2E7D32;
    --poll-success-bg: #E8F5E9;
    --poll-error-color: #C62828;
    --poll-error-bg: #FDECEA;

    --poll-text-color: #1A1A1A;
    --poll-muted-color: #6B6B6B;
    --poll-bg-light: #FFF9E5;        /* jaune très pâle, cartes/inputs internes */
    --poll-bg-hover: #FFF3C4;
    --poll-bg-bar: #F5EFD8;

    --poll-border-color: #EFE3B0;
    --poll-border-dark: #E0C96B;

    --poll-bg-main: #FFFFFF;         /* carte blanche, sobre */
    --poll-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10);
}

/* Carte du sondage : ruban tricolore vertical (noir/jaune/rouge) en
   bordure gauche, via border-image (vraie bordure, pas un padding
   réservé — voir note en tête de fichier) */
.poll-survey.poll-template-belga .poll-container {
    background: var(--poll-bg-main) !important;
    color: var(--poll-text-color) !important;
    border-style: solid;
    border-width: 1px 1px 1px 8px;
    border-color: var(--poll-border-color); /* repli si border-image non supporté */
    border-image: linear-gradient(
        to bottom,
        #000000 0%, #000000 33.33%,
        #FAE042 33.33%, #FAE042 66.66%,
        #ED2939 66.66%, #ED2939 100%
    ) 1;
    border-radius: 4px;
    box-shadow: var(--poll-box-shadow);
}

/* Titres en noir du drapeau. Le sondage s'intègre parfois seul sur
   une page hôte (titre en h2), parfois imbriqué sous un autre titre,
   ex. la galerie de templates (titre en h3) : on style les deux. */
.poll-survey.poll-template-belga h2,
.poll-survey.poll-template-belga h3,
.poll-survey.poll-template-belga .poll-question-title,
.poll-survey.poll-template-belga .poll-stats-title,
.poll-survey.poll-template-belga .poll-stats-subtitle {
    color: var(--poll-primary-color);
}

/* Options de vote : mise en avant jaune, liseré rouge à la sélection
   (le noir est déjà très présent via le ruban et les titres) */
.poll-survey.poll-template-belga .poll-option-label:hover {
    background: var(--poll-bg-hover);
}
.poll-survey.poll-template-belga .poll-option-label:has(input:checked) {
    background: var(--poll-bg-hover);
    border-left: 3px solid var(--poll-error-color);
    padding-left: 5px;
}

/* Curseur (input type="range") en noir */
.poll-survey.poll-template-belga .poll-range {
    accent-color: var(--poll-primary-color);
}

/* Liens de navigation : rouges au survol, clin d'œil discret au drapeau */
.poll-survey.poll-template-belga .poll-nav-links a:hover {
    color: var(--poll-error-color);
}