/* =====================================================================
   PLACITI — thème commun (bleu marine + Wasabi)
   À charger APRÈS css/style.css sur toutes les pages publiques.
   ===================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=DM+Sans:wght@400;500;700&family=Caveat:wght@700&display=swap");

:root{
  /* palette Placiti */
  --pl-marine:#14213D;
  --pl-bleu:#3A5BD9;
  --pl-bleu-fonce:#2C47B8;
  --pl-glacier:#EAF5FD;
  --pl-glacier-2:#D7EFFE;
  --pl-wasabi:#E9F056;
  --pl-bleu-clair:#7B96F5; /* bleu Placiti éclairci, lisible sur le bandeau marine */
  --pl-texte-2:#4A5876;
  --pl-trait:#C4D9EA;
  --pl-titre:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --pl-texte:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

  /* anciennes variables du site, redirigées vers la palette */
  --color-orange:var(--pl-bleu);
  --color-orange-light:#EEF2FF;
  --color-noir:var(--pl-marine);
  --color-gris-texte:var(--pl-texte-2);
  --color-border:var(--pl-trait);
  --font-display:var(--pl-titre);
  --orange:var(--pl-bleu);
  --noir:var(--pl-marine);
  --gris:var(--pl-glacier);
  --gris-t:var(--pl-texte-2);
  --border:var(--pl-trait);
  --ardoise:var(--pl-marine);
}

body{
  background:var(--pl-glacier)!important;
  color:var(--pl-marine);
  font-family:var(--pl-texte)!important;
}
h1,h2,h3,.section-title{font-family:var(--pl-titre)}

/* ---------- En-tête ---------- */
.header{
  background:var(--pl-glacier)!important;
  color:var(--pl-marine)!important;
  border-bottom:none!important;
  box-shadow:none!important;
  min-height:74px;
}
.header__logo{text-decoration:none;display:flex;flex-direction:column;gap:3px}
.header__logo-main{
  font-family:var(--pl-titre)!important;font-weight:800!important;
  font-size:38px!important;letter-spacing:-1.2px;line-height:1;
  color:var(--pl-bleu)!important;
}
.header__logo-main span{color:var(--pl-marine)!important}
.pl-slogan{
  align-self:flex-start;display:inline-block;
  background:var(--pl-wasabi)!important;color:var(--pl-marine)!important;
  border-radius:8px;padding:2px 8px;
  font-family:var(--pl-titre)!important;font-weight:800;font-size:16px!important;
  transform:rotate(-2deg);opacity:1!important;letter-spacing:0!important;text-transform:none!important;
}
.header__hamburger{
  width:44px!important;height:44px!important;border-radius:50%!important;
  background:var(--pl-marine)!important;
}
.header__hamburger svg{stroke:#fff!important}
.header .sce-aa{border-color:var(--pl-marine)!important;color:var(--pl-marine)!important;
  background:#fff!important}

/* ---------- Menu tiroir ---------- */
.menu-drawer{background:#fff!important}
.menu-drawer__header{background:var(--pl-marine)!important}
.menu-drawer__logo{font-family:var(--pl-titre)!important;color:var(--pl-bleu-clair)!important}
.menu-drawer__logo span{color:#fff!important}
.menu-drawer__item{color:var(--pl-marine)!important;font-size:17px!important}
.menu-drawer__item:hover,.menu-drawer__item.active{
  background:#EEF2FF!important;color:var(--pl-bleu)!important}

.menu-drawer__item.menu-cx{background:var(--pl-wasabi)!important;color:var(--pl-marine)!important;font-weight:800!important;
  border-radius:16px;margin:4px 10px 10px!important;flex-wrap:wrap;row-gap:0}
.menu-drawer__item.menu-cx:hover{filter:brightness(.96)}
.menu-cx-s{display:block;width:100%;padding-left:36px;font-size:14px;font-weight:600;color:#3d4a66;margin-top:-2px}

/* ---------- Barre du bas ---------- */
.bottom-nav{background:#fff!important;border-top:none!important;
  border-radius:24px 24px 0 0;box-shadow:0 -4px 20px rgba(20,33,61,.08)}
.bottom-nav__item{color:var(--pl-texte-2)!important}
.bottom-nav__item.active,.bottom-nav__item[aria-current=page]{color:var(--pl-bleu)!important}
.bottom-nav__badge{background:var(--pl-wasabi)!important}

/* ---------- Pied de page ---------- */
.footer{background:var(--pl-marine)!important;color:#fff}
.footer__logo{font-family:var(--pl-titre)!important;color:var(--pl-bleu-clair)!important}
.footer__logo span{color:#fff!important}
.footer .pl-slogan{margin:6px 0 4px}
.footer a{color:#C9D6EA}

/* ---------- Pages d'association : bandeau ---------- */
.hero{background:var(--pl-marine)!important}
.hero h1{font-family:var(--pl-titre)!important}
.club-avatar{background:var(--pl-wasabi)!important;color:var(--pl-marine)!important}
.stats-band{background:#fff!important;color:var(--pl-marine)!important}
.stat-num{color:var(--pl-bleu)!important;font-family:var(--pl-titre)!important}
.tag-w{background:rgba(233,240,86,.18)!important;color:var(--pl-wasabi)!important}
.card{border-radius:20px}

/* boutons orange des anciennes pages */
.btn-primary,.btn--primary{background:var(--pl-bleu)!important;border-color:var(--pl-bleu)!important}

/* bouton « A » collé au menu, filtre de lieu aligné à gauche */
.header .sce-aa{margin-left:auto!important;margin-right:10px!important}
#hx-lieu .scl{margin-left:0;margin-top:0}

/* en-tête des pages d'association (logo + pastilles) */
.header .logo{font-family:var(--pl-titre)!important;font-weight:800!important;font-size:36px!important;
  letter-spacing:-1px;color:var(--pl-bleu)!important;text-decoration:none}
.header .logo span{color:var(--pl-marine)!important}
.header-pill{background:#fff!important;color:var(--pl-marine)!important;border-color:transparent!important}
.header-pill svg{color:var(--pl-texte-2)}

/* bandeaux des pages (annuaire, agenda…) */
.hero__title em{color:var(--pl-wasabi)!important;font-style:normal}
.hero__search-input{background:#fff!important;color:var(--pl-marine)!important;border-color:transparent!important}
.hero__search-icon{stroke:var(--pl-bleu)!important}
.stat-label{color:var(--pl-texte-2)!important}
.header__logo-sub{display:inline-block}

/* ---------- Bandeau du haut foncé, pleine largeur ---------- */
.header{background:var(--pl-marine)!important;color:#fff!important;
  border-bottom:5px solid var(--pl-wasabi)!important;padding-top:10px;padding-bottom:12px}
.header__logo-main{color:var(--pl-bleu-clair)!important}
.header__logo-main span{color:#fff!important}
.header__hamburger{background:var(--pl-wasabi)!important}
.header__hamburger svg{stroke:var(--pl-marine)!important}
.header .sce-aa{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.7)!important}
.header .logo{color:var(--pl-bleu-clair)!important}
.header .logo span{color:#fff!important}
.header .header-pill{background:rgba(255,255,255,.12)!important;color:#fff!important}
.header .header-pill svg{color:#fff}
.header a:not(.header__logo):not(.logo):not(.header-pill){color:#fff}
.page-content{padding-top:0}
.pl-top{padding-top:22px!important}

/* lisibilité sur téléphone : tout est agrandi (le bouton A s'ajoute par-dessus) */
@media (min-width:600px) and (max-width:1023px){body{zoom:1.6}}
@media (max-width:599px){body{zoom:1.12}}
.header{min-height:84px}

/* ---------- Grand écran : le slogan en grand au milieu du bandeau ---------- */
@media (min-width:1024px){
  .header{position:sticky}
  .header::after{content:"Tous à l'asso !";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    font-family:var(--pl-titre);font-weight:800;font-size:clamp(36px,3.6vw,54px);line-height:1;
    letter-spacing:-.02em;color:var(--pl-wasabi);white-space:nowrap;pointer-events:none}
  .header__logo .header__logo-sub{display:none!important}
}

/* ===== Barre « Retour » et fil d'Ariane (14 octobre) ===== */
.pl-fil{display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:1100px;margin:0 auto;padding:12px 16px 4px;font-family:var(--pl-texte)}
.pl-fil-retour{display:inline-flex;align-items:center;gap:7px;min-height:44px;background:#14213D;color:#E9F056;border:none;border-radius:99px;
  padding:9px 18px 9px 13px;font:700 17px/1 var(--pl-texte);cursor:pointer}
.pl-fil-retour svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pl-fil-retour:hover{background:#3A5BD9;color:#fff}
.pl-fil-retour:focus-visible{outline:3px solid #3A5BD9;outline-offset:3px}
.pl-ariane{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;font-size:16px;color:#14213D}
.pl-ariane li+li::before{content:"›";margin-right:6px;color:#3A5BD9;font-weight:700}
.pl-ariane a{color:#3A5BD9;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pl-ariane [aria-current]{font-weight:600;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* lien discret vers l'administration (pied de page) */
.footer .pl-admin{display:block;width:max-content;margin:14px auto 0;font-size:13px;color:inherit;opacity:.55;text-decoration:none}
.footer .pl-admin:hover,.footer .pl-admin:focus-visible{opacity:1;text-decoration:underline}

/* lisibilité (contrôle du 14 octobre) : aucun texte sous 13 px */
.bottom-nav__label{font-size:13.5px!important;font-weight:700!important}
.menu-drawer__footer a{font-size:14px!important}
.sce-vote-b button{font-size:15px!important;font-weight:700!important}