/*
Theme Name: Advanix
Theme URI: https://advanix.net
Author: Seobooster LTD
Description: Advanix — crédit, rachat de crédit et assurance emprunteur, ancrage Côte d'Azur. Le bureau d'un courtier niçois, en plein soleil : rigueur d'un relevé, posée sur les façades ocre et le bleu des chaises de la Promenade.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: advanix
*/

/* ==========================================================================
   0. POLICES SELF-HOSTED (P-086) — Gloock (titres), Albert Sans (corps),
   Red Hat Mono (chiffres de relevé). Fichiers à déposer dans assets/fonts/
   (voir NOTES-DESIGN.md) ; en leur absence, repli système propre + swap.
   ========================================================================== */
@font-face {
	font-family: 'Gloock';
	src: url('assets/fonts/gloock-regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Albert Sans';
	src: url('assets/fonts/albert-sans-variable.woff2') format('woff2-variations'),
	     url('assets/fonts/albert-sans-variable.woff2') format('woff2');
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Albert Sans';
	src: url('assets/fonts/albert-sans-italic-variable.woff2') format('woff2-variations'),
	     url('assets/fonts/albert-sans-italic-variable.woff2') format('woff2');
	font-weight: 400 700;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Gloock';
	src: url('assets/fonts/gloock-regular.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Red Hat Mono';
	src: url('assets/fonts/red-hat-mono-medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* ==========================================================================
   1. JETONS DE MARQUE — clair ET sombre, les deux sont des livrables (P-110).
   [data-theme="dark"] force le sombre (bascule + captures) ; à défaut, on suit
   les réglages système. [data-theme="light"] force le clair même si le système
   est sombre : c'est le seul flag qui bascule VRAIMENT (leçon capture-mode-sombre).
   ========================================================================== */
:root{
	--adx-bg:#F7F1EA;            /* chaux rosée */
	--adx-surface:#FFFCF7;       /* papier de relevé */
	--adx-encre:#1A2130;         /* ardoise de Nice */
	--adx-accent:#C9532A;        /* ocre de Villefranche */
	--adx-accent-fonce:#8E3A1F;
	--adx-accent-clair:#F3C4AC;
	--adx-secondaire:#1F5FA8;    /* bleu chaise de la Promenade */
	--adx-succes:#2E7A4E;        /* vert pistou — jamais décoratif */
	--adx-neutre:#6B6A70;        /* ardoise à 55% */
	--adx-ligne:rgba(26,33,48,.14);
	--adx-bande-bg:#1A2130;
	--adx-bande-bg-2:#232C40;
	--adx-bande-fg:#EEE6DA;
	--adx-bande-neutre:#A8A2C8;
	--adx-ombre:0 18px 40px -18px rgba(26,33,48,.28);
	--adx-rayon:16px;
	--adx-rayon-lg:26px;
	--adx-conteneur:1240px;
	color-scheme: light;
}
@media (prefers-color-scheme: dark){
	:root:not([data-theme="light"]){
		--adx-bg:#0E1522;
		--adx-surface:#172133;
		--adx-encre:#EEE6DA;
		--adx-accent:#F0875A;
		--adx-accent-fonce:#F5A47D;
		--adx-accent-clair:#3A2A22;
		--adx-secondaire:#7DB2EE;
		--adx-succes:#6FCB93;
		--adx-neutre:#9AA3B5;
		--adx-ligne:rgba(238,230,218,.16);
		--adx-bande-bg:#172133;
		--adx-bande-bg-2:#1C2740;
		--adx-bande-fg:#EEE6DA;
		--adx-ombre:0 18px 44px -16px rgba(0,0,0,.55);
		color-scheme: dark;
	}
}
:root[data-theme="dark"]{
	--adx-bg:#0E1522;
	--adx-surface:#172133;
	--adx-encre:#EEE6DA;
	--adx-accent:#F0875A;
	--adx-accent-fonce:#F5A47D;
	--adx-accent-clair:#3A2A22;
	--adx-secondaire:#7DB2EE;
	--adx-succes:#6FCB93;
	--adx-neutre:#9AA3B5;
	--adx-ligne:rgba(238,230,218,.16);
	--adx-bande-bg:#172133;
	--adx-bande-bg-2:#1C2740;
	--adx-bande-fg:#EEE6DA;
	--adx-ombre:0 18px 44px -16px rgba(0,0,0,.55);
	color-scheme: dark;
}

/* ==========================================================================
   2. RESET SOBRE + BASE
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box;min-width:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
	margin:0;
	background:var(--adx-bg);
	color:var(--adx-encre);
	font-family:'Albert Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
	font-size:17px;
	line-height:1.6;
	transition:background .2s ease,color .2s ease;
	overflow-x:hidden;
}
@media(min-width:768px){ body{ font-size:18px; } }
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{margin:0;padding:0}
h1,h2,h3,h4{font-family:'Gloock',Georgia,'Times New Roman',serif;font-weight:400;margin:0 0 .5em;line-height:1.15}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--adx-secondaire);outline-offset:2px}
.adx-mono{font-family:'Red Hat Mono','SFMono-Regular',Consolas,monospace}
.adx-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

h1{font-size:36px}
h2{font-size:28px}
h3{font-size:19px}
@media(min-width:768px){
	h1{font-size:56px}
	h2{font-size:38px}
	h3{font-size:22px}
}

.adx-conteneur{max-width:var(--adx-conteneur);margin-inline:auto;padding-inline:16px}
@media(min-width:900px){ .adx-conteneur{padding-inline:24px} }

.adx-eyebrow{
	font-family:'Red Hat Mono',monospace;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:.06em;
	color:var(--adx-neutre);
	display:inline-flex;
	flex-wrap:wrap;
	align-items:center;
	gap:.35em .5em;
	white-space:normal;
	overflow-wrap:break-word;
	max-width:100%;
	row-gap:.2em;
}
/* Débordement mobile mesuré 18/09/2026 (390px → 555px) : l'eyebrow long du hero
   (« CRÉDIT & ASSURANCE EMPRUNTEUR · CÔTE D'AZUR ») était en nowrap. On retire
   l'espacement des lettres sous 480px pour que le retour à la ligne reste net,
   les badges COURTS (tickets, dates) restent lisibles sur une ligne d'eux-mêmes. */
@media(max-width:480px){ .adx-eyebrow{ letter-spacing:.02em; } }

/* Chiffres tabulaires partout où un montant apparaît (DA §3) */
.adx-chiffre,.adx-montant,time,data,meter{ font-variant-numeric:tabular-nums; }

/* ==========================================================================
   3. BOUTONS & LIENS D'ACTION
   ========================================================================== */
.adx-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:.5em;
	padding:.85em 1.4em;border-radius:999px;font-weight:700;font-size:16px;
	line-height:1.1;white-space:nowrap;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;
}
.adx-btn--plein{ background:var(--adx-accent); color:#fff; }
:root[data-theme="dark"] .adx-btn--plein,
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .adx-btn--plein{ color:#1A1006; } }
.adx-btn--plein:hover{ background:var(--adx-accent-fonce); transform:translateY(-1px); }
.adx-btn--encre{ background:var(--adx-encre); color:var(--adx-bg); }
.adx-btn--encre:hover{ transform:translateY(-1px); }
.adx-btn--filaire{ border:1.5px solid currentColor; }
.adx-btn--filaire:hover{ background:var(--adx-ligne); }
/* P-351 : jetons FIXES, volontairement PAS --adx-encre/--adx-bande-fg — ces deux
   jetons s'inversent en mode sombre (l'encre devient claire), ce qui rendait ce
   bouton illisible (fond clair + texte clair) sur la bande ocre en sombre. */
.adx-btn--sur-accent{ background:#1A1006; color:#FFF6EC; }
.adx-btn--sur-accent:hover{ background:#2B1B0E; }
.adx-lien-fleche{ font-weight:700; color:var(--adx-secondaire); display:inline-flex; gap:.35em; align-items:center; }
.adx-lien-fleche:hover{ text-decoration:underline; }

/* ==========================================================================
   4. LE TICKET DE TAUX — procédé signature n°1
   ========================================================================== */
.adx-ticket{
	position:absolute; top:14px; left:14px; z-index:2;
	background:var(--adx-surface); color:var(--adx-encre);
	font-family:'Red Hat Mono',monospace; font-size:13px; font-weight:500;
	padding:.5em .8em .45em; border-radius:3px 3px 8px 8px;
	box-shadow:var(--adx-ombre);
	clip-path:polygon(0% 8px,4% 0%,8% 8px,12% 0%,16% 8px,20% 0%,24% 8px,28% 0%,32% 8px,36% 0%,40% 8px,44% 0%,48% 8px,52% 0%,56% 8px,60% 0%,64% 8px,68% 0%,72% 8px,76% 0%,80% 8px,84% 0%,88% 8px,92% 0%,96% 8px,100% 0%,100% 100%,0% 100%);
	padding-top:.9em;
}

/* ==========================================================================
   5. LES LIGNES DE RELEVÉ À POINTILLÉS — procédé signature n°2
   ========================================================================== */
.adx-releve{ list-style:none; margin:0; padding:0; }
.adx-releve li{
	display:flex; align-items:baseline; gap:.5em; padding:.55em 0;
	border-bottom:1px dashed var(--adx-ligne);
}
.adx-releve li:last-child{ border-bottom:0; }
.adx-releve-libelle{ color:var(--adx-neutre); }
.adx-releve-remplissage{ flex:1; border-bottom:1px dotted var(--adx-ligne); margin-bottom:.35em; min-width:12px; }
.adx-releve-valeur{ font-family:'Red Hat Mono',monospace; font-weight:500; white-space:nowrap; }
.adx-releve-valeur--accent{ color:var(--adx-accent-fonce); }
.adx-releve-valeur--secondaire{ color:var(--adx-secondaire); }
.adx-releve-valeur--succes{ color:var(--adx-succes); }

/* ==========================================================================
   6. HEADER
   ========================================================================== */
.adx-entete{
	position:sticky; top:0; z-index:40; background:var(--adx-bg);
	border-bottom:1px solid var(--adx-ligne);
}
.adx-entete-in{ display:flex; align-items:center; gap:20px; padding-block:14px; }
.adx-logo{ display:flex; align-items:center; margin-right:auto; }
.adx-logo-mot{ font-family:'Gloock',Georgia,serif; font-size:28px; line-height:1; letter-spacing:.01em; color:var(--adx-encre); white-space:nowrap; display:inline-block; }
@media(min-width:900px){ .adx-logo-mot{ font-size:32px; } }
.adx-logo-i{ position:relative; display:inline-block; }
.adx-logo-i::after{ content:""; position:absolute; left:50%; top:.02em; width:.2em; height:.2em; border-radius:50%; background:var(--adx-accent); transform:translateX(-50%); }
.adx-nav{ display:none; }
@media(min-width:1280px){ /* 18/09 : 8 entrées — en dessous de 1280 px elles passaient sur 2 lignes */
	.adx-nav{ display:flex; margin-left:28px; }
	.adx-nav ul{ display:flex; list-style:none; gap:20px; align-items:center; }
	.adx-nav a{ font-weight:600; font-size:14.5px; white-space:nowrap; }
	.adx-nav a:hover{ color:var(--adx-secondaire); }
}
.adx-entete-actions{ display:flex; align-items:center; gap:10px; }
.adx-toggle-theme{
	width:38px; height:38px; border-radius:999px; border:1px solid var(--adx-ligne);
	display:flex; align-items:center; justify-content:center; flex:none;
}
.adx-toggle-theme svg{ width:18px; height:18px; }
.adx-toggle-theme .adx-icone-lune{ display:none; }
:root[data-theme="dark"] .adx-toggle-theme .adx-icone-soleil{ display:none; }
:root[data-theme="dark"] .adx-toggle-theme .adx-icone-lune{ display:block; }
@media (prefers-color-scheme: dark){
	:root:not([data-theme="light"]) .adx-toggle-theme .adx-icone-soleil{ display:none; }
	:root:not([data-theme="light"]) .adx-toggle-theme .adx-icone-lune{ display:block; }
}
.adx-burger{ display:flex; width:38px; height:38px; align-items:center; justify-content:center; border-radius:10px; border:1px solid var(--adx-ligne); }
@media(min-width:1280px){ .adx-burger{ display:none; } }
.adx-nav-mobile{
	display:none; flex-direction:column; gap:2px; padding:8px 0 16px; border-top:1px solid var(--adx-ligne);
}
.adx-nav-mobile.is-ouvert{ display:flex; }
.adx-nav-mobile a{ display:block; padding:12px 4px; font-weight:600; border-bottom:1px solid var(--adx-ligne); }
@media(min-width:1280px){ .adx-nav-mobile{ display:none!important; } }

/* ==========================================================================
   7. BANDES — alternance clair / sombre / accent (grille du parti pris)
   ========================================================================== */
.adx-bande{ padding-block:56px; }
@media(min-width:900px){ .adx-bande{ padding-block:88px; } }
.adx-bande--sombre{
	background:var(--adx-bande-bg); color:var(--adx-bande-fg);
	position:relative;
}
.adx-bande--sombre::before{
	content:""; position:absolute; inset:0 0 auto 0; height:4px;
	background:var(--adx-accent);
}
.adx-bande--sombre .adx-neutre-sur-sombre{ color:var(--adx-bande-neutre); }
.adx-bande--accent{
	background:var(--adx-accent); color:#fff; position:relative;
}
:root[data-theme="dark"] .adx-bande--accent{ color:#1A1006; }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .adx-bande--accent{ color:#1A1006; } }
.adx-bande--accent::before{ content:""; position:absolute; inset:0 0 auto 0; height:4px; background:var(--adx-encre); }
.adx-bande-tete{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:32px; }
.adx-bande-tete h2{ margin:0; }

/* ==========================================================================
   8. HERO (bande 1)
   ========================================================================== */
.adx-hero{ padding-block:32px 48px; }
@media(min-width:900px){ .adx-hero{ padding-block:48px 72px; } }
.adx-hero-grid{ display:grid; gap:28px; align-items:center; }
@media(min-width:960px){ .adx-hero-grid{ grid-template-columns:1.05fr .95fr; gap:40px; } }
.adx-hero-texte .adx-eyebrow{ margin-bottom:14px; }
.adx-hero-texte h1{ margin-bottom:.4em; }
.adx-hero-texte h1 em{ font-style:italic; color:var(--adx-accent); }
.adx-hero-texte p{ font-size:19px; color:var(--adx-neutre); max-width:46ch; margin-bottom:20px; }
.adx-hero-preuves{ display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:22px; }
.adx-hero-preuves li{ list-style:none; display:flex; align-items:center; gap:.5em; font-size:14px; color:var(--adx-neutre); }
.adx-hero-preuves svg{ width:16px; height:16px; color:var(--adx-succes); flex:none; }
.adx-hero-visuel{ position:relative; }
.adx-hero-photo{
	position:relative; border-radius:var(--adx-rayon-lg); overflow:hidden;
	aspect-ratio:4/5; box-shadow:var(--adx-ombre); background:var(--adx-bande-bg);
}
@media(min-width:960px){ .adx-hero-photo{ aspect-ratio:16/9; } }
.adx-hero-photo svg{ width:100%; height:100%; }
.adx-simulateur-carte{
	position:relative; margin-top:-56px; z-index:3; margin-inline:12px;
	background:var(--adx-surface); border-radius:var(--adx-rayon-lg);
	box-shadow:var(--adx-ombre); padding:22px 20px 20px; border:1px solid var(--adx-ligne);
}
@media(min-width:960px){
	.adx-hero-visuel{ padding-bottom:64px; }
	.adx-simulateur-carte{
		margin-top:0; margin-inline:0; position:absolute; right:0; bottom:0; width:min(360px,88%);
	}
}
.adx-simulateur-carte h2{ font-size:19px; margin-bottom:2px; }
.adx-simulateur-carte p{ font-size:14px; color:var(--adx-neutre); margin-bottom:14px; }
.adx-champ{ margin-bottom:12px; }
.adx-champ label{ display:block; font-size:13px; font-weight:700; margin-bottom:5px; }
.adx-champ input,.adx-champ select,.adx-champ textarea{
	width:100%; padding:.75em .8em; border-radius:10px; border:1px solid var(--adx-ligne);
	background:var(--adx-bg); color:var(--adx-encre); font:inherit; font-size:16px;
}
.adx-champ input:focus,.adx-champ select:focus,.adx-champ textarea:focus{ border-color:var(--adx-secondaire); }
.adx-champ-ligne{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.adx-simulateur-carte .adx-btn{ width:100%; margin-top:4px; }
.adx-simu-resultat{ margin-top:14px; padding-top:14px; border-top:1px dashed var(--adx-ligne); }
.adx-simu-resultat[hidden]{ display:none; }
.adx-simu-resultat .adx-chiffre-tuile{ font-size:34px; }

/* Champ piège (honeypot) : invisible mais présent — jamais display:none pur pour rester valide en HTML */
.adx-piege{ position:absolute!important; left:-9999px!important; top:auto; width:1px; height:1px; overflow:hidden; }

/* ==========================================================================
   9. TUILES-CHIFFRES (bande 2, sombre) — procédé signature n°6
   ========================================================================== */
.adx-tuiles{ display:grid; gap:22px; grid-template-columns:repeat(2,1fr); }
@media(min-width:760px){ .adx-tuiles{ grid-template-columns:repeat(4,1fr); } }
.adx-tuile{ border-left:1px solid rgba(238,230,218,.18); padding-left:20px; }
.adx-tuile:first-child{ border-left:0; padding-left:0; }
.adx-chiffre-tuile{
	font-family:'Gloock',serif; font-size:56px; line-height:1; color:var(--adx-accent); margin-bottom:8px;
	font-variant-numeric:tabular-nums;
}
@media(min-width:900px){ .adx-chiffre-tuile{ font-size:88px; } }
.adx-tuile-libelle{ font-size:15px; margin-bottom:6px; }
.adx-tuile-source{ font-family:'Red Hat Mono',monospace; font-size:12px; text-transform:uppercase; letter-spacing:.05em; color:var(--adx-bande-neutre); }

/* ==========================================================================
   10. TROIS PORTES (bande 3)
   ========================================================================== */
.adx-portes{ display:grid; gap:22px; }
@media(min-width:760px){ .adx-portes{ grid-template-columns:repeat(3,1fr); } }
.adx-porte{
	position:relative; border-radius:var(--adx-rayon-lg); overflow:hidden;
	background:var(--adx-surface); box-shadow:var(--adx-ombre); display:flex; flex-direction:column;
	border:1px solid var(--adx-ligne);
}
.adx-porte-photo{ position:relative; aspect-ratio:4/3; background:var(--adx-bande-bg); }
.adx-porte-photo svg{ width:100%; height:100%; }
.adx-porte-corps{ padding:20px 20px 22px; display:flex; flex-direction:column; gap:8px; flex:1; }
.adx-porte-corps h3{ margin-bottom:0; }
.adx-porte-corps p{ color:var(--adx-neutre); font-size:15px; margin-bottom:8px; }
.adx-porte-corps .adx-lien-fleche{ margin-top:auto; }

/* ==========================================================================
   11. VEILLE TAUX (bande 4, 2 colonnes)
   ========================================================================== */
.adx-veille{ display:grid; gap:28px; }
@media(min-width:900px){ .adx-veille{ grid-template-columns:1.3fr 1fr; } }
.adx-veille-une{ position:relative; border-radius:var(--adx-rayon-lg); overflow:hidden; box-shadow:var(--adx-ombre); background:var(--adx-surface); border:1px solid var(--adx-ligne); }
.adx-veille-une-photo{ position:relative; aspect-ratio:16/9; background:var(--adx-bande-bg); }
.adx-veille-une-photo svg{ width:100%; height:100%; }
.adx-veille-une-corps{ padding:20px 22px 24px; }
.adx-veille-une-corps time{ display:block; }
.adx-breves{ list-style:none; display:flex; flex-direction:column; gap:0; border-top:1px solid var(--adx-ligne); }
.adx-breve{ display:flex; gap:14px; align-items:flex-start; padding:16px 0; border-bottom:1px solid var(--adx-ligne); }
.adx-breve-vignette{ width:64px; height:64px; border-radius:10px; overflow:hidden; flex:none; background:var(--adx-bande-bg); }
.adx-breve-vignette svg{ width:100%; height:100%; }
.adx-breve time{ display:block; margin-bottom:2px; }
.adx-breve h3{ font-size:16px; margin:0; }

/* ==========================================================================
   12. BARRE EMPILÉE — procédé signature n°4 (bande 5, accent plein)
   ========================================================================== */
.adx-barre-empilee-bloc{ display:grid; gap:32px; align-items:center; }
@media(min-width:900px){ .adx-barre-empilee-bloc{ grid-template-columns:.9fr 1.1fr; } }
.adx-barre-empilee{ display:flex; height:40px; border-radius:14px; overflow:hidden; box-shadow:0 8px 22px -10px rgba(0,0,0,.35); }
/* Schéma illustratif SANS pourcentage en dur (P-213 : aucun chiffre non vérifié) —
   3 segments de couleur fixe, jamais de texte dedans : pas de risque de contraste
   théma-dépendant (l'ancienne version combinait un fond qui s'inverse en sombre
   avec un texte blanc fixe → illisible, même défaut que .adx-btn--sur-accent). */
.adx-barre-capital{ background:#1A1006; flex:1.3; }
.adx-barre-interets{ background:var(--adx-secondaire); flex:1; }
.adx-barre-assurance{ background:#FFF6EC; flex:.6; }
.adx-barre-legende{ display:flex; gap:18px; flex-wrap:wrap; margin-top:14px; font-size:13px; }
.adx-barre-legende li{ list-style:none; display:flex; align-items:center; gap:.5em; }
.adx-barre-legende i{ width:12px; height:12px; border-radius:3px; display:inline-block; }

/* ==========================================================================
   13. GUIDES (bande 6)
   ========================================================================== */
.adx-guides{ display:grid; gap:22px; grid-template-columns:1fr; }
@media(min-width:640px){ .adx-guides{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1020px){ .adx-guides{ grid-template-columns:repeat(3,1fr); } }
.adx-carte-guide{ background:var(--adx-surface); border-radius:var(--adx-rayon); overflow:hidden; box-shadow:var(--adx-ombre); border:1px solid var(--adx-ligne); display:flex; flex-direction:column; }
.adx-carte-guide-photo{ position:relative; aspect-ratio:4/3; background:var(--adx-bande-bg); }
.adx-carte-guide-photo svg{ width:100%; height:100%; }
.adx-carte-guide-corps{ padding:16px 18px 18px; display:flex; flex-direction:column; gap:8px; flex:1; }
.adx-carte-guide-corps h3{ margin-bottom:0; }
.adx-carte-guide-corps h3 a:hover{ color:var(--adx-secondaire); }
.adx-carte-guide-corps p{ font-size:15px; color:var(--adx-neutre); margin-bottom:0; }
.adx-carte-guide-meta{ margin-top:auto; display:flex; justify-content:space-between; font-size:13px; color:var(--adx-neutre); font-family:'Red Hat Mono',monospace; padding-top:10px; }
.adx-carte-guide--repere{ align-items:center; justify-content:center; text-align:center; padding:24px; gap:10px; }
.adx-carte-guide--repere svg{ width:32px; height:32px; color:var(--adx-accent); }

/* ==========================================================================
   14. CÔTE D'AZUR (bande 7, sombre) — carte + pastilles bleu chaise
   ========================================================================== */
.adx-cote-azur{ display:grid; gap:36px; }
@media(min-width:900px){ .adx-cote-azur{ grid-template-columns:1.1fr .9fr; align-items:center; } }
.adx-carte-region{ width:100%; height:auto; }
.adx-carte-region .adx-trait{ fill:none; stroke:rgba(238,230,218,.35); stroke-width:2; }
.adx-carte-region .adx-pastille{ fill:var(--adx-secondaire); stroke:var(--adx-bande-bg); stroke-width:3; }
.adx-carte-region text{ fill:var(--adx-bande-fg); font-family:'Red Hat Mono',monospace; font-size:11px; text-transform:uppercase; letter-spacing:.04em; }
.adx-villes-liste{ list-style:none; display:flex; flex-direction:column; gap:0; }
.adx-ville-item{ display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid rgba(238,230,218,.14); }
.adx-ville-item:last-child{ border-bottom:0; }
.adx-ville-vignette{ width:56px; height:56px; border-radius:10px; overflow:hidden; flex:none; background:var(--adx-bande-bg-2); }
.adx-ville-vignette svg{ width:100%; height:100%; }
.adx-ville-item h3{ margin:0; font-size:17px; }
.adx-ville-item .adx-lien-fleche{ margin-left:auto; color:var(--adx-accent); }

/* ==========================================================================
   15. RÉASSURANCE + FORMULAIRE COURT (bande 8)
   ========================================================================== */
.adx-rappel{ display:grid; gap:32px; }
@media(min-width:900px){ .adx-rappel{ grid-template-columns:1fr 1fr; align-items:start; } }
.adx-rappel-texte h2{ margin-bottom:.4em; }
.adx-rappel-preuves{ list-style:none; display:flex; flex-direction:column; gap:12px; margin-top:20px; }
.adx-rappel-preuves li{ display:flex; gap:10px; align-items:flex-start; }
.adx-rappel-preuves svg{ width:20px; height:20px; color:var(--adx-succes); flex:none; margin-top:2px; }
.adx-rgpd{ font-size:13px; color:var(--adx-neutre); margin-top:14px; }
.adx-form-carte{ background:var(--adx-surface); border-radius:var(--adx-rayon-lg); padding:24px; box-shadow:var(--adx-ombre); border:1px solid var(--adx-ligne); }
.adx-confirmation{ background:var(--adx-accent-clair); color:var(--adx-accent-fonce); padding:.9em 1.1em; border-radius:10px; margin-bottom:14px; font-weight:600; }

/* ==========================================================================
   16. FOOTER dense (bande 9)
   ========================================================================== */
.adx-pied{ background:var(--adx-bande-bg); color:var(--adx-bande-fg); padding-block:56px 28px; position:relative; }
.adx-pied::before{ content:""; position:absolute; inset:0 0 auto 0; height:4px; background:var(--adx-accent); }
.adx-pied-grille{ display:grid; gap:32px; grid-template-columns:1fr; margin-bottom:36px; }
@media(min-width:760px){ .adx-pied-grille{ grid-template-columns:1.2fr repeat(3,1fr); } }
.adx-pied-marque .adx-logo-mot{ color:var(--adx-bande-fg); font-size:28px; margin-bottom:12px; }
.adx-pied-marque p{ color:var(--adx-bande-neutre); font-size:14px; max-width:32ch; }
.adx-pied-col h3{ font-family:'Red Hat Mono',monospace; font-size:13px; text-transform:uppercase; letter-spacing:.06em; font-weight:500; margin-bottom:14px; color:var(--adx-bande-neutre); }
.adx-pied-col ul{ list-style:none; display:flex; flex-direction:column; gap:9px; }
.adx-pied-col a:hover{ color:var(--adx-accent); }
.adx-pied-legal{ border-top:1px solid rgba(238,230,218,.16); padding-top:22px; display:flex; flex-direction:column; gap:12px; }
.adx-pied-avertissement{ font-size:13px; color:var(--adx-bande-neutre); max-width:80ch; }
.adx-pied-bas{ display:flex; flex-wrap:wrap; gap:8px 20px; justify-content:space-between; align-items:center; font-size:13px; color:var(--adx-bande-neutre); }
.adx-pied-bas ul{ list-style:none; display:flex; flex-wrap:wrap; gap:6px 16px; }
.adx-pied-bas a:hover{ color:var(--adx-accent); }

/* ==========================================================================
   17. LE FILET DE FAÇADE — appliqué via .adx-bande--sombre / --accent (§7)
   procédé signature n°7 déjà posé plus haut (::before) — pas de duplication.
   ========================================================================== */

/* ==========================================================================
   18. ARTICLE — colonne de lecture, sommaire collant, colonne droite collante
   ========================================================================== */
.adx-fil{ padding-top:18px; font-size:13px; color:var(--adx-neutre); }
.adx-fil ol{ list-style:none; display:flex; flex-wrap:wrap; gap:.4em; }
.adx-fil li:not(:last-child)::after{ content:"›"; margin-left:.4em; }
.adx-article-tete{ padding-block:14px 18px; }
.adx-article-tete .adx-eyebrow{ margin-bottom:10px; }
.adx-article-tete h1{ max-width:26ch; margin-bottom:12px; font-size:32px; }
@media(min-width:768px){ .adx-article-tete h1{ font-size:44px; } }
.adx-article-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.adx-auteur-mini{ display:flex; align-items:center; gap:10px; }
.adx-auteur-photo{ width:40px; height:40px; border-radius:50%; object-fit:cover; flex:none; }
.adx-auteur-mini a{ font-weight:700; }
.adx-auteur-mini a:hover{ color:var(--adx-secondaire); }
.adx-article-meta time,.adx-article-meta .adx-temps{ font-size:14px; color:var(--adx-neutre); font-family:'Red Hat Mono',monospace; }
.adx-une{ margin-top:18px; border-radius:var(--adx-rayon-lg); overflow:hidden; box-shadow:var(--adx-ombre); position:relative; max-height:320px; }
.adx-une img{ width:100%; height:100%; max-height:320px; object-fit:cover; }
.adx-une svg{ width:100%; height:320px; }
@media(max-width:640px){ .adx-une,.adx-une img,.adx-une svg{ max-height:200px; height:200px; } }
.adx-une-legende{ font-size:12px; color:var(--adx-neutre); margin-top:8px; font-family:'Red Hat Mono',monospace; }

.adx-corps-grille{ display:block; padding-block:32px 64px; }
@media(min-width:1080px){
	.adx-corps-grille{ display:grid; grid-template-columns:200px minmax(0,720px) 1fr; gap:40px; align-items:start; }
}
.adx-sommaire{ display:none; }
@media(min-width:1080px){
	.adx-sommaire{ display:block; position:sticky; top:96px; align-self:start; max-height:calc(100vh - 120px); }
	.adx-sommaire h2{ font-size:13px; font-family:'Red Hat Mono',monospace; text-transform:uppercase; letter-spacing:.05em; color:var(--adx-neutre); margin-bottom:10px; }
	.adx-sommaire ol{ list-style:none; counter-reset:som; display:flex; flex-direction:column; gap:8px; border-left:2px solid var(--adx-ligne); padding-left:14px; }
	.adx-sommaire li{ font-size:14px; }
	.adx-sommaire a{ color:var(--adx-neutre); }
	.adx-sommaire a:hover,.adx-sommaire a.is-actif{ color:var(--adx-secondaire); }
}
.adx-corps{ max-width:720px; }
.adx-corps h2{ margin-top:1.6em; }
.adx-corps h3{ margin-top:1.3em; }
.adx-corps p{ max-width:68ch; }
.adx-corps img{ border-radius:14px; }
.adx-corps figure{ margin:1.6em 0; }
.adx-corps figure img{ aspect-ratio:16/9; object-fit:cover; width:100%; max-height:440px; }
.adx-corps a{ color:var(--adx-secondaire); text-decoration:underline; text-underline-offset:2px; }
.adx-corps ul,.adx-corps ol{ padding-left:1.3em; max-width:68ch; }
.adx-corps blockquote{ margin:1.6em 0; padding:.2em 0 .2em 1.2em; border-left:3px solid var(--adx-accent); font-style:italic; color:var(--adx-neutre); }
.adx-corps details{ border:1px solid var(--adx-ligne); border-radius:10px; padding:.8em 1em; margin-bottom:10px; }
.adx-corps summary{ font-weight:700; cursor:pointer; }

/* Tableaux : le socle enveloppe (.sbs_tableau), on stylise (retour ×4) */
.sbs_tableau{ overflow-x:auto; margin:1.6em 0; border-radius:12px; border:1px solid var(--adx-ligne); -webkit-overflow-scrolling:touch; }
.sbs_tableau table{ border-collapse:collapse; width:100%; min-width:520px; font-size:15px; }
.sbs_tableau th,.sbs_tableau td{ padding:.8em 1em; text-align:left; border-bottom:1px solid var(--adx-ligne); white-space:nowrap; }
.sbs_tableau thead th{ background:var(--adx-bande-bg); color:var(--adx-bande-fg); white-space:normal; }
.sbs_tableau tbody tr:last-child td{ border-bottom:0; }

.adx-colonne-droite{ display:none; }
@media(min-width:1080px){
	.adx-colonne-droite{ display:flex; flex-direction:column; gap:24px; position:sticky; top:96px; align-self:start; max-height:calc(100vh - 120px); }
}
.adx-colonne-simu{ background:var(--adx-surface); border:1px solid var(--adx-ligne); border-radius:var(--adx-rayon); padding:18px; box-shadow:var(--adx-ombre); }
.adx-colonne-simu h3{ font-size:16px; }

/* ==========================================================================
   19. SIGNATURE AUTEUR (haut + pied, jamais dupliqué au-delà)
   ========================================================================== */
.adx-signature{
	display:flex; gap:16px; align-items:flex-start; padding:22px; margin-top:36px;
	background:var(--adx-surface); border:1px solid var(--adx-ligne); border-radius:var(--adx-rayon);
}
.adx-signature-photo{ width:64px; height:64px; border-radius:50%; object-fit:cover; flex:none; }
.adx-signature-nom{ font-weight:700; font-size:17px; }
.adx-signature-nom:hover{ color:var(--adx-secondaire); }
.adx-signature-fonction{ font-size:13px; color:var(--adx-accent-fonce); font-weight:700; margin:2px 0 8px; }
.adx-signature-bio{ font-size:14px; color:var(--adx-neutre); margin-bottom:6px; }
.adx-signature-date{ font-size:12px; color:var(--adx-neutre); font-family:'Red Hat Mono',monospace; }

/* ==========================================================================
   20. BLOC SOURCES — soigné, jamais une liste brute
   ========================================================================== */
.adx-sources{ margin-top:28px; padding:18px 20px; border-radius:var(--adx-rayon); background:var(--adx-bg); border:1px dashed var(--adx-ligne); }
.adx-sources-titre{ font-family:'Red Hat Mono',monospace; font-size:13px; text-transform:uppercase; letter-spacing:.05em; color:var(--adx-neutre); margin-bottom:10px; }
.adx-sources ol{ list-style:none; display:flex; flex-direction:column; gap:8px; counter-reset:src; }
.adx-sources li{ counter-increment:src; padding-left:1.8em; position:relative; font-size:14px; }
.adx-sources li::before{ content:counter(src); position:absolute; left:0; top:0; width:1.3em; height:1.3em; border-radius:50%; background:var(--adx-accent-clair); color:var(--adx-accent-fonce); font-family:'Red Hat Mono',monospace; font-size:11px; display:flex; align-items:center; justify-content:center; }

/* ==========================================================================
   21. INFOGRAPHIES DU SOCLE — habillage des vrais éléments personnalisés
   ========================================================================== */
sbs-lieu,sbs-tarifs,sbs-frise,sbs-jauges{
	display:block; margin:1.8em 0; padding:20px 22px; border-radius:var(--adx-rayon);
	background:var(--adx-surface); border:1px solid var(--adx-ligne);
}
.sbs_lieu_nom,.sbs_tarifs_titre,.sbs_frise_titre,.sbs_jauges_titre{ display:block; font-family:'Gloock',serif; font-size:20px; margin-bottom:10px; }
.sbs_lieu_adresse{ font-style:normal; display:block; font-size:14px; color:var(--adx-neutre); margin-bottom:4px; }
.sbs_lieu_acces{ display:block; font-size:13px; color:var(--adx-neutre); margin-bottom:10px; }
.sbs_lieu_carte{ display:inline-flex; align-items:center; gap:.4em; color:var(--adx-secondaire); font-weight:700; font-size:14px; }
sbs-tarif{ display:flex; align-items:center; gap:14px; padding:8px 0; border-bottom:1px dashed var(--adx-ligne); }
sbs-tarif:last-of-type{ border-bottom:0; }
.sbs_tarif_libelle{ width:38%; flex:none; font-size:14px; color:var(--adx-neutre); }
.sbs_tarif_barre{ flex:1; width:100%; height:12px; appearance:none; border-radius:999px; }
.sbs_tarif_barre::-webkit-meter-bar{ background:var(--adx-ligne); border-radius:999px; border:0; }
.sbs_tarif_barre::-webkit-meter-optimum-value{ background:var(--adx-accent); border-radius:999px; }
.sbs_tarif_barre::-moz-meter-bar{ background:var(--adx-accent); border-radius:999px; }
sbs-etape{ display:flex; gap:14px; padding:10px 0 10px 16px; border-left:2px solid var(--adx-ligne); position:relative; }
sbs-etape::before{ content:""; position:absolute; left:-6px; top:14px; width:10px; height:10px; border-radius:50%; background:var(--adx-accent); }
.sbs_etape_date{ font-family:'Red Hat Mono',monospace; font-size:13px; color:var(--adx-neutre); flex:none; width:110px; }
.sbs_etape_titre{ display:block; font-size:15px; }
.sbs_etape_desc{ display:block; font-size:13px; color:var(--adx-neutre); }
sbs-jauge{ display:inline-flex; flex-direction:column; margin:0 22px 14px 0; }
.sbs_jauge_valeur{ font-family:'Gloock',serif; font-size:32px; color:var(--adx-accent); }
.sbs_jauge_unite{ font-size:13px; color:var(--adx-neutre); }
.sbs_jauge_libelle{ display:block; font-size:13px; color:var(--adx-neutre); order:-1; }
.sbs_source{ display:block; margin-top:14px; font-size:12px; color:var(--adx-neutre); font-style:normal; }

/* ==========================================================================
   22. GABARIT RUBRIQUE / ARCHIVE — articles EN HAUT
   ========================================================================== */
.adx-rubrique-tete{ padding-block:32px 8px; }
.adx-rubrique-tete .adx-eyebrow{ margin-bottom:10px; }
.adx-grille-articles{ padding-block:28px 56px; display:grid; gap:22px; grid-template-columns:1fr; }
@media(min-width:640px){ .adx-grille-articles{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1020px){ .adx-grille-articles{ grid-template-columns:repeat(3,1fr); } }
.adx-rubrique-texte{ padding-block:0 48px; }
.adx-rubrique-texte details{ max-width:80ch; border:1px solid var(--adx-ligne); border-radius:12px; padding:1em 1.2em; background:var(--adx-surface); }
.adx-rubrique-texte summary{ font-weight:700; cursor:pointer; }
.adx-pagination{ display:flex; gap:10px; justify-content:center; padding-bottom:48px; }
.adx-pagination a,.adx-pagination span{ padding:.6em 1em; border-radius:10px; border:1px solid var(--adx-ligne); font-family:'Red Hat Mono',monospace; font-size:14px; }
.adx-pagination .current{ background:var(--adx-encre); color:var(--adx-bg); }

/* ==========================================================================
   23. PAGE VILLE
   ========================================================================== */
.adx-ville-hero{ display:grid; gap:28px; padding-block:32px 48px; }
@media(min-width:960px){ .adx-ville-hero{ grid-template-columns:1fr 1fr; align-items:start; } }
.adx-ville-photo{ position:relative; border-radius:var(--adx-rayon-lg); overflow:hidden; aspect-ratio:4/3; box-shadow:var(--adx-ombre); }
.adx-ville-photo svg{ width:100%; height:100%; }
.adx-ville-chiffres{ display:flex; gap:24px; margin-top:18px; flex-wrap:wrap; }
.adx-ville-chiffre b{ display:block; font-family:'Gloock',serif; font-size:30px; color:var(--adx-accent); }
.adx-ville-chiffre span{ font-size:13px; color:var(--adx-neutre); }
.adx-carte-locale{ margin-block:8px 48px; }
.adx-carte-locale iframe{ width:100%; height:360px; border:1px solid var(--adx-ligne); border-radius:var(--adx-rayon); }
.adx-quartiers{ display:grid; gap:14px; grid-template-columns:1fr; margin-top:18px; }
@media(min-width:640px){ .adx-quartiers{ grid-template-columns:repeat(2,1fr); } }
.adx-quartier{ padding:14px 16px; border:1px solid var(--adx-ligne); border-radius:12px; background:var(--adx-surface); }
.adx-quartier h3{ font-size:16px; margin-bottom:4px; }
.adx-quartier p{ font-size:14px; color:var(--adx-neutre); margin-bottom:0; }

/* ==========================================================================
   24. PAGE SIMULATEUR
   ========================================================================== */
.adx-simu-page-tete{ padding-block:32px 8px; max-width:70ch; }
.adx-simu-large{ padding-block:24px 48px; }
.adx-simu-large-grille{ display:grid; gap:24px; background:var(--adx-surface); border:1px solid var(--adx-ligne); border-radius:var(--adx-rayon-lg); padding:24px; box-shadow:var(--adx-ombre); }
@media(min-width:760px){ .adx-simu-large-grille{ grid-template-columns:repeat(3,1fr) auto; align-items:end; } }
.adx-simu-large .adx-champ{ margin-bottom:0; }
.adx-resultat-tuile{ margin-block:0 48px; }
.adx-resultat-tuile[hidden]{ display:none; }
.adx-resultat-grille{ display:grid; gap:20px; grid-template-columns:1fr; background:var(--adx-bande-bg); color:var(--adx-bande-fg); border-radius:var(--adx-rayon-lg); padding:28px 24px; position:relative; overflow:hidden; }
.adx-resultat-grille::before{ content:""; position:absolute; inset:0 0 auto 0; height:4px; background:var(--adx-accent); }
@media(min-width:760px){ .adx-resultat-grille{ grid-template-columns:1.2fr 1fr; align-items:center; } }
.adx-resultat-chiffre b{ display:block; font-family:'Gloock',serif; font-size:56px; color:var(--adx-accent); }
@media(min-width:900px){ .adx-resultat-chiffre b{ font-size:72px; } }
.adx-resultat-chiffre span{ font-size:14px; color:var(--adx-bande-neutre); }
.adx-simu-form-section{ padding-block:0 56px; }
.adx-simu-form-section .adx-form-carte{ max-width:640px; }

/* ==========================================================================
   25. PAGES GÉNÉRIQUES (page.php)
   ========================================================================== */
.adx-page-tete{ padding-block:32px 12px; max-width:70ch; }
.adx-page-une{ margin-block:12px 32px; border-radius:var(--adx-rayon-lg); overflow:hidden; max-height:360px; box-shadow:var(--adx-ombre); }
.adx-page-une img{ width:100%; height:100%; max-height:360px; object-fit:cover; }
.adx-page-corps{ padding-block:0 64px; max-width:74ch; }
.adx-page-corps.adx-page-corps--large{ max-width:none; }

/* ==========================================================================
   26. 404 / RECHERCHE
   ========================================================================== */
.adx-etat-vide{ padding-block:72px; text-align:center; max-width:60ch; margin-inline:auto; }
.adx-etat-vide .adx-eyebrow{ justify-content:center; margin-bottom:14px; }
.adx-etat-vide h1{ margin-bottom:14px; }
.adx-recherche-form{ display:flex; gap:10px; max-width:480px; margin:24px auto 0; }
.adx-recherche-form input{ flex:1; padding:.85em 1em; border-radius:999px; border:1px solid var(--adx-ligne); background:var(--adx-surface); color:var(--adx-encre); font:inherit; }
.adx-recherche-résultats{ padding-block:16px 56px; }
.adx-recherche-résultats-tete{ padding-block:32px 8px; }

/* ==========================================================================
   27. FORMULAIRE MULTI-ÉTAPES (progression, erreurs inline)
   ========================================================================== */
.adx-form-progress{ display:flex; align-items:center; gap:6px; margin-bottom:18px; }
.adx-form-progress span{ font-family:'Red Hat Mono',monospace; font-size:12px; width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--adx-ligne); color:var(--adx-neutre); flex:none; }
.adx-form-progress span.is-actif{ background:var(--adx-accent); color:#fff; }
.adx-form-progress i{ flex:1; height:2px; background:var(--adx-ligne); }
.adx-form-etape[hidden]{ display:none; }
.adx-form-nav{ display:flex; justify-content:space-between; align-items:center; margin-top:14px; gap:10px; }
.adx-champ-erreur{ color:var(--adx-accent-fonce); font-size:13px; margin-top:4px; display:none; }
.adx-champ.is-invalide .adx-champ-erreur{ display:block; }
.adx-champ.is-invalide input{ border-color:var(--adx-accent-fonce); }

/* Consentements RGPD / démarchage — cases DÉCOCHÉES, distinctes (dossier rub. 5.8) */
.adx-consentement-notice{ font-size:13px; color:var(--adx-neutre); margin-bottom:10px; }
.adx-check{ display:flex; gap:.6em; align-items:flex-start; margin-bottom:10px; }
.adx-check input[type="checkbox"]{ width:16px; height:16px; flex:none; margin-top:3px; accent-color:var(--adx-accent); }
.adx-check label{ font-size:13px; color:var(--adx-encre); font-weight:400; }
.adx-check a{ color:var(--adx-secondaire); text-decoration:underline; }

/* ==========================================================================
   28. UTILITAIRES RESPONSIVE / DÉBORDEMENT (jamais de scroll horizontal à 390px)
   ========================================================================== */
img,svg,video,iframe{ max-width:100%; }
.adx-conteneur,.adx-bande,section,article,header,footer,main{ min-width:0; }

/* 18/09/2026 — [adx_simu_pret] dans le corps d'article */
.adx-pret{ margin:28px 0; padding:20px; background:var(--adx-surface); border:1px solid var(--adx-ligne); border-radius:var(--adx-rayon-lg); box-shadow:var(--adx-ombre); }
.adx-pret-grille{ display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); align-items:end; }
.adx-pret .adx-champ{ margin-bottom:0; }
.adx-pret .adx-champ small{ font-weight:400; color:var(--adx-neutre); }
.adx-pret-resultat{ margin:20px 0 0; padding:0; }
.adx-pret-resultat[hidden], .adx-pret-erreur[hidden]{ display:none; }
.adx-pret-erreur{ margin:12px 0 0; color:var(--adx-accent); font-size:14px; }
.adx-pret-note{ margin:14px 0 0; font-size:13px; color:var(--adx-neutre); }
.adx-pret-resultat li{ gap:8px; }
.adx-pret-resultat .adx-releve-valeur{ white-space:nowrap; flex-shrink:0; }
@media(max-width:560px){ .adx-pret{ padding:16px; } .adx-pret-resultat{ font-size:15px; } .adx-pret-resultat .adx-releve-remplissage{ min-width:8px; } }