/* APIA — Page Trouver un administrateur (S4). Enqueued on is_page('trouver-un-administrateur').
   Dependances : apia-enjeu.css (c-faq, c-rcard, c-renforcer, c-arrow-list, c-chips, c-enjeu-btn, c-section-heading, c-logos, c-temoign)
   + apia-home.css (c-regions, c-home-row, c-tcard--marine). Tokens var(--apia-*). Rythme vertical Figma : 160px entre sections. */
.s-trouver{padding:80px 16px}
.s-trouver--hero{padding-top:16px}
.s-trouver--pad96{padding-top:176px}

/* Titres de section gris fonce (Figma greys/900) */
.c-section-heading__title--grey{color:var(--apia-grey-900,#1c1c1c)}

/* 1. Hero */
.c-ta-hero{max-width:1248px;margin-inline:auto;background:var(--apia-bleu-nuit);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:618px}
.c-ta-hero__col{display:flex;flex-direction:column;gap:24px;justify-content:center;padding:56px 32px 56px 64px}
.c-ta-hero__inner{max-width:445px;display:flex;flex-direction:column;gap:16px}
.c-ta-hero__title{font-family:var(--apia-font);font-weight:600;font-size:33px;line-height:36px;color:var(--apia-bleu-ciel);margin:0}
.c-ta-hero__text{font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:var(--apia-blanc);margin:0}
.c-ta-hero .c-chips{gap:0}
.c-ta-hero__media{position:relative;min-height:520px}
.c-ta-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* 2. Intro processus */
.c-ta-intro{max-width:1052px;margin-inline:auto;display:grid;grid-template-columns:1fr 429px;gap:48px;align-items:center}
.c-ta-intro__col{display:flex;flex-direction:column;gap:24px;padding-right:64px}
.c-ta-intro__title{font-family:var(--apia-font);font-weight:600;font-size:33px;line-height:36px;color:var(--apia-grey-900,#1c1c1c);margin:0}
.c-ta-intro__text{font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:var(--apia-gris-bleu);margin:0}
.c-ta-intro__img{display:block;width:100%;aspect-ratio:429/271;object-fit:cover;border-radius:24px}

/* 3. Grand texte */
.c-ta-lead{max-width:1052px;margin-inline:auto;font-family:var(--apia-font);font-weight:400;font-size:48px;line-height:52px;color:var(--apia-gris-bleu)}

/* 4. Bloc chiffres / Objectif */
.c-ta-objectif{max-width:1052px;margin-inline:auto;background:var(--apia-bleu-nuit);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:404px}
.c-ta-objectif__media{display:flex;align-items:center;justify-content:center;padding:32px}
.c-ta-objectif__media img{max-width:380px;width:85%;height:auto}
.c-ta-objectif__col{display:flex;flex-direction:column;gap:16px;padding:24px 64px 24px 0}
.c-ta-objectif__title{font-family:var(--apia-font);font-weight:600;font-size:48px;line-height:52px;color:var(--apia-bleu-ciel);margin:0}
.c-ta-objectif__text{font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:var(--apia-bleu-clair);margin:0}

/* 5. Processus 3 phases (bandes full-bleed) */
.c-phase{padding:96px 16px}
.c-phase--head{background:var(--apia-bleu-clair);margin-top:80px}
.c-phase--ciel{background:var(--apia-bleu-ciel)}
.c-phase--marine{background:var(--apia-bleu-marine)}
.c-phase--nuit{background:var(--apia-bleu-nuit);margin-bottom:80px}
.c-phase__wrap{max-width:1248px;margin-inline:auto;display:grid;grid-template-columns:429px 1fr;gap:16px;align-items:center}
.c-phase__numcol{display:flex;align-items:center}
.c-phase__num{font-family:var(--apia-font);font-weight:600;font-size:200px;line-height:1;margin:0;padding:10px}
.c-phase__decor{display:block;width:229px;height:229px;color:var(--apia-bleu-marine)}
.c-phase__decor svg{width:100%;height:100%}
.c-phase__content{max-width:518px;margin-left:auto;width:100%;display:flex;flex-direction:column;gap:24px}
.c-phase__content--head{max-width:696px}
.c-phase__h2{font-family:var(--apia-font);font-weight:600;font-size:48px;line-height:52px;color:var(--apia-bleu-marine);margin:0}
.c-phase__h2 span{color:var(--apia-bleu)}
.c-phase__head{display:flex;flex-direction:column;gap:16px}
.c-phase__title{font-family:var(--apia-font);font-weight:600;font-size:33px;line-height:36px;margin:0}
.c-phase__text{font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;margin:0}
.c-phase__group{display:flex;flex-direction:column;gap:16px}
.c-phase__sub{font-family:var(--apia-font);font-weight:600;font-size:23px;line-height:28px;margin:0}
.c-phase--ciel .c-phase__num,.c-phase--ciel .c-phase__title,.c-phase--ciel .c-phase__text,.c-phase--ciel .c-phase__sub{color:var(--apia-bleu-marine)}
.c-phase--ciel .c-arrow-list li{color:var(--apia-bleu-marine)}
.c-phase--ciel .c-arrow-list li svg{color:var(--apia-bleu-marine)}
.c-phase--marine .c-phase__num,.c-phase--nuit .c-phase__num,.c-phase--marine .c-phase__title,.c-phase--nuit .c-phase__title,.c-phase--marine .c-phase__sub,.c-phase--nuit .c-phase__sub{color:var(--apia-bleu-ciel)}
.c-phase--marine .c-phase__text,.c-phase--nuit .c-phase__text{color:var(--apia-bleu-clair)}
.c-phase--marine .c-arrow-list li,.c-phase--nuit .c-arrow-list li{color:var(--apia-bleu-clair)}
.c-phase--marine .c-arrow-list li svg,.c-phase--nuit .c-arrow-list li svg{color:var(--apia-bleu-ciel)}

/* 6. Pourquoi choisir APIA */
.c-ta-why{max-width:1052px;margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
.c-ta-why__col{display:flex;flex-direction:column;gap:24px;padding-top:16px}
.c-ta-why__title{font-family:var(--apia-font);font-weight:600;font-size:33px;line-height:36px;color:var(--apia-bleu-nuit);margin:0}
.c-ta-why__intro{font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:var(--apia-gris-bleu);margin:0}
.c-ta-why__img{display:block;width:100%;height:245px;object-fit:cover;border-radius:24px}
.c-numgrid{max-width:1052px;margin:16px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.c-numcard{background:var(--apia-bleu-clair);border-radius:16px;padding:24px;min-height:161px;display:flex;flex-direction:column;gap:16px}
.c-numcard__num{font-family:var(--apia-font);font-weight:600;font-size:19px;line-height:24px;color:var(--apia-bleu);margin:0}
.c-numcard__text{font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:var(--apia-gris-bleu);margin:0}
.c-numcard--cta{background:var(--apia-bleu-nuit);justify-content:space-between;padding:24px 16px 16px}
.c-numcard__cta-title{font-family:var(--apia-font);font-weight:600;font-size:19px;line-height:24px;color:var(--apia-blanc);margin:0;padding:0 8px}
.c-numcard__btn{width:100%;justify-content:center;align-self:stretch}

/* 10. Ressources */
.c-ta-resources{max-width:1052px;margin-inline:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.c-ta-resbox{background:var(--apia-bleu-nuit);border-radius:28px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:378px}
.c-ta-resbox__top{display:flex;flex-direction:column;gap:24px}
.c-ta-resbox__title{font-family:var(--apia-font);font-weight:600;font-size:23px;line-height:28px;color:#f5fafe;margin:0;max-width:292px}
.c-ta-resbox__list li{color:var(--apia-blanc)}
.c-ta-resbox__list li svg{color:var(--apia-bleu-ciel);margin-top:4px}
.c-ta-resbox__list li a{color:var(--apia-blanc);text-decoration:none}
.c-ta-resbox__list li a:hover{text-decoration:underline}
.c-ta-resbox__btn{width:100%;justify-content:center}

/* Responsive */
@media(max-width:991px){
.s-trouver{padding:48px 16px}
.s-trouver--hero{padding-top:16px}
.s-trouver--pad96{padding-top:96px}
.c-ta-hero{grid-template-columns:1fr;min-height:0}
.c-ta-hero__col{padding:40px}
.c-ta-hero__media{min-height:300px;margin:0}
.c-ta-intro{grid-template-columns:1fr;gap:24px}
.c-ta-intro__col{padding-right:0}
.c-ta-lead{font-size:33px;line-height:42px}
.c-ta-objectif{grid-template-columns:1fr}
.c-ta-objectif__media{padding:32px 32px 0}
.c-ta-objectif__col{padding:32px}
.c-ta-objectif__title{font-size:33px;line-height:38px}
.c-phase{padding:64px 16px}
.c-phase--head{margin-top:48px}
.c-phase--nuit{margin-bottom:48px}
.c-phase__wrap{grid-template-columns:1fr;gap:24px}
.c-phase__num{font-size:96px;padding:0}
.c-phase__decor{width:140px;height:140px}
.c-phase__h2{font-size:33px;line-height:38px}
.c-phase__content{max-width:none;margin-left:0}
.c-ta-why{grid-template-columns:1fr}
.c-ta-why__img{height:auto;aspect-ratio:518/245}
.c-numgrid{grid-template-columns:1fr 1fr}
.c-ta-resources{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
.c-ta-hero__title{font-size:28px;line-height:32px}
.c-ta-lead{font-size:28px;line-height:36px}
.c-phase__num{font-size:72px}
.c-phase__h2{font-size:28px;line-height:34px}
.c-numgrid{grid-template-columns:1fr}
.c-ta-resources{grid-template-columns:1fr}
}
