/* === Smatchh Hidden Buttons — v4 (UI polish) === */

/* Reset states */
body.smh-collapsed .site-header .nav-actions{ display:none !important; }
.smh-overlay{ display:none; position:fixed; inset:0; background:rgba(10,15,30,.45); backdrop-filter: blur(2px); z-index:1000; }
body.smh-open .smh-overlay{ display:block; }

/* Burger pill */
.smh-burger{
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.45rem .7rem;
  border-radius:9999px;
  border:1px solid rgba(2,6,23,.08);
  background: #fff;
  box-shadow:0 4px 14px rgba(2,6,23,.08);
  cursor:pointer; z-index:1003;
}
.smh-burger .bars{ display:inline-flex; flex-direction:column; gap:4px; }
.smh-burger .bar{ width:18px; height:2px; background:#0b1220; border-radius:2px; display:block; transition:transform .2s ease, opacity .2s ease; }
.smh-burger[aria-expanded="true"] .bar:nth-child(1){ transform: translateY(6px) rotate(45deg); }
.smh-burger[aria-expanded="true"] .bar:nth-child(2){ opacity:0; }
.smh-burger[aria-expanded="true"] .bar:nth-child(3){ transform: translateY(-6px) rotate(-45deg); }

/* Label */
.smh-burger .lbl{ display:none; font-weight:800; font-size:.9rem; color:#0b1220; }
@media (min-max-width: 1024px; width: 100%){
  .smh-burger .lbl{ display:inline; }
}

/* Panel (cloned) */
.smh-panel{
  position: fixed; right:12px; top:var(--smh-header,64px);
  z-index:1003;
  width:min(88vw, 320px);
  border:1px solid rgba(2,6,23,.10);
  border-radius:20px;
  padding:10px;
  background:#fff;
  box-shadow: 0 18px 40px rgba(2,6,23,.16);
  transform: translateY(-8px) scale(.98);
  opacity:0; pointer-events:none;
  transition: transform .22s ease, opacity .22s ease;
}
body.smh-open .smh-panel{ transform: translateY(0) scale(1); opacity:1; pointer-events:auto; }

/* Compact items styled like your chips */
.smh-panel .nav-chip{
  display:flex; align-items:center; gap:.6rem;
  padding:.7rem .9rem;
  border-radius:9999px;
  border:1px solid rgba(2,6,23,.08);
  background:#fff;
  font-weight:800;
  color:#0b1220;
  text-decoration:none;
  box-shadow:0 6px 14px rgba(2,6,23,.06);
  transition: transform .12s ease, background .12s ease;
}
.smh-panel .nav-chip:hover{ background:rgba(2,6,23,.04); transform: translateY(-1px); }
.smh-panel .nav-chip:active{ transform: translateY(0); }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .smh-panel{ transition:none; }
  .smh-burger .bar{ transition:none; }
}


/* === Smatchh custom burger bottom section === */
.smh-panel{ display:flex; flex-direction:column; }
.smh-panel .smh-sep{ height:12px; }
.smh-panel .smh-bottom{ margin-top:auto; display:flex; flex-direction:column; gap:.8rem; }
.smh-panel .nav-chip.nav-cta{ background:#2563eb; color:#fff; }
.smh-panel .nav-chip.nav-cta:hover{ background:#1d4ed8; }


/* === Force espace links at bottom in burger === */
.smh-panel{ display:flex; flex-direction:column; }
.smh-panel a[href*="espace-"]{
  order:999; 
  background:#2563eb !important; 
  color:#fff !important; 
  margin-top:.4rem;
}


/* === Smatchh custom burger bottom section (v3) === */
.smh-panel{ display:flex; flex-direction:column; }
.smh-panel .smh-sep{ height:14px; }
.smh-panel .smh-bottom{ margin-top:auto; display:flex; flex-direction:column; gap:.9rem; padding-top:.25rem; }
.smh-panel a.nav-chip.smh-espace { background:#2563eb !important; color:#fff !important; }
.smh-panel a.nav-chip.smh-espace:hover{ background:#1d4ed8 !important; }


/* === Smatchh custom burger bottom section (v4) === */
.smh-panel{ display:flex; flex-direction:column; }
.smh-panel .smh-sep{ height:14px; }
.smh-panel .smh-bottom{ margin-top:auto; display:flex; flex-direction:column; gap:.9rem; padding-top:.25rem; }
.smh-panel a.nav-chip.smh-espace { 
  background: linear-gradient(90deg, #7EDCFF 0%, #C7B5FF 100%) !important;
  color:#000 !important; 
  font-weight:700;
}
.smh-panel a.nav-chip.smh-espace:hover{ opacity:0.9; }