/* @category: styles */
/* Polices identiques à la nouvelle page d'accueil (Newsreader / Inter / JetBrains Mono) */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,400;0,500;0,600;1,500;1,600&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

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

/* ==========================================
   Template: Editorial (Flexisite Survey)
   Reprend le style de la page d'accueil :
   fond crème, accent terracotta, titres en
   serif (Newsreader), labels en mono
   (JetBrains Mono), angles carrés plutôt
   qu'arrondis.
   ========================================== */

/* On écrase les variables de couleurs du thème par défaut */
.poll-template-editorial {
    --poll-primary-color: #C8410A;   /* accent terracotta de la home */
    --poll-primary-hover: #A8380A;
    --poll-secondary-color: #C06A63; /* rouge terracotta plus doux, pour les barres secondaires */
    --poll-success-color: #5C8A57;
    --poll-success-bg: #E9EFE6;
    --poll-error-color: #B5433A;
    --poll-error-bg: #F5E7E4;

    --poll-text-color: #201C18;      /* texte foncé chaud de la home */
    --poll-muted-color: #7A7267;     /* texte secondaire de la home */
    --poll-bg-light: #E9E5DC;        /* fond des inputs/cartes internes (= --color-muted home) */
    --poll-bg-hover: #DED7C9;
    --poll-bg-bar: #E3DDD1;

    --poll-border-color: #DEDACD;
    --poll-border-dark: #C7BFAE;

    --poll-bg-main: #F4F1EA;         /* fond crème principal (= --color-background home) */
    --poll-box-shadow: none;         /* la home n'utilise pas d'ombre portée */

    /* Polices propres au template (non gérées par des variables dans default.css) */
    --poll-font-display: 'Newsreader', Georgia, serif;
    --poll-font-body: 'Inter', system-ui, sans-serif;
    --poll-font-mono: 'JetBrains Mono', 'Courier New', monospace;

    font-family: var(--poll-font-body);
}

/* Carte du sondage : fond crème + bordure fine + liseré haut coloré
   (même motif que les blocs .fx-panel / .fx-price-card de la home),
   angles carrés au lieu du radius + shadow du thème par défaut */
.poll-survey.poll-template-editorial .poll-container {
    background: var(--poll-bg-main) !important;
    color: var(--poll-text-color) !important;
    border: 1px solid var(--poll-border-color);
    border-top: 3px solid var(--poll-primary-color);
    border-radius: 0;
    box-shadow: none;
}

/* 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 pour rester correct dans les deux
   contextes. */
.poll-survey.poll-template-editorial h2,
.poll-survey.poll-template-editorial h3 {
    text-align: center;
    margin: 20px 0;
}

/* Titres en serif, comme sur la home */
.poll-survey.poll-template-editorial h2,
.poll-survey.poll-template-editorial h3,
.poll-survey.poll-template-editorial .poll-question-title,
.poll-survey.poll-template-editorial .poll-stats-title,
.poll-survey.poll-template-editorial .poll-stats-subtitle {
    font-family: var(--poll-font-display);
    font-weight: 500;
}

/* Textes secondaires (instructions, aide, liens de nav) en mono avec un léger tracking,
   comme les labels de la home */
.poll-survey.poll-template-editorial .poll-instruction,
.poll-survey.poll-template-editorial .poll-helper-text,
.poll-survey.poll-template-editorial .poll-nav-links a {
    font-family: var(--poll-font-mono);
    letter-spacing: 0.02em;
}

/* Bouton d'envoi : carré, accent plein, texte mono en majuscules,
   même style que les CTA de la home */
.poll-survey.poll-template-editorial .poll-submit-btn {
    border-radius: 0;
    font-family: var(--poll-font-mono);
    font-size: 0.85em;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 12px 28px;
}

/* Options de vote : bordure fine carrée, surlignée en accent au survol */
.poll-survey.poll-template-editorial .poll-option-label {
    border: 1px solid var(--poll-border-color);
    border-radius: 0;
}
.poll-survey.poll-template-editorial .poll-option-label:hover {
    background: var(--poll-bg-hover);
    border-color: var(--poll-primary-color);
}

/* Badge de rang (drag & drop) : carré */
.poll-survey.poll-template-editorial .rang-badge {
    border-radius: 0;
}

/* Barres de résultats et de statistiques : carrées */
.poll-survey.poll-template-editorial .poll-bar-container,
.poll-survey.poll-template-editorial .poll-bar-container-split,
.poll-survey.poll-template-editorial .poll-stats-daily-bar-container {
    border-radius: 0;
}

/* Image de couverture : carrée elle aussi, pour rester cohérent */
.poll-survey.poll-template-editorial .poll-cover {
    border-radius: 0;
}

/* Items triables (question de classement) : bordure carrée */
.poll-survey.poll-template-editorial .sortable-item {
    border-radius: 0;
}

/* Nouveaux éléments (default.css) : boutons de tri mobile et bannière
   de succès, aplatis pour rester cohérents avec le reste du template */
.poll-survey.poll-template-editorial .sort-btns button,
.poll-survey.poll-template-editorial .poll-success-banner {
    border-radius: 0;
}