/*
 * UCH — Page d'accueil (design v2)
 * Sen Solution Tech
 *
 * À placer dans : wp-content/themes/hello-uch-child/assets/home.css
 * (chargé par le mu-plugin uch-core-accueil.php uniquement sur la page d'accueil)
 *
 * Tout est scopé sous .uch-home pour ne rien affecter ailleurs.
 * Charte : orange (--uch-accent) = boutons UNIQUEMENT ; bleu (--uch-brand) = structure ;
 * vert (--uch-green) = accents / thématiques.
 */

.uch-home{--_paper:#FBFAF6;--_ink:#222A38;background:var(--_paper)}
.uch-home *{box-sizing:border-box}
.uch-home .uch-h-wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.uch-home img{max-width:100%;display:block}

/* Titres / accents */
.uch-home .uch-h-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--uch-green,#1F6C4B)}
.uch-home .uch-h-kicker::before{content:"";width:26px;height:2px;background:var(--uch-green,#1F6C4B);border-radius:2px}
.uch-home .uch-h-kicker--light,.uch-home .uch-h-kicker--light::before{color:#7FB89A}
.uch-home .uch-h-kicker--light::before{background:#7FB89A}
.uch-home .uch-h-num{font-family:var(--uch-font-title,"Poppins",sans-serif);font-weight:700;font-size:14px;color:var(--uch-green,#1F6C4B);letter-spacing:1px}
.uch-home .uch-h-h2{font-family:var(--uch-font-title,"Poppins",sans-serif);font-size:clamp(30px,3.6vw,44px);font-weight:800;line-height:1.14;letter-spacing:-.4px;color:var(--uch-brand,#1E3977);margin:14px 0}
.uch-home .uch-h-lead,.uch-home .uch-h-p{font-size:17px;color:var(--uch-muted,#69707E);line-height:1.7}
.uch-home .uch-h-p{margin-bottom:16px;color:#3B4453}
.uch-home .uch-h-center{text-align:center}

/* Boutons (orange = action) */
.uch-home .uch-h-btn{display:inline-flex;align-items:center;gap:9px;padding:14px 27px;border-radius:11px;background:var(--uch-accent,#C1521D);color:#fff;font-weight:600;font-size:15px;text-decoration:none;transition:.18s;border:none;cursor:pointer;box-shadow:0 8px 20px rgba(193,82,29,.24)}
.uch-home .uch-h-btn:hover{background:var(--uch-accent-hover,#A8471A);transform:translateY(-2px)}
.uch-home .uch-h-btn--ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55);box-shadow:none}
.uch-home .uch-h-btn--ghost:hover{background:rgba(255,255,255,.12)}
.uch-home .uch-h-btn--line{background:#fff;color:var(--uch-brand,#1E3977);border:1.5px solid var(--uch-line,#ECE6DE);box-shadow:none}
.uch-home .uch-h-btn--line:hover{border-color:var(--uch-brand,#1E3977);background:#fff;transform:translateY(-2px)}
.uch-home .uch-h-link{font-weight:600;font-size:14px;color:var(--uch-brand,#1E3977);text-decoration:none;display:inline-flex;gap:6px;align-items:center;transition:gap .15s ease}
.uch-home .uch-h-link:hover{gap:10px}

.uch-home .uch-h-img{background-size:cover;background-position:center;background-color:var(--uch-brand,#1E3977)}

/* Reveal (activé seulement si JS ajoute .uch-anim → pas de contenu masqué sinon) */
.uch-home.uch-anim .uch-h-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}
.uch-home.uch-anim .uch-h-reveal.is-in{opacity:1;transform:none}

/* Sections */
.uch-home .uch-h-sec{padding:96px 0}
.uch-home .uch-h-soft{background:linear-gradient(180deg,#F2EEE7,var(--_paper))}
.uch-home .uch-h-head{max-width:660px;margin-bottom:46px}
.uch-home .uch-h-head--center{margin-left:auto;margin-right:auto;text-align:center}

/* HERO */
.uch-home .uch-h-hero{position:relative;min-height:660px;display:flex;align-items:center;color:#fff;overflow:hidden}
.uch-home .uch-h-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--uch-brand,#1E3977);animation:uchkb 22s ease-in-out infinite alternate}
@keyframes uchkb{from{transform:scale(1.02)}to{transform:scale(1.1)}}
.uch-home .uch-h-hero .uch-h-wrap{position:relative;padding-top:92px;padding-bottom:92px}
.uch-home .uch-h-hero-titre{font-family:var(--uch-font-title,"Poppins",sans-serif);color:#fff;font-size:clamp(40px,5.6vw,68px);font-weight:800;line-height:1.12;letter-spacing:-.5px;margin:18px 0 20px;max-width:15ch}
.uch-home .uch-h-hero-titre em{font-style:normal;position:relative;white-space:nowrap}
.uch-home .uch-h-hero-titre em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.14em;background:#7FB89A;border-radius:3px;opacity:.85}
.uch-home .uch-h-hero-txt{font-size:19.5px;color:rgba(255,255,255,.9);max-width:54ch;margin-bottom:32px;line-height:1.6}
.uch-home .uch-h-hero-actions{display:flex;gap:14px;flex-wrap:wrap}

/* CRÉDENTIEL */
.uch-home .uch-h-cred{position:relative;margin-top:-64px;z-index:5}
.uch-home .uch-h-cred-card{background:#fff;border-radius:20px;box-shadow:0 20px 55px rgba(21,42,82,.14);padding:26px 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.uch-home .uch-h-cred-c{text-align:center;position:relative}
.uch-home .uch-h-cred-c+.uch-h-cred-c::before{content:"";position:absolute;left:-12px;top:6px;bottom:6px;width:1px;background:var(--uch-line,#ECE6DE)}
.uch-home .uch-h-cred-n{font-family:var(--uch-font-title,"Poppins",sans-serif);font-weight:800;font-size:32px;color:var(--uch-brand,#1E3977);line-height:1.1}
.uch-home .uch-h-cred-n--sm{font-size:23px;padding-top:5px}
.uch-home .uch-h-cred-l{font-size:13px;color:var(--uch-muted,#69707E);margin-top:5px}
@media(max-width:760px){.uch-home .uch-h-cred-card{grid-template-columns:1fr 1fr;gap:22px}.uch-home .uch-h-cred-c:nth-child(odd)::before{display:none}}

/* RÉFÉRENCES */
.uch-home .uch-h-refs{padding:54px 0 38px}
.uch-home .uch-h-refs-t{text-align:center;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--uch-muted,#69707E);margin-bottom:26px;font-weight:600}
.uch-home .uch-h-refs-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 40px}
.uch-home .uch-h-ref{font-family:var(--uch-font-title,"Poppins",sans-serif);font-weight:700;font-size:20px;color:#9AA1AE;letter-spacing:.5px;transition:color .2s}
.uch-home .uch-h-ref:hover{color:var(--uch-brand,#1E3977)}

/* ANCRAGE / SPLIT */
.uch-home .uch-h-split{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.uch-home .uch-h-visual{height:470px;border-radius:22px;box-shadow:0 20px 55px rgba(21,42,82,.12);position:relative;background-size:cover;background-position:center;background-color:var(--uch-brand,#1E3977)}
.uch-home .uch-h-badge{position:absolute;left:-24px;bottom:36px;background:#fff;border-radius:16px;padding:18px 22px;box-shadow:0 20px 55px rgba(21,42,82,.14);display:flex;gap:14px;align-items:center;max-width:272px}
.uch-home .uch-h-badge-n{font-family:var(--uch-font-title,"Poppins",sans-serif);font-weight:800;font-size:24px;color:var(--uch-green,#1F6C4B);flex:0 0 auto}
.uch-home .uch-h-badge-l{font-size:12.5px;color:var(--uch-muted,#69707E);line-height:1.4}
.uch-home .uch-h-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.uch-home .uch-h-pill{padding:8px 16px;border-radius:999px;background:var(--uch-green-light,#E8F2EC);color:var(--uch-green,#1F6C4B);font-weight:600;font-size:13.5px}
@media(max-width:880px){.uch-home .uch-h-split{grid-template-columns:1fr;gap:34px}.uch-home .uch-h-visual{height:320px}}

/* MÉTHODE */
.uch-home .uch-h-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.uch-home .uch-h-step{background:#fff;border:1px solid var(--uch-line,#ECE6DE);border-radius:18px;padding:28px 24px;position:relative}
.uch-home .uch-h-step-n{width:44px;height:44px;border-radius:12px;background:var(--uch-brand,#1E3977);color:#fff;font-family:var(--uch-font-title,"Poppins",sans-serif);font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.uch-home .uch-h-step-titre{font-family:var(--uch-font-title,"Poppins",sans-serif);font-size:17.5px;color:var(--_ink);margin-bottom:8px}
.uch-home .uch-h-step-desc{font-size:14px;color:var(--uch-muted,#69707E)}
.uch-home .uch-h-step-arr{position:absolute;right:-16px;top:44px;color:#7FB89A;z-index:2}
@media(max-width:900px){.uch-home .uch-h-steps{grid-template-columns:1fr 1fr}.uch-home .uch-h-step-arr{display:none}}
@media(max-width:520px){.uch-home .uch-h-steps{grid-template-columns:1fr}}

/* EXPERTISES */
.uch-home .uch-h-exps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.uch-home .uch-h-exp{display:block;background:#fff;border:1px solid var(--uch-line,#ECE6DE);border-radius:18px;padding:30px 28px;text-decoration:none;transition:.22s}
.uch-home .uch-h-exp:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(21,42,82,.12);border-color:transparent}
.uch-home .uch-h-exp-ic{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:var(--uch-accent-light,#F7EDE7);color:var(--uch-accent,#C1521D);margin-bottom:18px;transition:.22s}
.uch-home .uch-h-exp:hover .uch-h-exp-ic{background:var(--uch-brand,#1E3977);color:#fff}
.uch-home .uch-h-exp-titre{font-family:var(--uch-font-title,"Poppins",sans-serif);font-size:19px;color:var(--uch-brand,#1E3977);margin-bottom:8px}
.uch-home .uch-h-exp-desc{font-size:14.5px;color:var(--uch-muted,#69707E);margin-bottom:14px}
@media(max-width:880px){.uch-home .uch-h-exps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.uch-home .uch-h-exps{grid-template-columns:1fr}}

/* FORMATIONS */
.uch-home .uch-h-forms{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.uch-home .uch-h-form{background:#fff;border:1px solid var(--uch-line,#ECE6DE);border-radius:20px;overflow:hidden;transition:.22s;display:flex;flex-direction:column}
.uch-home .uch-h-form:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(21,42,82,.12)}
.uch-home .uch-h-form-ph{display:block;height:188px;position:relative;background-color:var(--uch-green-light,#E8F2EC)}
.uch-home .uch-h-form-cat{position:absolute;left:14px;top:14px;background:rgba(21,42,82,.85);color:#fff;font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:999px}
.uch-home .uch-h-form-in{padding:20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.uch-home .uch-h-chip{align-self:flex-start;font-size:11.5px;font-weight:600;color:var(--uch-green,#1F6C4B);background:var(--uch-green-light,#E8F2EC);padding:4px 11px;border-radius:999px}
.uch-home .uch-h-form-titre{font-family:var(--uch-font-title,"Poppins",sans-serif);font-size:18px;line-height:1.34;margin:0}
.uch-home .uch-h-form-titre a{color:var(--_ink);text-decoration:none}
.uch-home .uch-h-form-titre a:hover{color:var(--uch-brand,#1E3977)}
.uch-home .uch-h-form-meta{font-size:13px;color:var(--uch-muted,#69707E);margin:0}
.uch-home .uch-h-form-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:8px}
.uch-home .uch-h-form-prix{font-family:var(--uch-font-title,"Poppins",sans-serif);font-weight:700;color:var(--uch-accent,#C1521D);font-size:16.5px}
@media(max-width:880px){.uch-home .uch-h-forms{grid-template-columns:1fr}}

/* DIRECTION */
.uch-home .uch-h-dir{display:grid;grid-template-columns:380px 1fr;gap:56px;align-items:center}
.uch-home .uch-h-dir-ph{height:440px;border-radius:22px;box-shadow:0 20px 55px rgba(21,42,82,.12);background-size:cover;background-position:center}
.uch-home .uch-h-q{font-family:var(--uch-font-title,"Poppins",sans-serif);font-size:64px;color:var(--uch-green,#1F6C4B);line-height:0;display:block;height:30px}
.uch-home .uch-h-quote{font-family:var(--uch-font-title,"Poppins",sans-serif);font-weight:600;font-size:clamp(23px,2.7vw,32px);color:var(--uch-brand,#1E3977);line-height:1.38;letter-spacing:-.3px;border:0;margin:0;padding:0}
.uch-home .uch-h-sig{margin-top:24px;font-weight:700;color:var(--_ink)}
.uch-home .uch-h-sig span{display:block;font-weight:500;color:var(--uch-muted,#69707E);font-size:14px}
@media(max-width:840px){.uch-home .uch-h-dir{grid-template-columns:1fr;gap:28px}.uch-home .uch-h-dir-ph{height:320px}}

/* CTA */
.uch-home .uch-h-cta{position:relative;color:#fff;border-radius:26px;overflow:hidden;padding:60px 54px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.uch-home .uch-h-cta-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--uch-brand,#1E3977)}
.uch-home .uch-h-cta-t{position:relative;max-width:58ch}
.uch-home .uch-h-cta-titre{font-family:var(--uch-font-title,"Poppins",sans-serif);color:#fff;font-size:clamp(27px,3vw,38px);font-weight:800;margin:0 0 10px}
.uch-home .uch-h-cta-sous{position:relative;color:rgba(255,255,255,.9);font-size:16px;margin:0}
.uch-home .uch-h-cta-a{position:relative}

/* Ajustements experts compacts sur l'accueil (le style de base vient de institutionnel.css) */
.uch-home .uch-experts--compact{margin:0}

/* =========================================================================
   VARIANTE — Le Cabinet (page-le-cabinet.php)
   ========================================================================= */
.uch-home--cabinet .uch-h-hero{min-height:540px}
.uch-home--cabinet .uch-h-hero .uch-h-wrap{padding-top:80px;padding-bottom:80px}
/* Fil d'Ariane dans le hero */
.uch-home .uch-h-fil{font-size:13px;color:rgba(255,255,255,.75);margin-bottom:16px}
.uch-home .uch-h-fil a{color:rgba(255,255,255,.75);text-decoration:none}
.uch-home .uch-h-fil a:hover{color:#fff}
.uch-home .uch-h-fil span{color:rgba(255,255,255,.4);margin:0 4px}
/* Les shortcodes réutilisés (double approche / chiffres) respirent dans le nouveau layout */
.uch-home--cabinet .uch-double-approche{margin:0}
.uch-home--cabinet .uch-chiffres{margin:34px 0 0}

/* Carte contenant le formulaire (Espace Entreprises) */
.uch-home .uch-h-formcard{max-width:940px;margin:0 auto;background:#fff;border:1px solid var(--uch-line,#ECE6DE);border-radius:22px;padding:38px 40px;box-shadow:0 20px 55px rgba(21,42,82,.10)}
@media(max-width:620px){.uch-home .uch-h-formcard{padding:26px 20px}}

/* =========================================================================
   HERO « sous-page » (sous-pages d'expertise, Nos experts)
   ========================================================================= */
.uch-home--expertise{background:var(--_paper)}
.uch-h-hero--sub{min-height:380px}
.uch-h-hero--sub .uch-h-wrap{padding-top:64px;padding-bottom:64px}
.uch-h-hero--sub .uch-h-hero-titre{font-size:clamp(34px,4.4vw,54px);margin-bottom:14px}
.uch-h-hero--sub .uch-h-hero-titre:last-child{margin-bottom:0}
/* La colonne de contenu d'expertise reprend de l'air sous le hero */
.uch-home--expertise .uch-page-contenu--expertise{padding-top:52px}

/* =========================================================================
   CONTACT (page-contact.php)
   ========================================================================= */
.uch-home .uch-h-contact-grid{display:grid;grid-template-columns:340px 1fr;gap:44px;align-items:start}
.uch-home .uch-h-contact-info{position:sticky;top:100px}
.uch-home .uch-h-coords{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}
.uch-home .uch-h-coords li{font-size:15.5px;color:var(--_ink);line-height:1.5}
.uch-home .uch-h-coord-k{display:block;font-size:11.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--uch-green,#1F6C4B);margin-bottom:3px}
.uch-home .uch-h-coords a{color:var(--uch-brand,#1E3977)}
.uch-home .uch-h-coord-note{margin-top:28px;padding-top:22px;border-top:1px solid var(--uch-line,#ECE6DE)}
.uch-home .uch-h-coord-note p{font-family:var(--uch-font-title,"Poppins",sans-serif);font-weight:700;color:var(--uch-brand,#1E3977);margin:0 0 6px}
.uch-home .uch-h-contact-grid .uch-h-formcard{margin:0;max-width:none}
@media(max-width:860px){.uch-home .uch-h-contact-grid{grid-template-columns:1fr;gap:30px}.uch-home .uch-h-contact-info{position:static}}

/* =========================================================================
   CATALOGUE (page-catalogue.php) + FICHE FORMATION (single-formation.php)
   ========================================================================= */
/* Le shortcode catalogue respire ; on force le texte du bouton carte (sécurité). */
.uch-home--cabinet.uch-home .uch-h-catalogue .uch-h-wrap{max-width:1240px}
.uch-home .uch-cat-card__cta{color:#fff!important}

/* Hero de fiche : un peu plus court, chips clairs lisibles sur l'image */
.uch-home--cabinet .uch-h-hero--fiche{min-height:440px}
.uch-home--cabinet .uch-h-hero--fiche .uch-h-wrap{padding-top:56px;padding-bottom:56px}
.uch-home .uch-h-fiche-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.uch-home .uch-h-fiche-chip{font-size:12px;font-weight:600;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.30);padding:5px 12px;border-radius:999px}