/* @category: pro */
/* Police moderne, très lisible, dans l'esprit des produits SaaS actuels */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

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

/* ==========================================
   Template: Business (Flexisite Survey)
   Moderne, style produit SaaS — accent vif
   (indigo/cyan), angles bien arrondis, ombre
   douce, bouton en dégradé. Volontairement
   distinct du template "Entreprise" (sobre,
   classique) : ici on vise un rendu plus
   startup / produit tech.
   ========================================== */

/* On écrase les variables de couleurs du thème par défaut */
.poll-template-business {
    --poll-primary-color: #6366F1;   /* indigo, très "produit SaaS" */
    --poll-primary-hover: #4F46E5;
    --poll-secondary-color: #06B6D4; /* cyan, pour les barres de résultats */
    --poll-success-color: #16A34A;
    --poll-success-bg: #ECFDF3;
    --poll-error-color: #DC2626;
    --poll-error-bg: #FEF2F2;

    --poll-text-color: #1E1B2E;
    --poll-muted-color: #6B6B85;
    --poll-bg-light: #F5F5FF;
    --poll-bg-hover: #ECECFE;
    --poll-bg-bar: #EEEEFB;

    --poll-border-color: #E4E4F5;
    --poll-border-dark: #C7C7ED;

    --poll-bg-main: #FFFFFF;
    --poll-box-shadow: 0 8px 24px rgba(99, 102, 241, 0.14);

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

/* Carte du sondage : angles bien arrondis, ombre douce et colorée,
   pas de bordure épaisse — look "carte produit" plutôt que drapeau */
.poll-survey.poll-template-business .poll-container {
    background: var(--poll-bg-main) !important;
    color: var(--poll-text-color) !important;
    border: 1px solid var(--poll-border-color);
    border-radius: 16px;
    box-shadow: var(--poll-box-shadow);
}

/* Titres en Manrope, bien gras. 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-business h2,
.poll-survey.poll-template-business h3,
.poll-survey.poll-template-business .poll-question-title,
.poll-survey.poll-template-business .poll-stats-title,
.poll-survey.poll-template-business .poll-stats-subtitle {
    color: var(--poll-text-color);
    font-weight: 800;
    letter-spacing: -0.01em;
}

/* Bouton : pilule arrondie en dégradé indigo -> cyan, façon CTA produit */
.poll-survey.poll-template-business .poll-submit-btn {
    border-radius: 10px;
    font-weight: 700;
    background: linear-gradient(135deg, var(--poll-primary-color), var(--poll-secondary-color));
}
.poll-survey.poll-template-business .poll-submit-btn:hover {
    background: linear-gradient(135deg, var(--poll-primary-hover), var(--poll-secondary-color));
}

/* Options de vote : coins arrondis, mise en avant indigo douce */
.poll-survey.poll-template-business .poll-option-label {
    border: 1px solid var(--poll-border-color);
    border-radius: 10px;
}
.poll-survey.poll-template-business .poll-option-label:hover {
    background: var(--poll-bg-hover);
}
.poll-survey.poll-template-business .poll-option-label:has(input:checked) {
    background: var(--poll-bg-hover);
    border-color: var(--poll-primary-color);
}

/* Image de couverture et barres : coins arrondis, cohérence avec le reste */
.poll-survey.poll-template-business .poll-cover {
    border-radius: 12px;
}
.poll-survey.poll-template-business .poll-bar-container,
.poll-survey.poll-template-business .poll-bar-container-split,
.poll-survey.poll-template-business .poll-stats-daily-bar-container {
    border-radius: 999px;
}

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

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