/* CALM V36.2 — Correctifs ciblés sur la structure réelle du site */

/* 1. Navigation : trait exactement sous le texte, actif dynamique */
#publicView .public-nav a{position:relative!important}
#publicView .public-nav a::after{
  content:""!important;position:absolute!important;left:0!important;right:auto!important;
  width:100%!important;bottom:14px!important;height:2px!important;background:var(--calm-gold,#f1bd3b)!important;
  transform:scaleX(0)!important;transform-origin:center!important;transition:transform .18s ease!important;
}
#publicView .public-nav a:hover::after,
#publicView .public-nav a[aria-current="page"]::after{transform:scaleX(1)!important}
#publicView .public-nav a.active:not([aria-current="page"])::after{transform:scaleX(0)!important}
#publicView .public-nav a.active:not([aria-current="page"]){color:#eceef1!important}

/* 2. Supprime la ligne/artefact décoratif jaune du header */
#publicView .public-topbar::before,#publicView .public-topbar::after{display:none!important;content:none!important}

/* 3 + 9. Marque et logo toujours contenus, jamais coupés ni superposés */
#publicView .public-brand{min-width:0!important;max-width:100%!important;overflow:visible!important}
#publicView .public-brand-text{min-width:0!important;max-width:100%!important}
#publicView .public-brand-text small{white-space:normal!important;max-width:250px!important;line-height:1.25!important}
#publicView .public-gem,#publicView .public-gem.small{overflow:visible!important;clip-path:none!important;background-size:contain!important;background-repeat:no-repeat!important}

/* 4. Menu hamburger réel sous 1080 px */
#publicView .calm-v36-menu-toggle{
  display:none;justify-self:end;align-items:center;justify-content:center;width:44px;height:42px;
  border:1px solid rgba(241,189,59,.72);border-radius:9px;background:transparent;color:#fff;
  font-size:24px;line-height:1;cursor:pointer;z-index:80
}
@media(max-width:1080px){
  #publicView .public-topbar{grid-template-columns:minmax(0,1fr) auto auto!important;position:sticky!important}
  #publicView .calm-v36-menu-toggle{display:inline-flex!important}
  #publicView .public-private-btn{justify-self:end!important}
  #publicView .public-topbar>.public-nav{
    display:none!important;position:absolute!important;top:78px!important;left:0!important;right:0!important;
    height:auto!important;min-height:0!important;padding:10px 22px 16px!important;background:rgba(8,10,13,.985)!important;
    border-top:1px solid rgba(241,189,59,.18)!important;border-bottom:1px solid rgba(241,189,59,.24)!important;
    flex-direction:column!important;align-items:stretch!important;gap:0!important;box-shadow:0 18px 35px rgba(0,0,0,.32)!important
  }
  #publicView .public-topbar>.public-nav.calm-v36-open{display:flex!important}
  #publicView .public-nav a{min-height:0!important;padding:14px 4px!important;font-size:10px!important}
  #publicView .public-nav a::after{bottom:7px!important;width:46px!important;left:4px!important;transform-origin:left!important}
  #publicView .public-brand-text small{max-width:210px!important}
}
@media(max-width:640px){
  #publicView .public-brand-text small{display:none!important}
  #publicView .public-brand-text strong{font-size:18px!important}
  #publicView .public-private-btn{padding:9px 11px!important;font-size:8px!important}
}

/* 5. Pas de zoom/dézoom de fond lors de la navigation */
#publicView .public-hero,#publicView .public-feature-card{background-size:cover!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
#publicView .public-hero{transform:none!important;animation:none!important}

/* 6. Sorties/voyages : fond sombre sur toute la largeur, contenu centré */
#publicView #publicOutings{max-width:none!important;width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important;background:#0e1115!important}
#publicView #publicOutings>.public-section-head,#publicView #publicOutings>#publicOutingsList{
  width:min(1168px,calc(100% - 48px))!important;margin-left:auto!important;margin-right:auto!important
}
#publicView #publicOutings>.public-section-head{padding-top:0!important}

/* 7. L'ancien bloc agenda détaillé reste masqué si une copie subsiste */
#publicView #publicFullAgenda{display:none!important}

/* 8. Archives : vue dédiée aux sorties/photos */
body.calm-v36-album-view main>section:not(#galeries){display:none!important}
body.calm-v36-album-view #galeries>.wrap>.head,
body.calm-v36-album-view #galeries>.wrap>.note{display:none!important}
body.calm-v36-album-view #galeries .album{display:none!important}
body.calm-v36-album-view #galeries .album.calm-v36-selected-album{display:block!important;margin-top:30px!important}
body.calm-v36-galleries-view main>section:not(#galeries){display:none!important}
body.calm-v36-galleries-view #galeries .album{display:block!important}
.calm-v36-archive-back{display:inline-flex;align-items:center;gap:7px;margin:26px 0 6px;padding:9px 13px;border:1px solid #d7cfbd;border-radius:999px;background:#fff;color:#17191d;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.calm-v36-archive-back:hover{border-color:#b58b33}

/* CALM V36.3 — correctif priorité CSS du menu hamburger */
@media(max-width:1080px){
  body #publicView.public-site > header.public-topbar{
    grid-template-columns:minmax(0,1fr) auto auto!important;
  }
  body #publicView.public-site > header.public-topbar > .calm-v36-menu-toggle{
    display:inline-flex!important;
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
  }
  body #publicView.public-site > header.public-topbar > .public-private-btn{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
  }
  body #publicView.public-site > header.public-topbar > nav.public-nav{
    display:none!important;
  }
  body #publicView.public-site > header.public-topbar > nav.public-nav.calm-v36-open{
    display:flex!important;
    position:absolute!important;
    top:78px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:10px 22px 16px!important;
    margin:0!important;
    background:rgba(8,10,13,.985)!important;
    border-top:1px solid rgba(241,189,59,.18)!important;
    border-bottom:1px solid rgba(241,189,59,.24)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    box-shadow:0 18px 35px rgba(0,0,0,.32)!important;
    z-index:100!important;
  }
  body #publicView.public-site > header.public-topbar > nav.public-nav.calm-v36-open a{
    display:flex!important;
    min-height:0!important;
    padding:14px 4px!important;
    font-size:10px!important;
  }
}

/* ============================================================
   CALM V36.4 — MENU HAMBURGER COMPACT
   Réduit l'espacement vertical entre les rubriques du menu.
   ============================================================ */
@media (max-width: 1080px) {
  body #publicView.public-site > header.public-topbar > nav.public-nav.calm-v36-open {
    padding: 8px 22px 10px !important;
    gap: 0 !important;
  }

  body #publicView.public-site > header.public-topbar > nav.public-nav.calm-v36-open a {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 4px !important;
    line-height: 1.15 !important;
    align-items: center !important;
  }

  body #publicView.public-site > header.public-topbar > nav.public-nav.calm-v36-open a::after {
    bottom: 4px !important;
  }
}