/* CAP LINK — RC Polish : couche d'exposition. Aucune dépendance, aucun JS. */

:root{
  --clrc-ink:#0e2a47;
  --clrc-ink-deep:#082640;
  --clrc-gold:#c89b3c;
  --clrc-gold-deep:#765500;
  --clrc-paper:#f7f9fb;
  --clrc-line:rgba(8,38,64,.10);
  --clrc-on-dark:#dbe5ec;
}

/* ---------- barre de navigation apportée aux pages sans coquille CAP LINK ---------- */
.clrc-bar{background:var(--clrc-ink);color:#fff;font-family:inherit}
.clrc-bar-in{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.clrc-brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.06em;font-size:1.05rem;white-space:nowrap}
.clrc-brand span{color:var(--clrc-gold)}
.clrc-nav{display:flex;gap:16px;flex-wrap:wrap;flex:1 1 auto}
.clrc-nav a{color:var(--clrc-on-dark);text-decoration:none;font-size:.94rem;font-weight:600;padding:4px 0;border-bottom:2px solid transparent}
.clrc-nav a:hover,.clrc-nav a:focus-visible{color:#fff;border-bottom-color:var(--clrc-gold)}
.clrc-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.clrc-account{color:#fff;text-decoration:none;font-weight:700;font-size:.92rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:7px 16px;white-space:nowrap}
.clrc-account:hover,.clrc-account:focus-visible{border-color:var(--clrc-gold);color:var(--clrc-gold)}
.clrc-cta{background:var(--clrc-gold);color:var(--clrc-ink-deep);text-decoration:none;font-weight:800;font-size:.92rem;border-radius:999px;padding:8px 18px;white-space:nowrap}
.clrc-cta:hover,.clrc-cta:focus-visible{background:#e0b455}

/* Entrée Account greffée dans la coquille CAP LINK existante */
.clrc-account-inline{margin-right:10px;border-color:rgba(8,38,64,.25);color:var(--clrc-ink)}
.clrc-account-inline:hover,.clrc-account-inline:focus-visible{border-color:var(--clrc-gold-deep);color:var(--clrc-gold-deep)}

/* ---------- pied de page apporté aux pages sans coquille CAP LINK ---------- */
.clrc-foot{background:var(--clrc-ink-deep);color:var(--clrc-on-dark)}
.clrc-foot-in{max-width:1180px;margin:0 auto;padding:34px 20px;display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.clrc-foot-in b{display:block;color:#fff;font-size:.82rem;letter-spacing:.10em;text-transform:uppercase;margin-bottom:10px}
.clrc-foot-in a{display:block;color:var(--clrc-on-dark);text-decoration:none;font-size:.92rem;padding:3px 0}
.clrc-foot-in a:hover,.clrc-foot-in a:focus-visible{color:var(--clrc-gold);text-decoration:underline}

/* Colonne Account ajoutée au pied de page CAP LINK */
.clrc-foot-col a{display:block;padding:3px 0}

/* ---------- bloc « univers » de la page d'accueil ---------- */
.clrc-hub{background:var(--clrc-paper);border-top:1px solid var(--clrc-line)}
.clrc-hub-in{max-width:1180px;margin:0 auto;padding:56px 20px 64px}
.clrc-hub h2{color:var(--clrc-ink-deep);font-size:clamp(1.5rem,3vw,2rem);margin:0 0 6px;text-wrap:balance}
.clrc-hub-lead{color:#4b5966;margin:0 0 28px;font-size:1rem}
.clrc-hub-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.clrc-card{display:block;background:#fff;border:1px solid var(--clrc-line);border-radius:16px;padding:18px 20px;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.clrc-card b{display:block;color:var(--clrc-ink-deep);font-size:1rem;margin-bottom:5px}
.clrc-card span{display:block;color:#4b5966;font-size:.9rem;line-height:1.45}
.clrc-card:hover,.clrc-card:focus-visible{transform:translateY(-2px);border-color:var(--clrc-gold);box-shadow:0 14px 34px rgba(8,38,64,.09)}

/* ---------- accessibilité ---------- */
.clrc-bar a:focus-visible,.clrc-foot a:focus-visible,.clrc-card:focus-visible,.clrc-account:focus-visible,.clrc-cta:focus-visible{outline:3px solid var(--clrc-gold);outline-offset:2px}

@media (prefers-reduced-motion:reduce){
  .clrc-card{transition:none}
  .clrc-card:hover,.clrc-card:focus-visible{transform:none}
}

@media (max-width:640px){
  .clrc-bar-in{gap:12px;padding:10px 16px}
  .clrc-nav{gap:12px;order:3;width:100%}
  .clrc-nav a{font-size:.88rem}
  .clrc-actions{margin-left:auto}
  .clrc-hub-in{padding:40px 16px 48px}
}

/* ---------- cohérence de marque sur les pages à coquille de thème ----------
   Ces pages affichaient le titre de site par défaut du thème, dans une couleur
   étrangère à la charte, juste au-dessus de la navigation apportée par ce lot :
   deux marques CAP LINK superposées. La barre injectée portant déjà le logo et
   le lien d'accueil, seul ce doublon est masqué. La règle ne s'applique qu'aux
   pages effectivement équipées de la barre.

   1.0.4 (CA-05) : la règle portait auparavant sur `.site-branding` entier, ce
   qui masquait aussi la baseline « Études • Mobilité • Emploi • Services
   administratifs », seul endroit où elle figurait sur ces 65 pages. Le masquage
   est restreint au titre en double ; la baseline redevient visible, sans
   réintroduire de seconde marque. */
.site-header:has(.clrc-bar) .site-title{display:none}
.site-header:has(.clrc-bar) .site-description{margin:0;padding:8px 0 6px}
.site-header:has(.clrc-bar){padding:0;border:0;background:transparent}

/* ---------- 1.0.4 (CA-03) : débordement horizontal à 1024 px ----------
   La barre de navigation de la coquille CAP LINK est un conteneur flex en
   `nowrap`. À 1024 px ses enfants débordaient de 184 px, dont 152 px imputables
   à l'entrée Account ajoutée par ce lot. Plutôt que de retirer cette entrée —
   ce qui priverait ces pages d'un accès au compte depuis la navigation — on
   autorise le retour à la ligne en dessous du seuil où la barre cesse de tenir.
   La règle est bornée aux seules barres effectivement équipées par ce lot et
   reste inerte tant que le contenu tient sur une ligne. */
@media (max-width:1200px){
  .cl-nav-inner:has(.clrc-account-inline){flex-wrap:wrap;row-gap:10px}
}