.qcm-civique,
.qcm-civique * {
    box-sizing: border-box;
}

.qcm-civique {
    width: min(92%, 1430px);
    margin: 24px auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #123b63;
}

.qcm-civique-header {
    padding: 22px 26px;
    background: linear-gradient(135deg, #145da0 0%, #1d6fb8 58%, #2d8fd6 100%);
    color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 8px 22px rgba(20, 93, 160, 0.18);
    text-align: center;
}

.qcm-civique-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 130px;
    margin-bottom: 10px;
    padding: 6px 15px;
    background: #ffffff;
    color: #145da0;
    border-radius: 999px;
    font-size: 0.88em;
    font-weight: 800;
    text-align: center;
}

.qcm-civique .qcm-civique-header h1,
.qcm-civique .qcm-civique-header h2,
.qcm-civique .qcm-civique-header h3,
.qcm-civique .qcm-civique-header h4,
.qcm-civique .qcm-civique-header .qcm-civique-title,
.qcm-civique .qcm-civique-header .entry-title,
.qcm-civique .qcm-civique-header .post-title,
.qcm-civique .qcm-civique-header .wp-block-heading,
.qcm-civique .qcm-civique-header [class*="title"] {
    margin: 0 0 10px 0;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    font-size: clamp(1.45rem, 2.5vw, 2.2rem);
    line-height: 1.2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
}

.qcm-civique .qcm-civique-header h1 a,
.qcm-civique .qcm-civique-header h2 a,
.qcm-civique .qcm-civique-header h3 a,
.qcm-civique .qcm-civique-header [class*="title"] a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
}

.qcm-civique-header p {
    max-width: 980px;
    margin: 0 auto 14px auto;
    color: #ffffff !important;
    font-size: 1.03rem;
    line-height: 1.55;
}

.qcm-civique-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 12px;
}

.qcm-civique-meta span,
.qcm-civique-timer {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    color: #ffffff !important;
    font-weight: 700;
}

.qcm-civique-warning {
    margin: 16px auto 0 auto;
    padding: 12px 16px;
    border-radius: 14px;
    background: #fff4dd;
    border: 1px solid #f0d299;
    color: #e53935;
    font-weight: 700;
    text-align: center;
}

.qcm-civique-timer {
    gap: 12px;
    width: fit-content;
    margin: 16px auto;
    background: #ef5350 !important;
    color: #ffffff !important;
    border: 1px solid #ffb3b3;
    box-shadow: 0 6px 16px rgba(239, 83, 80, 0.22);
}

.qcm-civique-timer strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    font-weight: 900;
}

.qcm-civique-question {
    margin: 18px 0;
    padding: 18px;
    border: 1px solid #dbe7f3;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 5px 14px rgba(18, 59, 99, 0.08);
}

.qcm-civique-question legend {
    width: 100%;
    padding: 0;
    color: #123b63;
    font-size: 1.05rem;
    line-height: 1.45;
}

.qcm-civique-question legend strong {
    display: block;
    margin-top: 8px;
    color: #123b63;
    font-weight: 800;
}

.qcm-civique-number,
.qcm-civique-theme,
.qcm-civique-type,
.qcm-civique-mini-badge {
    display: inline-flex;
    margin: 0 6px 6px 0;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 800;
}

.qcm-civique-number {
    background: #eaf3fb;
    color: #145da0;
}

.qcm-civique-theme {
    background: #ef5350;
    color: #ffffff;
}

.qcm-civique-type,
.qcm-civique-mini-badge {
    background: #edf8f0;
    color: #1f6f43;
}

.qcm-civique-answers {
    margin-top: 12px;
    display: grid;
    gap: 10px;
}

.qcm-civique-answer {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px 14px;
    border: 1px solid #dbe7f3;
    border-radius: 12px;
    background: #f8fbff;
    color: #123b63;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.qcm-civique-answer:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(18, 59, 99, 0.08);
    border-color: #145da0;
}

.qcm-civique-answer input {
    margin-top: 3px;
}

.qcm-civique-answer span {
    color: #123b63;
    line-height: 1.45;
}

.qcm-civique-answer.is-good {
    border-color: #1f8a4c;
    background: #ecfff3;
}

.qcm-civique-answer.is-bad {
    border-color: #e53935;
    background: #fff1f0;
}

.qcm-civique-explanation {
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #f3f8ff;
    border-left: 5px solid #145da0;
    color: #123b63;
    line-height: 1.55;
}

.qcm-civique-explanation::before {
    content: "Explication : ";
    font-weight: 800;
}

.qcm-civique-actions,
.qcm-civique-generator-top {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    align-items: center;
    margin: 22px 0;
}

.qcm-civique-btn {
    appearance: none;
    border: none;
    border-radius: 999px;
    padding: 12px 20px;
    background: #145da0;
    color: #ffffff !important;
    font-weight: 800;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(20, 93, 160, 0.18);
}

.qcm-civique-btn:hover,
.qcm-civique-btn:focus {
    background: #1d6fb8;
    color: #ffffff !important;
}

.qcm-civique-btn-secondary {
    background: #ef5350;
    color: #ffffff !important;
}

.qcm-civique-reset {
    background: #5d6b7a;
    color: #ffffff !important;
}

.qcm-civique-generator-info {
    color: #123b63;
    font-weight: 700;
}

.qcm-civique-result {
    margin: 20px 0;
    padding: 18px;
    border-radius: 16px;
    background: #f3f8ff;
    border: 1px solid #dbe7f3;
    color: #123b63;
    font-size: 1.08rem;
    line-height: 1.55;
    text-align: center;
    font-weight: 700;
}

.qcm-civique-error {
    width: min(92%, 1100px);
    margin: 20px auto;
    padding: 14px 18px;
    border-radius: 12px;
    background: #ef5350;
    color: #ffffff;
    border: 1px solid #f2c2c2;
    font-weight: 700;
}

.qcm-civique-list {
    width: min(92%, 1430px);
    margin: 24px auto;
    color: #123b63;
}

.qcm-civique-list h2,
.qcm-civique-list-intro {
    color: #123b63;
    text-align: center;
}

.qcm-civique-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.qcm-civique-card {
    padding: 18px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid #dbe7f3;
    box-shadow: 0 5px 14px rgba(18, 59, 99, .08);
}

.qcm-civique-card h3 {
    margin-top: 0;
    color: #123b63;
}

.qcm-civique-card p {
    color: #123b63;
    line-height: 1.5;
}

.qcm-civique-card-meta {
    font-weight: 700;
}

@media (max-width: 700px) {
    .qcm-civique-header {
        padding: 18px;
    }
    .qcm-civique-question {
        padding: 14px;
    }
    .qcm-civique-btn {
        width: 100%;
        text-align: center;
    }
}

.qcm-civique-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 22px 0 10px;
    padding: 14px;
    background: #f8fbff;
    border: 1px solid rgba(20, 93, 160, 0.16);
    border-radius: 14px;
}
.qcm-civique-page-status {
    font-weight: 800;
    color: #123b63;
}
.qcm-civique-prev:disabled,
.qcm-civique-next:disabled {
    opacity: .45;
    cursor: not-allowed;
}
.qcm-civique-list-back {
    margin: 0 0 16px 0;
}
@media (max-width: 700px) {
    .qcm-civique-pagination {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }
}

/* Résultats détaillés v13 */
.qcm-civique-result {
    text-align: left;
    font-weight: 500;
}

.qcm-civique-result-card {
    text-align: center;
}

.qcm-civique-result h3 {
    margin: 0 0 10px 0;
    color: #123b63;
    font-size: 1.35rem;
}

.qcm-civique-result-score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 132px;
    min-height: 78px;
    padding: 10px 18px;
    border-radius: 18px;
    background: #ffffff;
    color: #123b63;
    font-size: 2.25rem;
    font-weight: 900;
    box-shadow: 0 5px 14px rgba(18, 59, 99, .12);
    margin: 8px 0 10px;
}

.qcm-civique-result.is-success {
    background: #edf9f1;
    border-color: #bfe8cc;
}

.qcm-civique-result.is-error {
    background: #fff5f2;
    border-color: #f3c8bc;
}

.qcm-civique-result-message {
    font-weight: 800;
}

.qcm-civique-result-alert {
    margin: 0 0 12px 0;
    padding: 10px 12px;
    border-radius: 12px;
    background: #ef5350;
    color: #ffffff;
    font-weight: 800;
    text-align: center;
}

.qcm-civique-corrections {
    margin-top: 18px;
    display: grid;
    gap: 12px;
}

.qcm-civique-corrections[hidden] {
    display: none !important;
}

.qcm-civique-corrections h3 {
    text-align: center;
    margin-top: 12px;
}

.qcm-civique-correction {
    background: #ffffff;
    border: 1px solid #dbe7f3;
    border-left: 6px solid #145da0;
    border-radius: 14px;
    padding: 14px 16px;
    color: #123b63;
    box-shadow: 0 4px 12px rgba(18, 59, 99, .06);
}

.qcm-civique-correction.is-success {
    border-left-color: #1f8a4c;
}

.qcm-civique-correction.is-error {
    border-left-color: #e53935;
}

.qcm-civique-correction h4 {
    margin: 0 0 8px 0;
    color: #123b63;
}

.qcm-civique-correction p {
    margin: 6px 0;
}

.qcm-civique-correction-question {
    font-weight: 800;
}

.qcm-civique-correction-explanation {
    background: #f7fbff;
    border-radius: 10px;
    padding: 10px;
}

@media print {
    .qcm-civique-pagination,
    .qcm-civique-actions,
    .qcm-civique-toggle-corrections,
    .qcm-civique-print-result,
    .qcm-civique-timer {
        display: none !important;
    }
    .qcm-civique-corrections[hidden] {
        display: grid !important;
    }
}


/* Harmonisation couleurs v15 : bleu lisible, rouge clair, texte blanc sur fonds colorés */
.qcm-civique .qcm-civique-header,
.qcm-civique-header {
    background: linear-gradient(135deg, #145da0 0%, #1d6fb8 58%, #2d8fd6 100%) !important;
    color: #ffffff !important;
}

.qcm-civique .qcm-civique-header *,
.qcm-civique .qcm-civique-header h1,
.qcm-civique .qcm-civique-header h2,
.qcm-civique .qcm-civique-header h3,
.qcm-civique .qcm-civique-header p,
.qcm-civique .qcm-civique-header a,
.qcm-civique .qcm-civique-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.qcm-civique-btn:hover,
.qcm-civique-btn:focus {
    background: #1d6fb8 !important;
    color: #ffffff !important;
}

.qcm-civique-btn-secondary,
.qcm-civique-timer,
.qcm-civique-theme,
.qcm-civique-warning,
.qcm-civique-error,
.qcm-civique-result-alert {
    background: #ef5350 !important;
    color: #ffffff !important;
    border-color: #ffc2c2 !important;
}

.qcm-civique-btn-secondary *,
.qcm-civique-timer *,
.qcm-civique-theme *,
.qcm-civique-warning *,
.qcm-civique-error *,
.qcm-civique-result-alert * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.qcm-civique-correction.is-error,
.qcm-civique-answer.is-bad {
    border-color: #ef5350 !important;
}

.qcm-civique-correction.is-error {
    border-left-color: #ef5350 !important;
}

/* =========================================================
   Version 15.10 — générateur sous les boutons, démarrage manuel, liste compacte
   ========================================================= */
.qcm-civique-start-screen {
    margin: 18px 0;
    padding: 24px;
    border-radius: 18px;
    background: #fff8e8;
    border: 1px solid #f0d58d;
    border-left: 6px solid #ef5350;
    color: #123b63 !important;
    text-align: center;
    box-shadow: 0 6px 18px rgba(18, 59, 99, 0.08);
}
.qcm-civique-start-screen h3 {
    margin: 0 0 10px 0;
    color: #123b63 !important;
    font-size: 1.35rem;
}
.qcm-civique-start-screen p,
.qcm-civique-start-screen strong {
    color: #123b63 !important;
}
.qcm-civique-start-screen .qcm-civique-start {
    margin-top: 8px;
    font-size: 1.05rem;
    padding: 14px 24px;
}

.qcm-civique-generator-panel {
    width: min(92%, 1120px);
    margin: 24px auto;
    padding: 26px;
    border-radius: 20px;
    background: #fff8e8;
    border: 1px solid #f0d58d;
    box-shadow: 0 8px 22px rgba(18, 59, 99, 0.08);
    color: #123b63 !important;
}
.qcm-civique-generator-panel h3 {
    margin: 0 0 10px 0;
    color: #7b1e2b !important;
    text-align: center;
    font-size: 1.45rem;
}
.qcm-civique-generator-panel p,
.qcm-civique-generator-panel strong,
.qcm-civique-generator-panel span {
    color: #123b63 !important;
}
.qcm-civique-generator-lead {
    max-width: 920px;
    margin: 0 auto 20px auto;
    text-align: center;
    line-height: 1.6;
}
.qcm-civique-objective-form {
    margin: 0;
}
.qcm-civique-objective-picker {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 20px 0;
}
.qcm-civique-objective-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 170px;
    padding: 18px;
    background: #ffffff !important;
    border: 2px solid #d7e7f6;
    border-radius: 16px;
    color: #123b63 !important;
    cursor: pointer;
    box-shadow: 0 5px 14px rgba(18, 59, 99, 0.08);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.qcm-civique-objective-card:hover,
.qcm-civique-objective-card:focus-within {
    transform: translateY(-2px);
    border-color: #145da0;
    box-shadow: 0 8px 20px rgba(20, 93, 160, 0.16);
}
.qcm-civique-objective-card input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.qcm-civique-objective-icon {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 12px;
    background: #e8f2ff !important;
    color: #145da0 !important;
    font-size: 1.35rem;
}
.qcm-civique-objective-title {
    display: block;
    margin-bottom: 6px;
    color: #123b63 !important;
    font-size: 1.12rem;
    font-weight: 900;
    line-height: 1.25;
}
.qcm-civique-objective-level {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #edf8f0 !important;
    color: #1f6f43 !important;
    font-weight: 800;
    font-size: 0.9rem;
}
.qcm-civique-objective-text {
    display: block;
    color: #123b63 !important;
    line-height: 1.45;
}
.qcm-civique-objective-card.is-selected {
    background: linear-gradient(135deg, #123b63 0%, #145da0 62%, #1d6fb8 100%) !important;
    border-color: #145da0;
    color: #ffffff !important;
}
.qcm-civique-objective-card.is-selected .qcm-civique-objective-title,
.qcm-civique-objective-card.is-selected .qcm-civique-objective-text {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.qcm-civique-objective-card.is-selected .qcm-civique-objective-icon {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}
.qcm-civique-objective-card.is-selected .qcm-civique-objective-level {
    background: #ffffff !important;
    color: #145da0 !important;
}
.qcm-civique-generator-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-top: 12px;
}
.qcm-civique-generator-info {
    color: #123b63 !important;
    font-weight: 800;
}
.qcm-civique-generator-empty,
.qcm-civique-generated-summary {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 14px;
    background: #ffffff !important;
    border: 1px solid #d7e7f6;
    color: #123b63 !important;
    text-align: center;
    line-height: 1.5;
}
.qcm-civique-generated-summary {
    border-left: 5px solid #32834d;
    text-align: left;
}

.qcm-civique-list-compact {
    padding: 24px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid #dbe7f3;
    box-shadow: 0 6px 18px rgba(18, 59, 99, 0.06);
}
.qcm-civique-list-compact h2 {
    margin-top: 0;
}
.qcm-civique-accordion {
    margin: 14px 0;
    border: 1px solid #dbe7f3;
    border-radius: 16px;
    background: #f8fbff;
    overflow: hidden;
}
.qcm-civique-accordion > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    cursor: pointer;
    background: #e8f2ff;
    color: #123b63 !important;
    font-weight: 900;
}
.qcm-civique-accordion > summary strong {
    padding: 5px 10px;
    border-radius: 999px;
    background: #145da0;
    color: #ffffff !important;
    white-space: nowrap;
}
.qcm-civique-row-list {
    padding: 14px;
}
.qcm-civique-row-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
    margin: 10px 0;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #dbe7f3;
    box-shadow: 0 3px 10px rgba(18, 59, 99, 0.05);
}
.qcm-civique-row-card h3 {
    margin: 6px 0 4px 0;
    color: #123b63 !important;
    font-size: 1.05rem;
}
.qcm-civique-row-card p {
    margin: 0;
    color: #123b63 !important;
}
.qcm-civique-row-card .qcm-civique-btn {
    flex: 0 0 auto;
}
.qcm-civique-more {
    margin-top: 12px;
    padding: 0;
    border-radius: 14px;
    background: #fff8e8;
    border: 1px solid #f0d58d;
}
.qcm-civique-more > summary {
    padding: 12px 14px;
    cursor: pointer;
    color: #7b1e2b !important;
    font-weight: 900;
}
.qcm-civique-list-back {
    width: min(92%, 1120px);
    margin: 18px auto;
}

@media (max-width: 820px) {
    .qcm-civique-objective-picker {
        grid-template-columns: 1fr;
    }
    .qcm-civique-generator-actions {
        align-items: stretch;
    }
    .qcm-civique-row-card {
        flex-direction: column;
        align-items: stretch;
    }
    .qcm-civique-row-card .qcm-civique-btn {
        width: 100%;
        text-align: center;
    }
}

/* =========================================================
   Version 15.3 — interface compacte en tableau + générateur clair
   ========================================================= */
.qcm-civique-list-table,
.qcm-civique-list-table * ,
.qcm-civique-generator-simple,
.qcm-civique-generator-simple * {
    box-sizing: border-box !important;
}

.qcm-civique-list-table {
    width: min(92%, 1120px) !important;
    margin: 24px auto !important;
    padding: 24px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid #dbe7f3 !important;
    box-shadow: 0 6px 18px rgba(18, 59, 99, 0.06) !important;
    color: #123b63 !important;
}

.qcm-civique-list-table h2 {
    margin: 0 0 10px 0 !important;
    color: #123b63 !important;
    text-align: center !important;
    font-size: clamp(1.45rem, 2.2vw, 2rem) !important;
    line-height: 1.25 !important;
}

.qcm-civique-list-table .qcm-civique-list-intro {
    max-width: 920px !important;
    margin: 0 auto 18px auto !important;
    color: #123b63 !important;
    text-align: center !important;
    line-height: 1.55 !important;
}

.qcm-civique-list-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 16px 0 18px 0 !important;
}

.qcm-civique-list-tabs a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 9px 13px !important;
    border-radius: 999px !important;
    border: 1px solid #cfe2f3 !important;
    background: #f8fbff !important;
    color: #145da0 !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

.qcm-civique-list-tabs a span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: .85rem !important;
}

.qcm-civique-table-accordion {
    margin: 12px 0 !important;
    border: 1px solid #dbe7f3 !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

.qcm-civique-table-accordion > summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 14px 16px !important;
    cursor: pointer !important;
    background: #e8f2ff !important;
    color: #123b63 !important;
    font-weight: 900 !important;
    list-style-position: inside !important;
}

.qcm-civique-table-accordion > summary span {
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
}

.qcm-civique-table-accordion > summary strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    background: #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    white-space: nowrap !important;
}

.qcm-civique-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    background: #ffffff !important;
}

.qcm-civique-choice-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
    color: #123b63 !important;
    min-width: 680px !important;
}

.qcm-civique-choice-table th,
.qcm-civique-choice-table td {
    padding: 10px 12px !important;
    border-bottom: 1px solid #e6eef7 !important;
    text-align: left !important;
    vertical-align: middle !important;
    color: #123b63 !important;
    font-size: .96rem !important;
    line-height: 1.35 !important;
}

.qcm-civique-choice-table th {
    background: #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 900 !important;
}

.qcm-civique-choice-table td strong {
    color: #123b63 !important;
    font-weight: 850 !important;
}

.qcm-civique-choice-table tr:nth-child(even) td {
    background: #f8fbff !important;
}

.qcm-civique-btn-small {
    padding: 8px 12px !important;
    font-size: .9rem !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

.qcm-civique-generator-simple {
    width: min(92%, 1120px) !important;
    margin: 24px auto !important;
    padding: 24px !important;
    border-radius: 20px !important;
    background: #fff8e8 !important;
    border: 1px solid #f0d58d !important;
    box-shadow: 0 8px 22px rgba(18, 59, 99, 0.08) !important;
    color: #123b63 !important;
}

.qcm-civique-generator-simple h3 {
    margin: 0 0 10px 0 !important;
    color: #7b1e2b !important;
    text-align: center !important;
    font-size: 1.45rem !important;
    line-height: 1.25 !important;
}

.qcm-civique-generator-simple .qcm-civique-generator-lead {
    max-width: 920px !important;
    margin: 0 auto 18px auto !important;
    color: #123b63 !important;
    text-align: center !important;
    line-height: 1.55 !important;
}

.qcm-civique-generator-form {
    margin: 0 !important;
}

.qcm-civique-generator-line {
    display: grid !important;
    grid-template-columns: 120px minmax(220px, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1px solid #dbe7f3 !important;
}

.qcm-civique-generator-line label {
    margin: 0 !important;
    color: #123b63 !important;
    font-weight: 900 !important;
}

.qcm-civique-generator-line select {
    width: 100% !important;
    min-height: 46px !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    border: 1px solid #b8d4ec !important;
    background: #ffffff !important;
    color: #123b63 !important;
    font-weight: 750 !important;
    font-size: 1rem !important;
}

.qcm-civique-generator-empty,
.qcm-civique-generated-summary {
    margin-top: 16px !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid #d7e7f6 !important;
    color: #123b63 !important;
    text-align: center !important;
    line-height: 1.5 !important;
}

.qcm-civique-generated-summary {
    border-left: 5px solid #32834d !important;
    text-align: left !important;
}

@media (max-width: 760px) {
    .qcm-civique-list-table,
    .qcm-civique-generator-simple {
        width: 100% !important;
        padding: 18px !important;
    }
    .qcm-civique-generator-line {
        grid-template-columns: 1fr !important;
    }
    .qcm-civique-generator-line .qcm-civique-btn,
    .qcm-civique-btn-small {
        width: 100% !important;
        text-align: center !important;
    }
}

/* =========================================================
   Version 15.4 — interface plus claire, menus fermés, objectifs visibles
   ========================================================= */
.qcm-civique-list-v154,
.qcm-civique-list-v154 *,
.qcm-civique-generator-v154,
.qcm-civique-generator-v154 * {
    box-sizing: border-box !important;
}

.qcm-civique-step-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 12px auto !important;
    padding: 7px 14px !important;
    border-radius: 999px !important;
    background: #e8f2ff !important;
    border: 1px solid #cfe2f3 !important;
    color: #145da0 !important;
    -webkit-text-fill-color: #145da0 !important;
    font-weight: 900 !important;
    font-size: .92rem !important;
}

.qcm-civique-step-badge-red {
    background: #fff0ee !important;
    border-color: #f5c8c3 !important;
    color: #7b1e2b !important;
    -webkit-text-fill-color: #7b1e2b !important;
}

.qcm-civique-list-v154 {
    width: 100% !important;
    max-width: 1040px !important;
    margin: 0 auto 26px auto !important;
    padding: 28px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid #dbe7f3 !important;
    box-shadow: 0 8px 22px rgba(18, 59, 99, 0.08) !important;
    color: #123b63 !important;
    text-align: center !important;
}

.qcm-civique-list-v154 h2 {
    margin: 0 0 10px 0 !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    font-size: clamp(1.55rem, 2.4vw, 2.1rem) !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;
}

.qcm-civique-list-v154 .qcm-civique-list-intro {
    max-width: 900px !important;
    margin: 0 auto 20px auto !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    text-align: center !important;
    line-height: 1.6 !important;
    font-size: 1.02rem !important;
}

.qcm-civique-objective-buttons {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin: 20px 0 22px 0 !important;
}

.qcm-civique-objective-open {
    appearance: none !important;
    min-height: 78px !important;
    border: 2px solid #d5e8f8 !important;
    border-left: 7px solid #145da0 !important;
    border-radius: 16px !important;
    background: #f8fbff !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 15px 18px !important;
    cursor: pointer !important;
    text-align: left !important;
    box-shadow: 0 4px 14px rgba(18, 59, 99, 0.06) !important;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease !important;
}

.qcm-civique-objective-open:hover,
.qcm-civique-objective-open:focus {
    transform: translateY(-2px) !important;
    background: #ffffff !important;
    border-color: #145da0 !important;
    box-shadow: 0 10px 22px rgba(20, 93, 160, 0.16) !important;
    outline: none !important;
}

.qcm-civique-objective-open.is-active {
    background: linear-gradient(135deg, #145da0 0%, #1d6fb8 100%) !important;
    border-color: #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.qcm-civique-objective-open span,
.qcm-civique-objective-open strong {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}

.qcm-civique-objective-open span {
    font-size: 1.08rem !important;
    font-weight: 900 !important;
}

.qcm-civique-objective-open strong {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    padding: 4px 9px !important;
    border-radius: 999px !important;
    background: rgba(20, 93, 160, 0.10) !important;
    font-size: .88rem !important;
}

.qcm-civique-objective-open.is-active strong {
    background: rgba(255, 255, 255, 0.20) !important;
}

.qcm-civique-list-v154 .qcm-civique-list-tabs {
    display: none !important;
}

.qcm-civique-list-v154 .qcm-civique-table-accordion {
    margin: 14px 0 !important;
    border: 1px solid #dbe7f3 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    text-align: left !important;
}

.qcm-civique-list-v154 .qcm-civique-table-accordion > summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 58px !important;
    padding: 15px 18px !important;
    cursor: pointer !important;
    background: #e8f2ff !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
}

.qcm-civique-list-v154 .qcm-civique-table-accordion > summary span {
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
}

.qcm-civique-list-v154 .qcm-civique-table-accordion > summary strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 11px !important;
    border-radius: 999px !important;
    background: #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    white-space: nowrap !important;
    font-size: .9rem !important;
}

.qcm-civique-accordion-help {
    margin: 0 !important;
    padding: 12px 16px !important;
    background: #fff8e8 !important;
    border-bottom: 1px solid #f0d58d !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    font-size: .95rem !important;
    line-height: 1.45 !important;
}

.qcm-civique-list-v154 .qcm-civique-choice-table {
    min-width: 760px !important;
    width: 100% !important;
    border-collapse: collapse !important;
}

.qcm-civique-list-v154 .qcm-civique-choice-table th,
.qcm-civique-list-v154 .qcm-civique-choice-table td {
    padding: 12px 14px !important;
    line-height: 1.35 !important;
    vertical-align: middle !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
}

.qcm-civique-list-v154 .qcm-civique-choice-table th {
    background: #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 900 !important;
}

.qcm-civique-list-v154 .qcm-civique-choice-table .qcm-civique-btn,
.qcm-civique-list-v154 .qcm-civique-btn-small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 160px !important;
    padding: 9px 13px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

.qcm-civique-generator-v154 {
    width: 100% !important;
    max-width: 1040px !important;
    margin: 0 auto !important;
    padding: 28px !important;
    border-radius: 20px !important;
    background: #fff8e8 !important;
    border: 1px solid #f0d58d !important;
    box-shadow: 0 8px 22px rgba(18, 59, 99, 0.08) !important;
    color: #123b63 !important;
    text-align: center !important;
}

.qcm-civique-generator-v154 h3 {
    margin: 0 0 10px 0 !important;
    color: #7b1e2b !important;
    -webkit-text-fill-color: #7b1e2b !important;
    font-size: clamp(1.45rem, 2.2vw, 1.9rem) !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;
}

.qcm-civique-generator-v154 .qcm-civique-generator-line {
    display: grid !important;
    grid-template-columns: 160px minmax(240px, 1fr) minmax(230px, auto) !important;
    align-items: center !important;
    gap: 14px !important;
    margin-top: 18px !important;
    padding: 18px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1px solid #dbe7f3 !important;
}

.qcm-civique-generator-v154 .qcm-civique-generator-line label,
.qcm-civique-generator-v154 .qcm-civique-generator-line select {
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
}

.qcm-civique-generator-v154 .qcm-civique-generator-line label {
    font-weight: 900 !important;
    text-align: left !important;
}

.qcm-civique-generator-v154 .qcm-civique-generator-line select {
    min-height: 48px !important;
    border-radius: 12px !important;
    font-size: 1rem !important;
    background: #ffffff !important;
}

.qcm-civique-generator-v154 .qcm-civique-generator-submit {
    margin: 0 !important;
    min-height: 48px !important;
    border-radius: 999px !important;
    background: #ef5350 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    white-space: nowrap !important;
}

.qcm-civique .qcm-civique-start-screen {
    margin: 18px 0 !important;
    padding: 22px !important;
    border-radius: 18px !important;
    background: #fff8e8 !important;
    border: 1px solid #f0d58d !important;
    text-align: center !important;
    color: #123b63 !important;
}

.qcm-civique .qcm-civique-start-screen h3,
.qcm-civique .qcm-civique-start-screen p,
.qcm-civique .qcm-civique-start-screen strong {
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
}

.qcm-civique .qcm-civique-start-screen .qcm-civique-start {
    margin-top: 10px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 820px) {
    .qcm-civique-objective-buttons {
        grid-template-columns: 1fr !important;
    }
    .qcm-civique-generator-v154 .qcm-civique-generator-line {
        grid-template-columns: 1fr !important;
        text-align: left !important;
    }
    .qcm-civique-generator-v154 .qcm-civique-generator-submit {
        width: 100% !important;
        white-space: normal !important;
    }
    .qcm-civique-list-v154,
    .qcm-civique-generator-v154 {
        padding: 20px !important;
    }
}

/* =========================================================
   Version 15.5 — Option 1 : 3 gros boutons, menu déroulant au clic,
   générateur en boutons, sans niveaux A2/B1/B2.
   ========================================================= */
.qcm-civique-list-v155,
.qcm-civique-list-v155 *,
.qcm-civique-generator-v155,
.qcm-civique-generator-v155 * {
    box-sizing: border-box !important;
}

.qcm-civique-list-v155 {
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto 28px auto !important;
    padding: 30px !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    border: 1px solid #dbe7f3 !important;
    box-shadow: 0 10px 26px rgba(18, 59, 99, 0.10) !important;
    color: #123b63 !important;
    text-align: center !important;
}

.qcm-civique-list-v155 h2 {
    margin: 0 0 12px 0 !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    font-size: clamp(1.65rem, 2.6vw, 2.25rem) !important;
    line-height: 1.22 !important;
    font-weight: 850 !important;
}

.qcm-civique-list-v155 .qcm-civique-list-intro {
    max-width: 860px !important;
    margin: 0 auto 24px auto !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    font-size: 1.08rem !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

.qcm-civique-goal-buttons,
.qcm-civique-generator-goals {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 22px 0 !important;
}

.qcm-civique-goal-btn,
.qcm-civique-generator-goal {
    appearance: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 138px !important;
    padding: 22px 24px !important;
    border: 2px solid #145da0 !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, #123b63 0%, #145da0 58%, #1d6fb8 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-align: left !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: 0 10px 24px rgba(18, 59, 99, 0.18) !important;
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
    overflow: hidden !important;
}

.qcm-civique-goal-btn:hover,
.qcm-civique-goal-btn:focus,
.qcm-civique-generator-goal:hover,
.qcm-civique-generator-goal:focus {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 28px rgba(18, 59, 99, 0.24) !important;
    filter: brightness(1.03) !important;
    outline: 3px solid rgba(255, 255, 255, 0.70) !important;
    outline-offset: 2px !important;
}

.qcm-civique-goal-btn.is-active,
.qcm-civique-generator-goal.is-selected {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(255,255,255,.35), 0 14px 30px rgba(18,59,99,.24) !important;
}

.qcm-civique-goal-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 1.35rem !important;
    line-height: 1 !important;
}

.qcm-civique-goal-title {
    display: block !important;
    width: 100% !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 1.22rem !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
}

.qcm-civique-goal-count,
.qcm-civique-goal-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: .95rem !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

.qcm-civique-goal-panel[hidden] {
    display: none !important;
}

.qcm-civique-goal-panel {
    margin: 22px 0 0 0 !important;
    padding: 0 !important;
    border-radius: 18px !important;
    border: 1px solid #dbe7f3 !important;
    background: #ffffff !important;
    overflow: hidden !important;
    text-align: left !important;
    box-shadow: 0 5px 16px rgba(18, 59, 99, 0.08) !important;
}

.qcm-civique-panel-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px 20px !important;
    background: #e8f2ff !important;
    border-bottom: 1px solid #dbe7f3 !important;
}

.qcm-civique-panel-title strong {
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    font-size: 1.15rem !important;
    line-height: 1.25 !important;
}

.qcm-civique-panel-title span {
    flex: 0 0 auto !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.qcm-civique-list-v155 .qcm-civique-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    background: #ffffff !important;
}

.qcm-civique-list-v155 .qcm-civique-choice-table {
    width: 100% !important;
    min-width: 650px !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
}

.qcm-civique-list-v155 .qcm-civique-choice-table th,
.qcm-civique-list-v155 .qcm-civique-choice-table td {
    padding: 15px 18px !important;
    border-bottom: 1px solid #e6eef7 !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    text-align: left !important;
    vertical-align: middle !important;
    font-size: 1.02rem !important;
    line-height: 1.4 !important;
}

.qcm-civique-list-v155 .qcm-civique-choice-table th {
    background: #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 900 !important;
}

.qcm-civique-list-v155 .qcm-civique-choice-table tr:nth-child(even) td {
    background: #f8fbff !important;
}

.qcm-civique-list-v155 .qcm-civique-choice-table td strong {
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    font-weight: 850 !important;
}

.qcm-civique-list-v155 .qcm-civique-btn-small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 176px !important;
    min-height: 44px !important;
    padding: 11px 16px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #145da0 !important;
    border: 2px solid #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: .98rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.qcm-civique-list-v155 .qcm-civique-btn-small:hover,
.qcm-civique-list-v155 .qcm-civique-btn-small:focus {
    background: #0f477a !important;
    border-color: #0f477a !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.qcm-civique-generator-v155 {
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 30px !important;
    border-radius: 22px !important;
    background: #fff8e8 !important;
    border: 1px solid #f0d58d !important;
    box-shadow: 0 10px 26px rgba(18, 59, 99, 0.10) !important;
    color: #123b63 !important;
    text-align: center !important;
}

.qcm-civique-generator-v155 h3 {
    margin: 0 0 12px 0 !important;
    color: #7b1e2b !important;
    -webkit-text-fill-color: #7b1e2b !important;
    font-size: clamp(1.55rem, 2.5vw, 2.05rem) !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;
}

.qcm-civique-generator-v155 .qcm-civique-generator-lead {
    max-width: 860px !important;
    margin: 0 auto 20px auto !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    font-size: 1.06rem !important;
    line-height: 1.55 !important;
    text-align: center !important;
}

.qcm-civique-generator-v155 .qcm-civique-generator-empty,
.qcm-civique-generator-v155 .qcm-civique-generated-summary {
    margin-top: 18px !important;
    padding: 15px 18px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1px solid #dbe7f3 !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    text-align: center !important;
    line-height: 1.5 !important;
}

.qcm-civique-generator-v155 .qcm-civique-generated-summary {
    border-left: 6px solid #32834d !important;
    text-align: left !important;
    font-weight: 800 !important;
}

/* Sécurité pour la page WordPress actuelle : le texte des boutons bleus reste blanc malgré les règles globales. */
#qcm-education-civique-page .qcm-civique-list-v155 .qcm-civique-goal-btn,
#qcm-education-civique-page .qcm-civique-list-v155 .qcm-civique-goal-btn *,
#qcm-education-civique-page .qcm-civique-generator-v155 .qcm-civique-generator-goal,
#qcm-education-civique-page .qcm-civique-generator-v155 .qcm-civique-generator-goal *,
#qcm-education-civique-page .qcm-civique-list-v155 .qcm-civique-choice-table th,
#qcm-education-civique-page .qcm-civique-list-v155 .qcm-civique-choice-table th *,
#qcm-education-civique-page .qcm-civique-list-v155 .qcm-civique-btn-small,
#qcm-education-civique-page .qcm-civique-list-v155 .qcm-civique-btn-small * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 900px) {
    .qcm-civique-goal-buttons,
    .qcm-civique-generator-goals {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .qcm-civique-goal-btn,
    .qcm-civique-generator-goal {
        min-height: 118px !important;
    }
    .qcm-civique-list-v155,
    .qcm-civique-generator-v155 {
        padding: 22px !important;
    }
}

@media (max-width: 640px) {
    .qcm-civique-list-v155,
    .qcm-civique-generator-v155 {
        padding: 18px !important;
        border-radius: 18px !important;
    }
    .qcm-civique-panel-title {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
    .qcm-civique-list-v155 .qcm-civique-choice-table {
        min-width: 560px !important;
    }
}

/* =========================================================
   Version 15.6 — boutons objectifs fonctionnels sans JavaScript,
   bloc bleu, générateur AJAX sans rechargement, chrono manuel.
   ========================================================= */
.qcm-civique-list-v156,
.qcm-civique-list-v156 *,
.qcm-civique-generator-v156,
.qcm-civique-generator-v156 * {
    box-sizing: border-box !important;
}

.qcm-civique-list-v156 {
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto 28px auto !important;
    padding: 32px !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, #123b63 0%, #145da0 58%, #1d6fb8 100%) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    box-shadow: 0 12px 30px rgba(18, 59, 99, 0.22) !important;
    color: #ffffff !important;
    text-align: center !important;
}

.qcm-civique-list-v156 h2,
.qcm-civique-list-v156 .qcm-civique-list-intro,
.qcm-civique-list-v156 p,
.qcm-civique-list-v156 span,
.qcm-civique-list-v156 strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.qcm-civique-list-v156 h2 {
    margin: 0 0 12px 0 !important;
    font-size: clamp(1.75rem, 2.7vw, 2.35rem) !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
}

.qcm-civique-list-v156 .qcm-civique-list-intro {
    max-width: 880px !important;
    margin: 0 auto 26px auto !important;
    font-size: 1.12rem !important;
    line-height: 1.6 !important;
}

.qcm-civique-objective-tabs {
    position: relative !important;
}

.qcm-civique-tab-input {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    pointer-events: none !important;
}

.qcm-civique-tab-buttons,
.qcm-civique-generator-goals {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 24px 0 !important;
}

.qcm-civique-tab-button,
.qcm-civique-generator-goal {
    appearance: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 150px !important;
    padding: 24px 24px !important;
    border: 2px solid rgba(255,255,255,.55) !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, #0f477a 0%, #145da0 60%, #1d6fb8 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-align: left !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18) !important;
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease, border-color .16s ease !important;
    overflow: hidden !important;
}

.qcm-civique-generator-goal {
    border-color: #145da0 !important;
}

.qcm-civique-tab-button:hover,
.qcm-civique-tab-button:focus,
.qcm-civique-generator-goal:hover,
.qcm-civique-generator-goal:focus {
    transform: translateY(-2px) !important;
    filter: brightness(1.05) !important;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.24) !important;
    outline: 3px solid rgba(255, 255, 255, 0.70) !important;
    outline-offset: 2px !important;
}

.qcm-civique-generator-goal:disabled {
    opacity: .70 !important;
    cursor: wait !important;
}

.qcm-civique-tab-button *,
.qcm-civique-generator-goal *,
.qcm-civique-tab-button .qcm-civique-goal-title,
.qcm-civique-generator-goal .qcm-civique-goal-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.qcm-civique-tab-button .qcm-civique-goal-title,
.qcm-civique-generator-goal .qcm-civique-goal-title {
    display: block !important;
    width: 100% !important;
    font-size: clamp(1.15rem, 1.7vw, 1.35rem) !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
}

.qcm-civique-tab-button .qcm-civique-goal-icon,
.qcm-civique-generator-goal .qcm-civique-goal-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.18) !important;
    font-size: 1.35rem !important;
    line-height: 1 !important;
}

.qcm-civique-tab-button .qcm-civique-goal-count,
.qcm-civique-generator-goal .qcm-civique-goal-action {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: 100% !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: #fff8e8 !important;
    color: #7b1e2b !important;
    -webkit-text-fill-color: #7b1e2b !important;
    font-size: .98rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.qcm-civique-tab-panels {
    margin-top: 24px !important;
}

.qcm-civique-tab-panel {
    display: none !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.35) !important;
    background: #ffffff !important;
    overflow: hidden !important;
    text-align: left !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.16) !important;
}

.qcm-civique-panel-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px 20px !important;
    background: #e8f2ff !important;
    border-bottom: 1px solid #dbe7f3 !important;
}

.qcm-civique-panel-title strong {
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    font-size: 1.18rem !important;
    line-height: 1.25 !important;
}

.qcm-civique-panel-title span {
    flex: 0 0 auto !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.qcm-civique-list-v156 .qcm-civique-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    background: #ffffff !important;
}

.qcm-civique-list-v156 .qcm-civique-choice-table {
    width: 100% !important;
    min-width: 650px !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
}

.qcm-civique-list-v156 .qcm-civique-choice-table th,
.qcm-civique-list-v156 .qcm-civique-choice-table td {
    padding: 16px 18px !important;
    border-bottom: 1px solid #e6eef7 !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    text-align: left !important;
    vertical-align: middle !important;
    font-size: 1.05rem !important;
    line-height: 1.42 !important;
}

.qcm-civique-list-v156 .qcm-civique-choice-table th {
    background: #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 900 !important;
}

.qcm-civique-list-v156 .qcm-civique-choice-table tr:nth-child(even) td {
    background: #f8fbff !important;
}

.qcm-civique-list-v156 .qcm-civique-choice-table td strong {
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    font-weight: 850 !important;
}

.qcm-civique-list-v156 .qcm-civique-btn-small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 176px !important;
    min-height: 46px !important;
    padding: 11px 16px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #145da0 !important;
    border: 2px solid #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.qcm-civique-generator-v156 {
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 32px !important;
    border-radius: 24px !important;
    background: #fff8e8 !important;
    border: 1px solid #f0d58d !important;
    box-shadow: 0 10px 26px rgba(18, 59, 99, 0.10) !important;
    color: #123b63 !important;
    text-align: center !important;
}

.qcm-civique-generator-v156 h3 {
    margin: 0 0 12px 0 !important;
    color: #7b1e2b !important;
    -webkit-text-fill-color: #7b1e2b !important;
    font-size: clamp(1.6rem, 2.5vw, 2.1rem) !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
}

.qcm-civique-generator-v156 .qcm-civique-generator-lead {
    max-width: 880px !important;
    margin: 0 auto 22px auto !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    font-size: 1.08rem !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

.qcm-civique-generator-result {
    margin-top: 24px !important;
}

.qcm-civique-generator-loading {
    padding: 16px 18px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1px solid #dbe7f3 !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    font-weight: 900 !important;
    text-align: center !important;
}

.qcm-civique-generator-v156 .qcm-civique-generated-summary {
    margin: 0 0 18px 0 !important;
    padding: 15px 18px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1px solid #dbe7f3 !important;
    border-left: 6px solid #32834d !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    text-align: left !important;
    line-height: 1.5 !important;
    font-weight: 800 !important;
}

.qcm-civique-timer {
    gap: 14px !important;
    padding: 10px 18px !important;
    font-size: 1.05rem !important;
}

.qcm-civique-timer strong {
    display: inline-flex !important;
    margin-left: 4px !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.18) !important;
}

#qcm-education-civique-page .qcm-civique-list-v156,
#qcm-education-civique-page .qcm-civique-list-v156 h2,
#qcm-education-civique-page .qcm-civique-list-v156 .qcm-civique-list-intro,
#qcm-education-civique-page .qcm-civique-list-v156 .qcm-civique-tab-button,
#qcm-education-civique-page .qcm-civique-list-v156 .qcm-civique-tab-button *,
#qcm-education-civique-page .qcm-civique-generator-v156 .qcm-civique-generator-goal,
#qcm-education-civique-page .qcm-civique-generator-v156 .qcm-civique-generator-goal * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#qcm-education-civique-page .qcm-civique-list-v156 .qcm-civique-goal-count,
#qcm-education-civique-page .qcm-civique-generator-v156 .qcm-civique-goal-action {
    color: #7b1e2b !important;
    -webkit-text-fill-color: #7b1e2b !important;
}

@media (max-width: 980px) {
    .qcm-civique-tab-buttons,
    .qcm-civique-generator-goals {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .qcm-civique-tab-button,
    .qcm-civique-generator-goal {
        min-height: 120px !important;
    }
}

@media (max-width: 640px) {
    .qcm-civique-list-v156,
    .qcm-civique-generator-v156 {
        padding: 20px !important;
        border-radius: 20px !important;
    }
    .qcm-civique-panel-title {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
    .qcm-civique-list-v156 .qcm-civique-choice-table {
        min-width: 560px !important;
    }
}


/* =========================================================
   Version 15.7 — correctifs interface moderne
   ========================================================= */
.qcm-civique [hidden],
.qcm-civique-list-v157 [hidden],
.qcm-civique-generator-v157 [hidden],
.qcm-civique-list-v158 [hidden],
.qcm-civique-generator-v158 [hidden],
.qcm-civique-generator-v1512 [hidden] {
    display: none !important;
}

.qcm-civique .qcm-civique-timer {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    padding: 12px 18px !important;
    border-radius: 999px !important;
    background: #fff8e8 !important;
    border: 1px solid #f0d58d !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.qcm-civique .qcm-civique-timer strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 78px !important;
    padding: 7px 12px !important;
    margin-left: 2px !important;
    border-radius: 999px !important;
    background: #e74d4d !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-variant-numeric: tabular-nums !important;
}

.qcm-civique .qcm-civique-start-screen {
    margin: 22px auto !important;
    padding: 24px !important;
    border-radius: 20px !important;
    background: #f8fbff !important;
    border: 1px solid #dbe7f3 !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    text-align: center !important;
}

.qcm-civique .qcm-civique-start-screen .qcm-civique-btn,
.qcm-civique .qcm-civique-start {
    margin-top: 12px !important;
    background: #145da0 !important;
    border-color: #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#qcm-education-civique-page .qcm-civique-list-v157,
#qcm-education-civique-page .qcm-civique-generator-v157,
#qcm-education-civique-page .qcm-civique-list-v158,
#qcm-education-civique-page .qcm-civique-generator-v158,
#qcm-education-civique-page .qcm-civique-generator-v1512,
#qcm-education-civique-page .qcm-civique-list-v157 *,
#qcm-education-civique-page .qcm-civique-generator-v157 *,
#qcm-education-civique-page .qcm-civique-list-v158 *,
#qcm-education-civique-page .qcm-civique-generator-v158 *,
#qcm-education-civique-page .qcm-civique-generator-v1512 * {
    box-sizing: border-box !important;
}


/* =========================================================
   Version 15.8 — lisibilité boutons + chrono manuel
   ========================================================= */
.qcm-civique .qcm-civique-btn,
.qcm-civique .qcm-civique-start,
.qcm-civique .qcm-civique-submit,
.qcm-civique .qcm-civique-next,
.qcm-civique .qcm-civique-prev,
.qcm-civique .qcm-civique-reset {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.qcm-civique .qcm-civique-timer {
    gap: 20px !important;
}
.qcm-civique .qcm-civique-timer strong {
    margin-left: 8px !important;
}


/* =========================================================
   Version 15.11 — générateur : bleu par défaut, rouge à la sélection,
   démarrage manuel renforcé
   ========================================================= */
.qcm-civique-generator-v1512 .qcm-civique-generator-goal,
.qcm-civique-generator-panel .qcm-civique-generator-goal {
    background: linear-gradient(135deg, #0f477a 0%, #145da0 60%, #1d6fb8 100%) !important;
    border-color: #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.qcm-civique-generator-v1512 .qcm-civique-generator-goal.is-selected,
.qcm-civique-generator-panel .qcm-civique-generator-goal.is-selected {
    background: linear-gradient(135deg, #7b1e2b 0%, #c93b3b 62%, #ef5350 100%) !important;
    border-color: #fff8e8 !important;
    box-shadow: 0 0 0 4px rgba(239,83,80,.20), 0 16px 30px rgba(123,30,43,.28) !important;
}
.qcm-civique-generator-v1512 .qcm-civique-generator-goal *,
.qcm-civique-generator-panel .qcm-civique-generator-goal * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.qcm-civique-generator-v1512 .qcm-civique-generator-goal .qcm-civique-goal-action,
.qcm-civique-generator-panel .qcm-civique-generator-goal .qcm-civique-goal-action {
    background: #fff8e8 !important;
    color: #7b1e2b !important;
    -webkit-text-fill-color: #7b1e2b !important;
}
.qcm-civique-generator-v1512 .qcm-civique-generator-goal.is-selected .qcm-civique-goal-action,
.qcm-civique-generator-panel .qcm-civique-generator-goal.is-selected .qcm-civique-goal-action {
    background: #ffffff !important;
    color: #7b1e2b !important;
    -webkit-text-fill-color: #7b1e2b !important;
}


/* =========================================================
   Version 15.12 — générateur bleu par défaut + sélection rouge
   Ces règles ont une forte priorité pour éviter les anciens styles de page.
   ========================================================= */
#qcm-education-civique-page .qcm-civique-generator-v1512 .qcm-civique-generator-goals > button.qcm-civique-generator-goal,
.qcm-civique-generator-v1512 .qcm-civique-generator-goals > button.qcm-civique-generator-goal {
    background: linear-gradient(135deg,#0f477a 0%,#145da0 58%,#1d6fb8 100%) !important;
    border-color: #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#qcm-education-civique-page .qcm-civique-generator-v1512 .qcm-civique-generator-goals > button.qcm-civique-generator-goal.is-selected,
.qcm-civique-generator-v1512 .qcm-civique-generator-goals > button.qcm-civique-generator-goal.is-selected {
    background: linear-gradient(135deg,#8a1d2c 0%,#c93b3b 62%,#ef5350 100%) !important;
    border-color: #f7caca !important;
}
#qcm-education-civique-page .qcm-civique-generator-v1512 .qcm-civique-generator-goals > button.qcm-civique-generator-goal *,
.qcm-civique-generator-v1512 .qcm-civique-generator-goals > button.qcm-civique-generator-goal * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#qcm-education-civique-page .qcm-civique-generator-v1512 .qcm-civique-generator-goal .qcm-civique-goal-action,
.qcm-civique-generator-v1512 .qcm-civique-generator-goal .qcm-civique-goal-action {
    background: #fff8e8 !important;
    color: #145da0 !important;
    -webkit-text-fill-color: #145da0 !important;
}
#qcm-education-civique-page .qcm-civique-generator-v1512 .qcm-civique-generator-goal.is-selected .qcm-civique-goal-action,
.qcm-civique-generator-v1512 .qcm-civique-generator-goal.is-selected .qcm-civique-goal-action {
    color: #8a1d2c !important;
    -webkit-text-fill-color: #8a1d2c !important;
}


/* =========================================================
   Version 15.13 — suppression du bordeaux dans le générateur
   Cartes en dégradé bleu, sélection bleue claire, textes lisibles.
   ========================================================= */
#qcm-education-civique-page .qcm-civique-generator-v1512 .qcm-civique-generator-goals > button.qcm-civique-generator-goal,
.qcm-civique-generator-v1512 .qcm-civique-generator-goals > button.qcm-civique-generator-goal,
.qcm-civique-generator-panel .qcm-civique-generator-goals > button.qcm-civique-generator-goal {
    background: linear-gradient(135deg, #0b355d 0%, #145da0 56%, #2d8ed6 100%) !important;
    border-color: #5db5f0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(20, 93, 160, .22) !important;
}
#qcm-education-civique-page .qcm-civique-generator-v1512 .qcm-civique-generator-goals > button.qcm-civique-generator-goal.is-selected,
.qcm-civique-generator-v1512 .qcm-civique-generator-goals > button.qcm-civique-generator-goal.is-selected,
.qcm-civique-generator-panel .qcm-civique-generator-goals > button.qcm-civique-generator-goal.is-selected {
    background: linear-gradient(135deg, #082f52 0%, #1577bf 55%, #36a9e1 100%) !important;
    border-color: #c9f2ff !important;
    box-shadow: 0 0 0 4px rgba(54, 169, 225, .24), 0 16px 30px rgba(20, 93, 160, .32) !important;
}
#qcm-education-civique-page .qcm-civique-generator-v1512 .qcm-civique-generator-goal *,
.qcm-civique-generator-v1512 .qcm-civique-generator-goal *,
.qcm-civique-generator-panel .qcm-civique-generator-goal * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#qcm-education-civique-page .qcm-civique-generator-v1512 .qcm-civique-generator-goal .qcm-civique-goal-title,
.qcm-civique-generator-v1512 .qcm-civique-generator-goal .qcm-civique-goal-title,
.qcm-civique-generator-panel .qcm-civique-generator-goal .qcm-civique-goal-title,
#qcm-education-civique-page .qcm-civique-generator-v1512 .qcm-civique-generator-goal strong,
.qcm-civique-generator-v1512 .qcm-civique-generator-goal strong,
.qcm-civique-generator-panel .qcm-civique-generator-goal strong,
#qcm-education-civique-page .qcm-civique-generator-v1512 .qcm-civique-generator-goal span,
.qcm-civique-generator-v1512 .qcm-civique-generator-goal span,
.qcm-civique-generator-panel .qcm-civique-generator-goal span {
    background: transparent !important;
    box-shadow: none !important;
}
#qcm-education-civique-page .qcm-civique-generator-v1512 .qcm-civique-goal-icon,
.qcm-civique-generator-v1512 .qcm-civique-goal-icon,
.qcm-civique-generator-panel .qcm-civique-goal-icon {
    background: rgba(255,255,255,.20) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#qcm-education-civique-page .qcm-civique-generator-v1512 .qcm-civique-goal-action,
.qcm-civique-generator-v1512 .qcm-civique-goal-action,
.qcm-civique-generator-panel .qcm-civique-goal-action,
#qcm-education-civique-page .qcm-civique-generator-v1512 .qcm-civique-generator-goal.is-selected .qcm-civique-goal-action,
.qcm-civique-generator-v1512 .qcm-civique-generator-goal.is-selected .qcm-civique-goal-action,
.qcm-civique-generator-panel .qcm-civique-generator-goal.is-selected .qcm-civique-goal-action {
    background: #ffffff !important;
    color: #145da0 !important;
    -webkit-text-fill-color: #145da0 !important;
    box-shadow: none !important;
}
#qcm-education-civique-page .qcm-civique-generator-v1512 .qcm-civique-generator-goal:hover,
.qcm-civique-generator-v1512 .qcm-civique-generator-goal:hover,
.qcm-civique-generator-panel .qcm-civique-generator-goal:hover {
    filter: brightness(1.06) !important;
}
#qcm-education-civique-page .qcm-civique-list-v158 .qcm-civique-goal-count,
.qcm-civique-list-v158 .qcm-civique-goal-count {
    background: rgba(255,255,255,.22) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* =========================================================
   Version 15.14 — générateur 100 % bleu, suppression définitive
   des bandes bordeaux imposées par les CSS de page.
   ========================================================= */
#qcm-education-civique-page .bloc-generateur-personnalise .qcm-civique-generator-panel .qcm-civique-generator-goal,
#qcm-education-civique-page .qcm-bloc-generateur-propre .qcm-civique-generator-panel .qcm-civique-generator-goal,
#qcm-education-civique-page .qcm-civique-generator-panel .qcm-civique-generator-goal,
.qcm-civique-generator-panel .qcm-civique-generator-goal {
    background: linear-gradient(135deg, #0b355d 0%, #145da0 56%, #2d8ed6 100%) !important;
    background-color: #145da0 !important;
    border-color: #5db5f0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#qcm-education-civique-page .bloc-generateur-personnalise .qcm-civique-generator-panel .qcm-civique-generator-goal.is-selected,
#qcm-education-civique-page .qcm-bloc-generateur-propre .qcm-civique-generator-panel .qcm-civique-generator-goal.is-selected,
#qcm-education-civique-page .qcm-civique-generator-panel .qcm-civique-generator-goal.is-selected,
.qcm-civique-generator-panel .qcm-civique-generator-goal.is-selected {
    background: linear-gradient(135deg, #082f52 0%, #1577bf 55%, #36a9e1 100%) !important;
    background-color: #1577bf !important;
    border-color: #c9f2ff !important;
}
#qcm-education-civique-page .bloc-generateur-personnalise .qcm-civique-generator-panel .qcm-civique-generator-goal span,
#qcm-education-civique-page .bloc-generateur-personnalise .qcm-civique-generator-panel .qcm-civique-generator-goal strong,
#qcm-education-civique-page .qcm-bloc-generateur-propre .qcm-civique-generator-panel .qcm-civique-generator-goal span,
#qcm-education-civique-page .qcm-bloc-generateur-propre .qcm-civique-generator-panel .qcm-civique-generator-goal strong,
#qcm-education-civique-page .qcm-civique-generator-panel .qcm-civique-generator-goal span,
#qcm-education-civique-page .qcm-civique-generator-panel .qcm-civique-generator-goal strong,
.qcm-civique-generator-panel .qcm-civique-generator-goal span,
.qcm-civique-generator-panel .qcm-civique-generator-goal strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
    border-color: transparent !important;
}
#qcm-education-civique-page .bloc-generateur-personnalise .qcm-civique-generator-panel .qcm-civique-goal-title,
#qcm-education-civique-page .qcm-bloc-generateur-propre .qcm-civique-generator-panel .qcm-civique-goal-title,
#qcm-education-civique-page .qcm-civique-generator-panel .qcm-civique-goal-title,
.qcm-civique-generator-panel .qcm-civique-goal-title {
    background: transparent !important;
    background-color: transparent !important;
}
#qcm-education-civique-page .bloc-generateur-personnalise .qcm-civique-generator-panel .qcm-civique-goal-action,
#qcm-education-civique-page .qcm-bloc-generateur-propre .qcm-civique-generator-panel .qcm-civique-goal-action,
#qcm-education-civique-page .qcm-civique-generator-panel .qcm-civique-goal-action,
.qcm-civique-generator-panel .qcm-civique-goal-action,
#qcm-education-civique-page .bloc-generateur-personnalise .qcm-civique-generator-panel .qcm-civique-generator-goal.is-selected .qcm-civique-goal-action,
#qcm-education-civique-page .qcm-bloc-generateur-propre .qcm-civique-generator-panel .qcm-civique-generator-goal.is-selected .qcm-civique-goal-action,
#qcm-education-civique-page .qcm-civique-generator-panel .qcm-civique-generator-goal.is-selected .qcm-civique-goal-action,
.qcm-civique-generator-panel .qcm-civique-generator-goal.is-selected .qcm-civique-goal-action {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #145da0 !important;
    -webkit-text-fill-color: #145da0 !important;
    border-color: #ffffff !important;
}


/* =========================================================
   Version 15.15 — suppression du fond bordeaux derrière les émojis
   du générateur : icônes en bleu, même si le thème/page surcharge.
   ========================================================= */
#qcm-education-civique-page .bloc-generateur-personnalise .qcm-civique-generator-panel .qcm-civique-goal-icon,
#qcm-education-civique-page .qcm-bloc-generateur-propre .qcm-civique-generator-panel .qcm-civique-goal-icon,
#qcm-education-civique-page .qcm-civique-generator-panel .qcm-civique-goal-icon,
.qcm-civique-generator-panel .qcm-civique-goal-icon,
.qcm-civique-generator-v1512 .qcm-civique-goal-icon,
button.qcm-civique-generator-goal .qcm-civique-goal-icon {
    background: linear-gradient(135deg, #1d6fb8 0%, #36a9e1 100%) !important;
    background-color: #1d6fb8 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.38) !important;
    box-shadow: 0 6px 14px rgba(11, 53, 93, .18) !important;
}
#qcm-education-civique-page .qcm-civique-generator-panel .qcm-civique-goal-icon *,
.qcm-civique-generator-panel .qcm-civique-goal-icon *,
.qcm-civique-generator-v1512 .qcm-civique-goal-icon * {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* =========================================================
   Version 15.16 — écran de démarrage lisible + chrono espacé
   ========================================================= */
.qcm-civique .qcm-civique-start-screen,
#qcm-education-civique-page .qcm-civique .qcm-civique-start-screen {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #dbe7f3 !important;
    border-left: 6px solid #145da0 !important;
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    text-align: center !important;
    box-shadow: 0 8px 22px rgba(18, 59, 99, .10) !important;
}
.qcm-civique .qcm-civique-start-screen h3,
.qcm-civique .qcm-civique-start-screen p,
.qcm-civique .qcm-civique-start-screen strong,
#qcm-education-civique-page .qcm-civique .qcm-civique-start-screen h3,
#qcm-education-civique-page .qcm-civique .qcm-civique-start-screen p,
#qcm-education-civique-page .qcm-civique .qcm-civique-start-screen strong {
    color: #123b63 !important;
    -webkit-text-fill-color: #123b63 !important;
    background: transparent !important;
    background-color: transparent !important;
}
.qcm-civique .qcm-civique-start-screen .qcm-civique-start,
#qcm-education-civique-page .qcm-civique .qcm-civique-start-screen .qcm-civique-start {
    background: #145da0 !important;
    border-color: #145da0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    margin-top: 14px !important;
}
.qcm-civique .qcm-civique-timer,
#qcm-education-civique-page .qcm-civique .qcm-civique-timer {
    gap: 18px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
}
.qcm-civique .qcm-civique-timer strong,
#qcm-education-civique-page .qcm-civique .qcm-civique-timer strong {
    margin-left: 10px !important;
}


/* v15.23 — badge Outil gratuit lisible, sans fond blanc + texte blanc */
.qcm-civique .qcm-civique-header .qcm-civique-badge,
.qcm-civique .qcm-civique-badge {
    background: #ffffff !important;
    color: #145da0 !important;
    -webkit-text-fill-color: #145da0 !important;
    border: 1px solid #cfe4fb !important;
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.16) !important;
}
.qcm-civique .qcm-civique-header .qcm-civique-badge *,
.qcm-civique .qcm-civique-badge * {
    color: #145da0 !important;
    -webkit-text-fill-color: #145da0 !important;
}