/* Navigation v1 (voir site-navigation-v1.js) — chargée après site-design-v6.css. */

/* ── Menus déroulants (ordinateur) ── */
.entete-groupe{position:relative}
.entete-groupe-bt{display:inline-flex;align-items:center;gap:5px;padding:9px 12px 9px 13px;border:0;border-radius:20px;background:none;font:600 14.5px 'Public Sans',system-ui,sans-serif;color:#3d5480;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.entete-groupe-bt:hover,.entete-groupe.ouvert .entete-groupe-bt{background:rgba(27,63,143,.07);color:var(--p,#1B3F8F)}
.entete-groupe.actif .entete-groupe-bt{color:#fff;background:var(--degrade,linear-gradient(145deg,#4A8FD4,#1B3F8F))}
.entete-chevron{transition:transform .2s}
.entete-groupe.ouvert .entete-chevron{transform:rotate(180deg)}
.entete-sous{display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);z-index:70;width:330px;padding:8px;border-radius:22px;background:rgba(255,255,255,.98);border:1px solid rgba(27,63,143,.12);box-shadow:0 22px 54px rgba(14,29,58,.18);flex-direction:column;gap:2px}
.entete-sous::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.entete-groupe.ouvert .entete-sous{display:flex}
.entete-liens .entete-sous a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:15px;color:#0e1d3a;white-space:normal;background:none}
.entete-sous a svg{flex:none;width:38px;height:38px;padding:9px;box-sizing:border-box;border-radius:12px;background:#EEF3FC;color:var(--p,#1B3F8F)}
.entete-sous a span{display:flex;flex-direction:column;gap:1px;min-width:0}
.entete-sous a b{font-size:14.5px;font-weight:700}
.entete-sous a small{font-size:12.5px;font-weight:500;color:#5a7099;line-height:1.35}
.entete-liens .entete-sous a:hover{background:#F2F6FD;color:#0e1d3a}
.entete-liens .entete-sous a[aria-current="page"]{background:#E9F0FC;color:#0e1d3a}
.entete-liens .entete-sous a[aria-current="page"] svg{background:var(--p,#1B3F8F);color:#fff}

/* ── Panneau du menu (téléphone, et ordinateur une fois la page défilée) ── */
.entete-panneau-titre{margin:12px 6px 7px;font:700 11.5px 'Public Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8fb8e8}
.entete-tuiles-mini{grid-template-columns:1fr 1fr}
.entete-tuiles-mini a{min-height:42px!important;padding:8px 11px!important;font-size:14px}
.entete-tuiles-mini a svg{width:18px;height:18px}

/* ── Ordinateur : une fois la page défilée, une seule ligne (logo · sommaire de la page · menu · téléphone · contact) ── */
@media(min-width:1041px){
  nav.site-entete.sommaire-visible{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 7px 7px clamp(12px,1.8vw,20px)}
  nav.sommaire-visible .entete-ligne{display:contents}
  nav.sommaire-visible .entete-liens{display:none}
  nav.sommaire-visible .entete-logo{order:1;margin-right:4px}
  nav.sommaire-visible .site-sommaire{order:2;flex:1 1 0;min-width:0;max-height:none;padding:0;border:0}
  nav.sommaire-visible .sommaire-liens{justify-content:safe center}
  nav.sommaire-visible .entete-menu{order:3;display:inline-flex;margin-left:auto}
  nav.sommaire-visible .entete-tel{order:4;width:44px;padding:0;justify-content:center}
  nav.sommaire-visible .entete-tel-txt{display:none}
  nav.sommaire-visible .entete-cta{order:5}
  nav.sommaire-visible .entete-panneau{order:9;flex:0 0 100%;margin:4px 0 0}
  nav.sommaire-visible .entete-tuiles{grid-template-columns:repeat(4,1fr)}
  nav.sommaire-visible .entete-tuiles-mini{grid-template-columns:repeat(6,1fr)}
  nav.sommaire-visible .entete-tuiles-mini a{flex-direction:column;justify-content:center;text-align:center;gap:6px;min-height:70px!important}
  nav.sommaire-visible .entete-tuiles a:last-child:nth-child(odd){grid-column:auto}
}
@media(min-width:769px) and (max-width:1040px){
  .entete-tuiles-mini{grid-template-columns:repeat(3,1fr)}
}

/* ── Accueil : bloc « Apprendre à votre rythme » ── */
.appr-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(10px,1.5vw,16px)}
.appr-carte{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:rgba(255,255,255,.85);border:1.5px solid var(--border,rgba(27,63,143,.12));color:#0e1d3a;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.appr-carte:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(14,29,58,.1);border-color:rgba(27,63,143,.25)}
.appr-illu{display:flex;align-items:flex-end;justify-content:center;height:clamp(150px,13vw,180px);background:#E3E9F7;overflow:hidden}
.appr-illu img{display:block;height:92%;width:auto;max-width:96%;object-fit:contain}
.appr-corps{display:flex;flex-direction:column;gap:8px;padding:clamp(16px,2vw,22px);flex:1}
.appr-titre{font:800 19px 'Bricolage Grotesque','Public Sans',sans-serif;letter-spacing:-.01em}
.appr-texte{font-size:15px;line-height:1.55;color:var(--muted,#5a7099);flex:1}
.appr-lien{font-weight:700;font-size:14.5px;color:var(--p,#1B3F8F)}
@media(prefers-reduced-motion:reduce){.appr-carte,.entete-chevron{transition:none}}
@media(min-width:1041px){
  nav.sommaire-visible .sommaire-liens{-webkit-mask-image:linear-gradient(to right,transparent,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(to right,transparent,#000 22px,#000 calc(100% - 22px),transparent);padding:0 18px;scroll-padding:0 30px}
}