/* ============================================================
   Barre de navigation du site public
   La même que celle de la page d'accueil, sur toutes les pages
   publiques : logo, deux menus déroulants, liens, bouton « Faire
   un don » et, sous 1180 px, un menu repliable. Remplace les
   anciens bandeaux verts qui ne portaient qu'un logo, et le
   bouton « Retour à l'accueil » qui les accompagnait.
   Construite par assets/js/barre-site.js.
   ============================================================ */

header.barre-site{
  position:sticky; top:0; z-index:100; padding:0; line-height:1.5;
  background:rgba(6,68,28,0.94); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(6,68,28,0.22);
}
.barre-site .bs-wrap{
  max-width:1400px; margin:0 auto; padding:12px 28px;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.barre-site .bs-logo{display:flex; align-items:center; flex-shrink:0;}
.barre-site .bs-logo img{height:44px; width:auto; filter:brightness(0) invert(1); display:block;}

.barre-site .nav-links{display:flex; gap:22px; align-items:center; font-family:var(--body, 'Inter', sans-serif); font-size:0.9rem; font-weight:500;}
.barre-site .nav-links a{position:relative; padding:4px 0; color:var(--ink, #0B2E17); white-space:nowrap; text-decoration:none;}
.barre-site .nav-links a::after{content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px; background:#F8B718; transition:width .2s ease;}
.barre-site .nav-links a:hover::after,
.barre-site .nav-links a[aria-current="page"]::after{width:100%;}

.barre-site .bs-actions{display:flex; align-items:center; gap:14px;}
.barre-site .bs-don{
  display:inline-flex; align-items:center; justify-content:center; padding:13px 26px; border-radius:999px;
  background:#F8B718; color:#06441C; font-family:var(--body, 'Inter', sans-serif); font-weight:600; font-size:0.95rem;
  text-decoration:none; white-space:nowrap; transition:background .18s ease, color .18s ease, transform .18s ease;
}
.barre-site .bs-don:hover{background:#AA7B11; color:#FFFFFF; transform:translateY(-1px);}

.barre-site .menu-toggle{display:none; background:none; border:none; cursor:pointer; padding:6px;}
.barre-site .menu-toggle span{display:block; width:24px; height:2px; background:#FFFFFF; margin:5px 0; transition:.2s;}

.barre-site .nav-dropdown{position:relative;}
.barre-site .nav-dropdown-trigger{
  display:flex; align-items:center; gap:5px; background:none; border:none; padding:4px 0;
  font-family:var(--body, 'Inter', sans-serif); font-size:0.9rem; font-weight:500; color:var(--ink, #0B2E17); cursor:pointer;
}
.barre-site .nav-dropdown-trigger .chevron{
  width:0; height:0; margin-top:2px; border-left:4px solid transparent; border-right:4px solid transparent;
  border-top:5px solid var(--ink, #0B2E17); transition:transform .18s ease;
}
.barre-site .nav-dropdown.open .chevron{transform:rotate(180deg);}
.barre-site .nav-dropdown-menu{
  position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%) translateY(6px);
  background:var(--surface, #FFFFFF); border:1px solid var(--line, rgba(6,68,28,0.22)); border-radius:12px;
  box-shadow:0 12px 32px rgba(6,68,28,0.10);
  padding:8px; min-width:210px; display:flex; flex-direction:column; gap:2px;
  opacity:0; visibility:hidden; transition:opacity .18s ease, transform .18s ease;
}
.barre-site .nav-dropdown.open .nav-dropdown-menu{opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);}
.barre-site .nav-dropdown-menu a{padding:10px 14px; border-radius:8px; white-space:nowrap; color:var(--ink, #0B2E17);}
.barre-site .nav-dropdown-menu a::after{display:none;}
.barre-site .nav-dropdown-menu a:hover{background:var(--paper-alt, #ECEFE3);}
.barre-site .nav-dropdown-menu a[aria-current="page"]{font-weight:700; color:var(--green, #17763B);}

/* Sur la barre verte (grand écran), texte clair. */
@media (min-width:1181px){
  .barre-site .nav-links > a{color:#FFFFFF;}
  .barre-site .nav-dropdown-trigger{color:#FFFFFF;}
  .barre-site .nav-dropdown-trigger .chevron{border-top-color:#FFFFFF;}
  :root[data-theme="dark"] .barre-site .nav-dropdown-menu a[aria-current="page"]{color:#7FD9A0;}
}

/* Menu repliable : même panneau que sur l'accueil. */
@media (max-width:1180px){
  .barre-site .nav-links{
    position:absolute; top:100%; left:0; right:0; background:var(--paper, #FFFFFF);
    flex-direction:column; align-items:flex-start; gap:0; border-bottom:1px solid var(--line, rgba(6,68,28,0.22));
    max-height:0; overflow:hidden; transition:max-height .3s ease;
  }
  .barre-site .nav-links.open{max-height:480px; overflow-y:auto;}
  .barre-site .nav-links a{width:100%; padding:14px 28px; border-top:1px solid var(--line, rgba(6,68,28,0.22)); white-space:normal;}
  .barre-site .nav-links a::after{display:none;}
  .barre-site .menu-toggle{display:block;}
  .barre-site .nav-dropdown{width:100%;}
  .barre-site .nav-dropdown-trigger{width:100%; padding:14px 28px; border-top:1px solid var(--line, rgba(6,68,28,0.22)); justify-content:space-between;}
  .barre-site .nav-dropdown-menu{
    position:static; transform:none; opacity:1; visibility:visible; box-shadow:none; border:none;
    border-radius:0; background:var(--paper-alt, #ECEFE3); padding:0; min-width:0; display:none;
  }
  .barre-site .nav-dropdown.open .nav-dropdown-menu{display:flex; flex-direction:column; transform:none;}
  .barre-site .nav-dropdown-menu a{padding:14px 28px 14px 44px; border-top:1px solid var(--line, rgba(6,68,28,0.22)); border-radius:0; width:100%; color:var(--ink, #0B2E17);}
  .barre-site .nav-dropdown-menu a[aria-current="page"]{color:var(--green, #17763B);}
}
@media (max-width:700px){
  .barre-site .bs-wrap{padding:10px 18px;}
  .barre-site .bs-logo img{height:38px;}
  .barre-site .bs-don{padding:11px 18px; font-size:0.88rem;}
}

/* Une ancre (#section) ne doit pas finir cachée sous la barre collée. */
html:has(header.barre-site){scroll-padding-top:90px;}

/* Un bilan imprimé n'a que faire d'un menu. */
@media print{ header.barre-site{display:none;} }