/* APIA — Page délégation régionale (archive de terme region) — node Figma 895:8733 (maquette : Est).
   Dépend de apia-enjeu.css (l-rail, c-enjeu-btn, c-rcard, c-resgrid) et apia-home.css (c-evlist/c-evrow, c-join, c-logos, .c-enjeu-btn svg).
   Rythme vertical du node : racine 96 (marges fusionnantes), hero à 16 sous le header, bande Membre py 160, Rejoindre 192. */

.s-regt{margin-block:96px}
.s-regt--hero{margin-top:16px;margin-bottom:112px}
.s-regt--join{margin-block:192px}
.s-regt-band{background:var(--apia-bleu-nuit);padding:160px 0;margin-block:96px}
.s-regt .l-rail,.s-regt-band .l-rail{box-sizing:border-box}

/* 1. Hero — carte nuit 1248 r28 (Figma 1408 → 1248, A1), contenu 445 @98, média flush droite + pyramide −39 */
.c-regt-hero{max-width:1248px;margin-inline:auto;min-height:512px;background:var(--apia-bleu-nuit);border-radius:28px;overflow:hidden;display:flex}
.c-regt-hero__content{flex:0 0 auto;width:543px;padding:48px 0 48px 98px;display:flex;flex-direction:column;justify-content:center;gap:24px}
.c-regt-hero__head{display:flex;flex-direction:column;gap:16px}
.c-regt-hero__title{font-family:var(--apia-font);font-weight:600;font-size:48px;line-height:52px;color:var(--apia-bleu-ciel);margin:0}
.c-regt-hero__text{font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:var(--apia-blanc);margin:0}
.c-regt-hero__meta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.c-regt-hero__meta li{display:flex;align-items:center;gap:4px;font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:var(--apia-bleu-ciel)}
.c-regt-hero__meta svg{width:16px;height:16px;flex:0 0 16px}
.c-regt-hero__media{flex:1 1 auto;position:relative;margin-left:89px;min-height:280px}
.c-regt-hero__media--img{background:#fff}
.c-regt-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c-regt-hero__pyr{position:absolute;left:-39px;top:0;height:100%;width:auto}

/* 2. Intro — description_region 32/42 gris-bleu */
.c-regt-intro{font-family:var(--apia-font);font-weight:400;font-size:32px;line-height:42px;color:var(--apia-gris-bleu)}
.c-regt-intro p{margin:0 0 1em}
.c-regt-intro p:last-child{margin-bottom:0}

/* 3/5/9. Texte 2 colonnes (445/89/445 mesuré au node) */
.c-regt-2col{max-width:979px;columns:2;column-gap:89px;font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:var(--apia-gris-bleu)}
.c-regt-2col p{margin:0 0 1em}
.c-regt-2col p:last-child{margin-bottom:0}
.c-regt-2col--dark{color:#9FB2C5}
.c-regt-2col__action{margin-top:24px;padding-left:534px}

/* 4. Visuel bandeau */
.c-regt-visuel{display:block;width:100%;height:269px;object-fit:cover;border-radius:24px}

/* Titres de section 48/52 bleu nuit (D8) */
.c-regt-h2{font-family:var(--apia-font);font-weight:600;font-size:48px;line-height:52px;color:var(--apia-bleu-nuit);margin:0 auto 48px}

/* 6. CTA — carte nuit 1052×399 r28, média 478 r12 */
.c-regt-cta{max-width:1052px;margin-inline:auto;min-height:399px;background:var(--apia-bleu-nuit);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1fr 478px}
.c-regt-cta__content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;padding:48px 32px 48px 89px}
.c-regt-cta__title{font-family:var(--apia-font);font-weight:600;font-size:23px;line-height:28px;color:var(--apia-blanc);max-width:462px;margin:0}
.c-regt-cta__media{position:relative;min-height:280px}
.c-regt-cta__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* 9. Bande « Membre APIA-{Région} » — full-bleed nuit (A3) */
.c-regt-band__title{font-family:var(--apia-font);font-weight:600;font-size:48px;line-height:52px;color:var(--apia-bleu-ciel);margin:0 auto 48px}
.c-regt-band__sub{font-family:var(--apia-font);font-weight:600;font-size:33px;line-height:36px;color:var(--apia-bleu-ciel);margin:96px auto 48px}
.c-regt-band__more{margin-top:48px;display:flex;justify-content:center}
.c-regt-profils{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.c-regt-profil{background:var(--apia-bleu-clair);border-radius:28px;overflow:hidden;display:flex;flex-direction:column}
/* Photo carrée (retour Mickael 10/07) : 97 % des portraits sources = 1:1 → le bloc 251×168 coupait les visages ; object-position haut protège les 8 photos non carrées */
.c-regt-profil__photo{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 30%;display:block}
.c-regt-profil__ph{display:block;width:100%;aspect-ratio:1/1;background:#041D2D}
.c-regt-profil__body{padding:24px;display:flex;flex-direction:column;gap:16px}
.c-regt-profil__row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.c-regt-profil__name{font-family:var(--apia-font);font-weight:600;font-size:16px;line-height:22px;color:var(--apia-bleu-marine);margin:0}
.c-regt-profil__in{color:var(--apia-bleu-marine);display:inline-flex}
.c-regt-profil__in svg{width:18px;height:18px}
.c-regt-profil__pill{align-self:flex-start;background:var(--apia-bleu-ciel-15,rgba(156,205,248,.15));border:.5px solid #9FB2C5;border-radius:999px;font-family:var(--apia-font);font-weight:500;font-size:14px;line-height:18px;color:var(--apia-gris-bleu);padding:4px 8px}

/* Pagination administrateurs (16/page, rendue seulement si >1 page) */
.c-regt-pager{margin:96px auto 0;max-width:1052px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.c-regt-pager a,.c-regt-pager span{min-width:36px;height:41px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:#9FB2C5;text-decoration:none;border-radius:16px}
.c-regt-pager .is-current{background:var(--apia-bleu);color:var(--apia-bleu-clair)}
.c-regt-pager a:hover{color:var(--apia-bleu-ciel)}
.c-regt-pager svg{width:24px;height:24px}

@media (max-width:1280px){
.c-regt-hero{margin-inline:16px}
}
@media (max-width:1100px){
.s-regt .l-rail,.s-regt-band .l-rail,.s-regt .c-evlist,.s-regt .c-resgrid{padding-inline:16px}
.s-regt--join>.c-join{margin-inline:16px}
.s-regt--part{padding-inline:16px}
.s-regt .c-evlist,.s-regt .c-resgrid{box-sizing:border-box}
}
@media (max-width:991px){
.s-regt{margin-block:56px}
.s-regt--join{margin-block:112px}
.s-regt-band{padding:96px 0;margin-block:56px}
.c-regt-hero{flex-direction:column;min-height:0}
.c-regt-hero__content{width:auto;padding:40px}
.c-regt-hero__media{margin:0 16px 16px;min-height:280px;border-radius:12px;overflow:hidden}
.c-regt-hero__pyr{left:-20px}
.c-regt-intro{font-size:23px;line-height:32px}
.c-regt-2col{columns:1;column-gap:0}
.c-regt-2col__action{padding-left:0}
.c-regt-h2,.c-regt-band__title{font-size:33px;line-height:36px;margin-bottom:32px}
.c-regt-band__sub{font-size:23px;line-height:28px;margin:48px 0 32px}
.c-regt-cta{grid-template-columns:1fr}
.c-regt-cta__content{padding:40px}
.c-regt-cta__media{margin:0 16px 16px}
.c-regt-profils{grid-template-columns:repeat(2,1fr)}
.c-regt-visuel{height:200px}
}
@media (max-width:600px){
.c-regt-hero__content{padding:32px 24px}
.c-regt-hero__title{font-size:33px;line-height:36px}
.c-regt-cta__content{padding:32px 24px}
.c-regt-profils{grid-template-columns:1fr}
.c-regt-pager{margin-top:48px}
}

/* Listes & liens des wysiwyg seedés (contenus client régions, 11/06) : puces = flèche système, pas de rond navigateur */
.c-regt-intro ul,.c-regt-2col ul{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:12px}
.c-regt-intro ul li,.c-regt-2col ul li{position:relative;padding-left:24px}
.c-regt-intro ul li::before,.c-regt-2col ul li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;background:var(--apia-bleu);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='11' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M10.5 8l4 4-4 4' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='11' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M10.5 8l4 4-4 4' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain}
.c-regt-2col--dark ul li::before{background:var(--apia-bleu-ciel)}
.c-regt-intro a,.c-regt-2col a{color:var(--apia-bleu);text-decoration:underline;word-break:break-word}
.c-regt-2col--dark a{color:var(--apia-bleu-ciel)}
/* =====================================================================
   APIA — Mouvement (2026-08-28). Tokens : Bricks > Settings > Custom CSS.
   Un seul idiome : le fond s'assombrit vers le marine, l'element monte d'1px,
   le chevron avance de 3px ; au clic il redescend et se comprime a 99 %.
   Remplace les idiomes filter:brightness(). Zero JavaScript.
   ===================================================================== */

.c-regt-profil{transition:transform var(--apia-dur-base) var(--apia-ease),box-shadow var(--apia-dur-base) var(--apia-ease)}
.c-regt-profil__photo,.c-regt-profil__ph{transition:transform var(--apia-dur-slow) var(--apia-ease)}
.c-regt-profil__in{transition:color var(--apia-dur-fast) var(--apia-ease)}
@media (hover:hover){
  .c-regt-profil:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(5,29,46,.11)}
  .c-regt-profil:hover .c-regt-profil__photo,.c-regt-profil:hover .c-regt-profil__ph{transform:scale(1.04)}
  .c-regt-profil:hover .c-regt-profil__in,.c-regt-profil__in:hover{color:var(--apia-bleu)}
}
.c-regt-profil__in:focus-visible{outline:2px solid var(--apia-bleu-marine);outline-offset:2px}