/* @category: pro */
/* Police condensée et affirmée, pour un rendu engagé */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

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

/* ==========================================
   Template: Syndicat (Flexisite Survey)
   Affirmé et engagé — pensé pour des votes
   et consultations syndicales. Rouge/noir,
   typographie condensée en majuscules pour
   les titres, bordure haute épaisse (vraie
   `border`, pas de padding réservé — leçon
   tirée du bug corrigé sur le template
   Vietnam).
   ========================================== */

/* On écrase les variables de couleurs du thème par défaut */
.poll-template-syndicat {
    --poll-primary-color: #C0272D;   /* rouge syndical */
    --poll-primary-hover: #961F24;
    --poll-secondary-color: #FFB300; /* jaune/ambre (vigilance), pour les barres de résultats */
    --poll-success-color: #2E7D32;
    --poll-success-bg: #E8F5E9;
    --poll-error-color: #8E1519;
    --poll-error-bg: #FBE4E4;

    --poll-text-color: #1A1A1A;
    --poll-muted-color: #6B6B6B;
    --poll-bg-light: #F5F5F5;
    --poll-bg-hover: #F0E0E0;
    --poll-bg-bar: #EDEDED;

    --poll-border-color: #DDDDDD;
    --poll-border-dark: #B0B0B0;

    --poll-bg-main: #FFFFFF;
    --poll-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);

    font-family: 'Inter', system-ui, sans-serif;
}

/* Carte du sondage : bordure haute épaisse en rouge, angles nets */
.poll-survey.poll-template-syndicat .poll-container {
    background: var(--poll-bg-main) !important;
    color: var(--poll-text-color) !important;
    border: 1px solid var(--poll-border-color);
    border-top: 8px solid var(--poll-primary-color);
    border-radius: 2px;
    box-shadow: var(--poll-box-shadow);
}

/* Titres en Oswald, majuscules, condensés et affirmés. 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-syndicat h2,
.poll-survey.poll-template-syndicat h3,
.poll-survey.poll-template-syndicat .poll-question-title,
.poll-survey.poll-template-syndicat .poll-stats-title,
.poll-survey.poll-template-syndicat .poll-stats-subtitle {
    color: var(--poll-primary-color);
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Bouton : angles nets, majuscules, cohérent avec le ton affirmé */
.poll-survey.poll-template-syndicat .poll-submit-btn {
    border-radius: 2px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Options de vote : bordure gauche rouge à la sélection */
.poll-survey.poll-template-syndicat .poll-option-label {
    border: 1px solid var(--poll-border-color);
    border-radius: 2px;
}
.poll-survey.poll-template-syndicat .poll-option-label:hover {
    background: var(--poll-bg-hover);
}
.poll-survey.poll-template-syndicat .poll-option-label:has(input:checked) {
    background: var(--poll-bg-hover);
    border-left: 4px solid var(--poll-primary-color);
    padding-left: 4px;
}

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

/* Liens de navigation : rouges au survol */
.poll-survey.poll-template-syndicat .poll-nav-links a:hover {
    color: var(--poll-primary-color);
}