/* Habillage sombre du moteur de QCM.
   Le plugin JW – Objectif Permis Bateau expose sa palette en variables CSS :
   il suffit de les redéfinir, sans toucher à une seule règle du plugin.
   Chargé uniquement sur les pages créées par ce plugin. */

.opb {
	--opb-large: #0f2c3e;
	--opb-hauts-fonds: #14384c;
	--opb-encre: #e9f0f4;
	--opb-encre-2: #93aab9;
	--opb-magenta: #ff2d78;
	--opb-tribord: #35d18a;
	--opb-babord: #ff5c5c;
	--opb-cardinale: #f0b429;
	--opb-trait: rgba(255, 255, 255, .13);
	max-width: 100%;
}

/* Le conteneur d'accueil devient une carte posée sur la nuit. */
.opb-intro {
	background: linear-gradient(180deg, #12354a, #0f2c3e);
	border-radius: 14px;
}

.opb-btn:hover { background: #ff4a8b; }

/* Les états de correction, retouchés pour le fond sombre. */
.opb-opt.opb-juste { background: rgba(53, 209, 138, .14); }
.opb-opt.opb-faux { background: rgba(255, 92, 92, .13); }
.opb-verdict.opb-admis { background: rgba(53, 209, 138, .12); border-color: rgba(53, 209, 138, .4); }
.opb-verdict.opb-recale { background: rgba(255, 92, 92, .10); border-color: rgba(255, 92, 92, .38); }

.opb-feux i { background: rgba(255, 255, 255, .06); }
.opb-feux i.opb-on { box-shadow: 0 0 0 4px rgba(255, 92, 92, .22); }

/* Les schémas de balisage ont un fond clair : on adoucit la jointure. */
.opb-schema {
	background: #f7f9fa;
	border-color: rgba(255, 255, 255, .18);
}

.opb-revue details, .opb-carte { background: rgba(255, 255, 255, .03); }
.opb-lead { border-color: var(--opb-trait); }

/* ---------- Écrin ---------- */
/* Le questionnaire est l'outil au milieu du texte : il doit se détacher
   du contenu éditorial sans créer de cadre dans un cadre. */

.opb {
	background: rgba(255, 255, 255, .022);
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 16px;
	padding: clamp(20px, 3vw, 32px);
	margin: 34px 0;
}

.opb-intro {
	background: transparent;
	border: 0;
	padding: 10px 0 4px;
}

.opb-barre { padding-top: 2px; }