/* Barre de navigation et pied de page communs à toutes les pages VEGIA.
   Les couleurs viennent des variables du thème (jour/nuit) avec repli sur celles de la page Laura. */
html{scroll-padding-top:76px}

.vg-header{
  position:fixed;top:0;left:0;right:0;z-index:50;height:64px;margin:0;padding:0;
  background:var(--background,var(--paper,#f8f3e9));
  background:color-mix(in srgb,var(--background,var(--paper,#f8f3e9)) 80%,transparent);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border,var(--line,rgba(37,30,24,.15)));
  color:var(--foreground,var(--ink,#251e18));
  font-family:'Manrope','Work Sans',system-ui,sans-serif;
}
.vg-header-in{max-width:80rem;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
@media(min-width:1024px){.vg-header-in{padding:0 40px}}
.vg-logo{display:flex;align-items:center;flex-shrink:0}
.vg-logo img{display:block;height:28px;width:auto;opacity:1}

.vg-nav{display:none;align-items:center;gap:24px;margin-left:auto}
.vg-nav a,.vg-panel a:not(.vg-cta){
  font-size:13.5px;line-height:1;color:var(--muted-foreground,var(--ink-soft,#5f564c));text-decoration:none;
  white-space:nowrap;margin:0;transition:color .2s;
}
.vg-nav a{position:relative;padding:8px 0}
.vg-nav a:hover,.vg-panel a:not(.vg-cta):hover{color:var(--foreground,var(--ink,#251e18))}
.vg-nav a[aria-current],.vg-panel a[aria-current]{color:var(--primary,var(--gold,#c53829))}
.vg-nav a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor}

.vg-cta{
  display:none;align-items:center;justify-content:center;flex-shrink:0;
  padding:11px 22px;border-radius:999px;text-decoration:none;white-space:nowrap;
  background:var(--primary,var(--gold,#c53829));color:var(--primary-foreground,#fbf8f1);
  font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;line-height:1;border:0;
  transition:opacity .2s;
}
.vg-cta:hover{opacity:.9;color:var(--primary-foreground,#fbf8f1)}

.vg-burger{
  display:inline-flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;margin-right:-10px;
  padding:0 10px;background:none;border:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.vg-burger span{display:block;height:1px;width:100%;background:currentColor;transition:transform .2s,opacity .2s}
.vg-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.vg-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.vg-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.vg-panel{
  display:none;position:fixed;top:64px;left:0;right:0;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow:auto;
  padding:6px 24px 22px;background:var(--background,var(--paper,#f8f3e9));
  border-bottom:1px solid var(--border,var(--line,rgba(37,30,24,.15)));
}
.vg-panel.is-open{display:block}
.vg-panel a:not(.vg-cta){display:block;padding:15px 0;font-size:15px;border-bottom:1px solid var(--border,var(--line,rgba(37,30,24,.15)))}
.vg-panel .vg-cta{display:flex;margin-top:18px;padding:15px 22px}

@media(min-width:1180px){
  .vg-nav{display:flex}
  .vg-header-in>.vg-cta{display:inline-flex}
  .vg-burger,.vg-panel{display:none!important}
}

/* ---- Pied de page ---- */
.vg-footer{
  display:block;margin:0;padding:56px 24px 28px;text-align:left;
  border-top:1px solid var(--border,var(--line,rgba(37,30,24,.15)));
  background:var(--background,var(--paper,#f8f3e9));color:var(--foreground,var(--ink,#251e18));
  font-family:'Manrope','Work Sans',system-ui,sans-serif;font-size:13px;line-height:1.5;
}
@media(min-width:1024px){.vg-footer{padding-left:40px;padding-right:40px}}
.vg-foot-in{max-width:75rem;margin:0 auto;display:grid;gap:40px;grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.vg-foot-in{grid-template-columns:minmax(220px,1fr) minmax(0,2.4fr);gap:56px}}
.vg-foot-brand img{display:block;height:32px;width:auto;opacity:1}
.vg-foot-brand p{margin:14px 0 0;max-width:260px;font-size:12px;line-height:1.65;color:var(--muted-foreground,var(--ink-soft,#5f564c))}
.vg-foot-brand a{display:inline-block;margin-top:16px;font-size:14px;color:var(--muted-foreground,var(--ink-soft,#5f564c));text-decoration:none;transition:color .2s}
.vg-foot-brand a:hover{color:var(--foreground,var(--ink,#251e18))}
.vg-foot-cols{display:grid;gap:32px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:640px){.vg-foot-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
.vg-foot-cols h4{margin:0 0 16px;padding:0 0 12px;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;line-height:1.2;
  color:var(--primary,var(--gold,#c53829));border-bottom:1px solid var(--border,var(--line,rgba(37,30,24,.15)))}
.vg-foot-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.vg-foot-cols li{margin:0;padding:0}
.vg-foot-cols a{font-size:13.5px;color:var(--muted-foreground,var(--ink-soft,#5f564c));text-decoration:none;transition:color .2s}
.vg-foot-cols a:hover{color:var(--foreground,var(--ink,#251e18))}
.vg-foot-bottom{
  max-width:75rem;margin:44px auto 0;padding-top:20px;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;align-items:center;
  border-top:1px solid var(--border,var(--line,rgba(37,30,24,.15)));font-size:12px;color:var(--muted-foreground,var(--ink-soft,#5f564c));
}
.vg-foot-bottom a{color:inherit;text-decoration:none;transition:color .2s}
.vg-foot-bottom a:hover{color:var(--foreground,var(--ink,#251e18))}
@media print{.vg-header{position:static}.vg-panel,.vg-burger{display:none!important}}