/* Insertions « Votre Guide » dans les pages du site (menu PC, bouton mobile, bouton du hero, pop-up d'arrivée).
   Chargé par chaque page du site en plus des feuilles Astro ; ne redéfinit aucun jeton du site. */

/* Menu PC : lien mis en avant, à droite des autres entrées */
.nav-item[data-vvg="nav"]{display:flex;align-items:center}
.nav-link--guide{display:inline-flex;align-items:center;line-height:1.25;font-size:.98rem;background:var(--gres,#c0694f);color:#fff!important;font-weight:600!important;padding:.5em 1em!important;margin-left:.35rem;border-radius:999px!important;transition:background .15s}
.nav-link--guide:before{display:none!important}
.nav-link--guide:hover{background:#a8543c;color:#fff}

/* Mobile : bouton visible dans la barre, à gauche de la loupe et du burger (jamais dans le panneau) */
.guide-btn-mobile{display:none;align-items:center;gap:.35em;background:var(--gres,#c0694f);color:#fff;font-weight:700;font-size:.82rem;padding:.55em .9em;border-radius:999px;white-space:nowrap;line-height:1}
@media (max-width:860px){.guide-btn-mobile{display:inline-flex}}
@media (max-width:480px){.guide-btn-mobile{font-size:.72rem;padding:.5em .6em;gap:.25em}.site-header__inner{gap:.6rem!important}.site-header .brand{gap:.3rem!important;font-size:1.05rem!important}.site-header .brand__txt{white-space:nowrap}.header-right{gap:.3rem!important}.search-btn,.burger{width:36px!important;height:36px!important}}
@media (max-width:360px){.guide-btn-mobile span{display:none}}

/* Hero (accueil et pages intérieures) : bouton sous le descriptif */
.hero__cta .btn--guide{order:-1}
.page-hero__guide{display:inline-flex;align-items:center;gap:.5em;margin-top:1.1rem;padding:.75em 1.35em;border-radius:999px;background:var(--gres,#c0694f);color:#fff;font-weight:600;font-size:.98rem;border:1.5px solid transparent;transition:background .2s,box-shadow .2s;text-shadow:none}
.page-hero__guide:hover{background:#a8543c;box-shadow:0 6px 24px rgba(20,40,32,.18)}

/* Pop-up d'arrivée */
.vvg-pop{position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(24,36,32,.45);opacity:0;transition:opacity .3s}
.vvg-pop.is-on{opacity:1}
.vvg-pop__box{position:relative;width:min(100%,520px);background:#fff;border-radius:22px;box-shadow:0 18px 48px rgba(20,40,32,.24);overflow:hidden;transform:translateY(24px);transition:transform .35s ease;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#182420}
.vvg-pop.is-on .vvg-pop__box{transform:none}
.vvg-pop__band{background:linear-gradient(160deg,#2f7a5e,#143f30);color:#fff;padding:22px 24px 18px;display:flex;gap:16px;align-items:center}
.vvg-pop__avatar{width:64px;height:64px;border-radius:50%;flex:none;border:3px solid #fff;background:#143f30 center/cover;display:grid;place-items:center;font-family:"Fraunces","Georgia",serif;font-size:1.4rem;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.vvg-pop__band small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#bfe0d0;margin-bottom:4px}
.vvg-pop__band b{font-family:"Fraunces","Georgia",serif;font-size:1.35rem;font-weight:600;line-height:1.15;display:block}
.vvg-pop__body{padding:18px 24px 22px;display:grid;gap:14px}
.vvg-pop__body p{margin:0;font-size:.95rem;line-height:1.5;color:#3d4a44}
.vvg-pop__facts{display:flex;flex-wrap:wrap;gap:6px}
.vvg-pop__facts span{background:#efe9dc;color:#143f30;font-size:.78rem;font-weight:600;padding:.25em .7em;border-radius:999px}
.vvg-pop__actions{display:flex;gap:8px;flex-wrap:wrap}
.vvg-pop__go{display:inline-flex;align-items:center;gap:.5em;background:#c0694f;color:#fff;font-weight:600;padding:.75em 1.35em;border-radius:999px;text-decoration:none;font-size:.95rem}
.vvg-pop__go:hover{background:#a8543c}
.vvg-pop__later{background:none;border:1.5px solid #e4e6e0;color:#182420;font:inherit;font-weight:600;padding:.7em 1.2em;border-radius:999px;cursor:pointer;font-size:.9rem}
.vvg-pop__later:hover{border-color:#1e5a45}
.vvg-pop__close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:1.1rem;cursor:pointer}
.vvg-pop__close:hover{background:rgba(255,255,255,.3)}
.vvg-pop__box :focus-visible{outline:3px solid #2c8aa6;outline-offset:2px}
@media (min-width:700px){.vvg-pop{align-items:center}}
@media (prefers-reduced-motion:reduce){.vvg-pop,.vvg-pop__box{transition:none}}