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

/* ==========================================
   Template: Ligue1 PSG (Flexisite Survey)
   Couleurs du Paris Saint-Germain (bleu
   marine / rouge), sans logo ni écusson du
   club (droits d'auteur/marque) — palette +
   silhouette de la Tour Eiffel (monument
   public, symbole de Paris, pas la propriété
   du club) pour un rendu plus identitaire.

   Le ruban vertical et la bande du haut sont
   de vraies `border` (pas de padding réservé
   ni de pseudo-élément positionné pour la
   structure principale) — immunisées contre
   le `padding: 15px !important` imposé par
   default.css sur mobile portrait (leçon
   tirée d'un bug corrigé sur le template
   Vietnam).
   ========================================== */

/* On écrase les variables de couleurs du thème par défaut */
.poll-template-ligue1_PSG {
    --poll-primary-color: #001E62;   /* bleu marine : titres, bouton */
    --poll-primary-hover: #001440;
    --poll-secondary-color: #DA020E; /* rouge, 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: #12121A;
    --poll-muted-color: #6B6B76;
    --poll-bg-light: #EDEFF5;
    --poll-bg-hover: #E1E5F0;
    --poll-bg-bar: #E7EAF2;

    --poll-border-color: #D7DCEA;
    --poll-border-dark: #B9C2DE;

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

/* Carte du sondage : ruban vertical bleu/rouge/bleu en bordure gauche
   (écho de la bande rouge centrale du maillot), plus épais que sur un
   simple liseré pour un rendu plus affirmé */
.poll-survey.poll-template-ligue1_PSG .poll-container {
    background: var(--poll-bg-main) !important;
    color: var(--poll-text-color) !important;
    border-style: solid;
    border-width: 1px 1px 1px 12px;
    border-color: var(--poll-border-color); /* repli si border-image non supporté */
    border-image: linear-gradient(
        to bottom,
        #001E62 0%, #001E62 40%,
        #DA020E 40%, #DA020E 60%,
        #001E62 60%, #001E62 100%
    ) 1;
    border-radius: 4px;
    box-shadow: var(--poll-box-shadow);
    position: relative;
}

/* Badge Tour Eiffel, en haut à droite de la carte. Contrairement aux
   médaillons France/Vietnam (accrochés à .poll-col-cover), celui-ci
   est directement posé sur .poll-container : plus robuste, il
   s'affiche donc même sans image de couverture ou quelle que soit la
   structure exacte de la page hôte. */
.poll-survey.poll-template-ligue1_PSG .poll-container::after {
    content: "";
    position: absolute;
    top: -14px;
    right: 16px;
    width: 34px;
    height: 34px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20100%20100%27%3E%3Ccircle%20cx%3D%2750%27%20cy%3D%2750%27%20r%3D%2748%27%20fill%3D%27%23001E62%27%20stroke%3D%27%23DA020E%27%20stroke-width%3D%274%27/%3E%3Cpath%20d%3D%27M50%2C14%20L53%2C30%20L60%2C30%20L56%2C46%20L68%2C46%20L58%2C58%20L64%2C88%20L56%2C88%20L52%2C62%20L48%2C62%20L44%2C88%20L36%2C88%20L42%2C58%20L32%2C46%20L44%2C46%20L40%2C30%20L47%2C30%20Z%27%20fill%3D%27%23FFFFFF%27/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.3));
    z-index: 2;
}

/* Titres en bleu marine. 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-ligue1_PSG h2,
.poll-survey.poll-template-ligue1_PSG h3,
.poll-survey.poll-template-ligue1_PSG .poll-question-title,
.poll-survey.poll-template-ligue1_PSG .poll-stats-title,
.poll-survey.poll-template-ligue1_PSG .poll-stats-subtitle {
    color: var(--poll-primary-color);
}

/* Bouton : liseré rouge en pied, façon bande du maillot */
.poll-survey.poll-template-ligue1_PSG .poll-submit-btn {
    border-bottom: 4px solid var(--poll-secondary-color);
}

/* Options de vote : mise en avant bleue, liseré rouge à la sélection */
.poll-survey.poll-template-ligue1_PSG .poll-option-label:hover {
    background: var(--poll-bg-hover);
}
.poll-survey.poll-template-ligue1_PSG .poll-option-label:has(input:checked) {
    background: var(--poll-bg-hover);
    border-left: 3px solid var(--poll-secondary-color);
    padding-left: 5px;
}

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

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