/*
 * Widgets du parcours Employeurs (galerie / cotisation / comparatif / formulaire).
 * HTML brut de Widget_Base -> les classes mist-ds font l'essentiel ; ici les
 * spécificités (grilles de formulaire, tableau comparatif, états de message).
 */
.mist-cot-grid, .mist-cmp-card { align-items: start; }
.mist-cot-grid { gap: 40px; }
.mist-cot-form { display: grid; gap: 16px; }
.mist-cot-h3 { margin-top: 10px; }
.mist-cot-title em, .mist-cmp-title em, .mist-adh-title em {
	font-style: normal; padding: 0 0.05em; border-radius: 3px;
	background: linear-gradient(transparent 60%, rgba(233, 78, 27, 0.24) 60%);
}
.mist-cot-result { display: flex; flex-direction: column; align-items: flex-start; }

/* Comparatif */
.mist-cmp-card { overflow-x: auto; }
.mist-cmp-table { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.mist-cmp-table th, .mist-cmp-table td { padding: 12px 14px; text-align: left; vertical-align: top; }
.mist-cmp-table thead th {
	font-family: var(--display, "Mulish"); font-weight: 800; font-size: 13px;
	text-transform: uppercase; letter-spacing: 0.05em; color: var(--blue, #3e4982);
	border-bottom: 2px solid var(--line, #e7e6f2);
}
.mist-cmp-table tbody tr + tr th, .mist-cmp-table tbody tr + tr td { border-top: 1px solid var(--line, #e7e6f2); }
.mist-cmp-table tbody th { font-weight: 700; color: var(--ink, #1f2444); width: 26%; }
.mist-cmp-table tbody td { color: var(--ink-soft, #5b6180); }

/* Formulaire d'adhésion */
.mist-adh-intro { max-width: 62ch; margin-bottom: 22px; }
.mist-adh-form { display: grid; gap: 16px; }
.mist-adh-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 767px) { .mist-adh-grid { grid-template-columns: minmax(0, 1fr); } }
.mist-adh-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.mist-adh-msg { padding: 14px 16px; border-radius: 14px; font-size: 14.5px; }
.mist-adh-msg.ok { background: #e5f4eb; color: #2f7d54; border: 1px solid rgba(47, 125, 84, 0.25); }
.mist-adh-msg.ko { background: #fdeee9; color: #c0391a; border: 1px solid rgba(233, 78, 27, 0.25); }