/* ===========================================================================
   ATS Sondages — Charte graphique Africa Top Sports
   Vert ATS #003919 · Or #F2B705 · Rouge live #D7261E
   =========================================================================== */
.ats-sondage {
    --ats-vert: #003919;
    --ats-vert-vif: #0B7A38;
    --ats-or: #F2B705;
    --ats-or-fonce: #C9920A;
    --ats-rouge: #D7261E;
    --ats-encre: #14181C;
    --ats-gris: #6A7670;
    --ats-bordure: #E1E6E0;
    --ats-sable: #F5F7F3;

    border: 1px solid var(--ats-bordure);
    border-radius: 14px;
    overflow: hidden;
    margin: 28px 0;
    background: #fff;
    max-width: 640px;
    box-shadow: 0 1px 3px rgba(0, 57, 25, .06);
}

/* En-tête « scoreboard » */
.ats-sondage__head {
    background: var(--ats-vert);
    border-bottom: 3px solid var(--ats-or);
    padding: 14px 18px;
}

.ats-sondage__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ats-or);
}

.ats-sondage__q {
    margin: 5px 0 0;
    font-size: 1.2rem;
    line-height: 1.3;
    color: #fff;
}

/* Corps */
.ats-sondage__body { padding: 16px 18px; }

.ats-sondage__opt {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    border: 1px solid var(--ats-bordure);
    border-radius: 9px;
    margin-bottom: 9px;
    cursor: pointer;
    color: var(--ats-encre);
    transition: border-color .15s, background .15s;
}

.ats-sondage__opt:hover {
    border-color: var(--ats-vert);
    background: #F1F7F2;
}

.ats-sondage__opt input {
    accent-color: var(--ats-vert);
    width: 18px;
    height: 18px;
    margin: 0;
}

.ats-sondage__btn {
    margin-top: 6px;
    background: var(--ats-vert);
    color: #fff;
    border: 0;
    border-radius: 9px;
    padding: 11px 24px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
}

.ats-sondage__btn:hover { background: var(--ats-vert-vif); }
.ats-sondage__btn:disabled { opacity: .6; cursor: default; }

.ats-sondage__msg {
    color: var(--ats-rouge);
    margin: 8px 0 0;
    min-height: 1em;
    font-size: .9rem;
}

/* Résultats */
.ats-sondage__row { margin-bottom: 14px; }

.ats-sondage__rowhead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--ats-encre);
}

.ats-sondage__label { display: inline-flex; align-items: center; gap: 6px; }

.ats-sondage__bar {
    background: #EDEFEC;
    border-radius: 6px;
    height: 12px;
    overflow: hidden;
}

.ats-sondage__bar span {
    display: block;
    height: 100%;
    background: var(--ats-vert);
    border-radius: 6px;
    transition: width .5s ease;
}

/* Réponse en tête → accent or + petit trophée */
.ats-sondage__row.is-leader .ats-sondage__bar span { background: var(--ats-or); }
.ats-sondage__row.is-leader .ats-sondage__pct { color: var(--ats-or-fonce); }
.ats-sondage__row.is-leader .ats-sondage__label::before {
    content: "\1F3C6";
    font-size: .9em;
}

.ats-sondage__votes {
    display: inline-block;
    margin-top: 3px;
    font-size: .82rem;
    color: var(--ats-gris);
}

.ats-sondage__total {
    margin-top: 14px;
    font-weight: 600;
    color: var(--ats-encre);
}

.ats-sondage__closed {
    margin: 12px 0 0;
    font-size: .85rem;
    color: var(--ats-rouge);
    font-weight: 600;
}