/* ============================================================
   SiP Child Theme v2 — le peu de CSS qui ne tient pas dans theme.json
   scaleinpeace.com

   Les couleurs, espacements et typographies sont dans theme.json.
   Ne mettre ici que ce qu'aucun bloc core ne sait faire :
   le sélecteur de langue, le badge des sections et les gardes-fous
   des embeds tiers.
   ============================================================ */

/* ── Badge d'introduction de section — « DE L'OFFSHORE QUI DÉRAPE… »
      Orange sur fond clair (4,5:1 sur blanc en 13 px gras). Sur fond
      bleu nuit, utiliser accent-3 (orange clair) dans le bloc. ─────── */
.sip-badge {
	color: var(--wp--preset--color--accent-1);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 14px;
}

/* ── Sélecteur de langue (rendu par functions.php dans le header) ── */
.sip-lang-switcher {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
}

.sip-lang-switcher .sip-lang {
	color: var(--wp--preset--color--accent-4);
	text-decoration: none;
}

.sip-lang-switcher .sip-lang:hover {
	color: var(--wp--preset--color--accent-1);
}

.sip-lang-switcher .sip-lang.is-current {
	color: var(--wp--preset--color--contrast);
}

.sip-lang-switcher .sip-lang-sep {
	color: var(--wp--preset--color--accent-6);
}

/* ── Encarts du gabarit d'article et de la colonne latérale ──────── */
.sip-encart {
	border: 1px dashed var(--wp--preset--color--accent-6);
	border-radius: 6px;
	padding: 15px 20px;
}

.sip-encart > :first-child {
	margin-top: 0;
}

.sip-encart > :last-child {
	margin-bottom: 0;
}

/* ── Les embeds tiers apportent leurs propres styles.
      On les empêche seulement de déborder sur mobile. ─────────────── */
.sip-formulaire .formkit-form,
.sip-formulaire iframe,
.sip-calendrier iframe {
	max-width: 100%;
}