/* Guide 360 — styles globaux repris tels quels de la maquette. Tout le reste est en style inline dans les gabarits. */
body{margin:0;background:#f6f6f3;color:#151515;font-family:'Geist',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#151515;text-decoration:underline;text-underline-offset:3px}
a:hover{color:#4d4c47}
button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #151515;outline-offset:2px}
summary::-webkit-details-marker{display:none}
@keyframes g360marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes g360scan{0%{left:-20%}100%{left:100%}}
@keyframes g360pulse{0%,100%{opacity:.35}50%{opacity:1}}

/* Les « boutons » de navigation de la maquette deviennent de vrais liens <a class="b"> (crawlables) :
   on neutralise le style lien pour garder exactement le rendu d'un <button>. */
a.b{display:inline-block;box-sizing:border-box;text-decoration:none;text-align:center;cursor:pointer;color:#151515}
a.b:hover{color:#151515}
button.b-reset,a.b{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
.screen-reader-text,.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html{scroll-padding-top:72px}
@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;transition-duration:0s!important}}

/* Contenu éditorial (articles, pages) rédigé dans Gutenberg */
.g360-prose{font-size:16.5px;line-height:1.7;color:#33332f}
.g360-prose>*{margin:0 0 18px}
.g360-prose h2{font-size:26px;letter-spacing:-0.025em;font-weight:600;line-height:1.2;color:#151515;margin:40px 0 14px}
.g360-prose h3{font-size:20px;letter-spacing:-0.015em;font-weight:600;color:#151515;margin:28px 0 10px}
.g360-prose strong{color:#151515;font-weight:600}
.g360-prose ul,.g360-prose ol{padding-left:22px}
.g360-prose li{margin:6px 0}
.g360-prose img{max-width:100%;height:auto;border-radius:14px}
.g360-prose blockquote{margin:24px 0;padding:4px 0 4px 18px;border-left:3px solid #cdf562;color:#151515}
.g360-prose table{width:100%;border-collapse:collapse;font-size:14.5px}
.g360-prose th,.g360-prose td{border-bottom:1px solid #e4e3de;padding:10px 8px;text-align:left}
.g360-prose code{font-family:'Geist Mono',monospace;font-size:.9em;background:#ecebe6;border-radius:5px;padding:1px 6px}
.g360-prose iframe{max-width:100%}
.g360-prose>:first-child{margin-top:0}

/* Mobile (la maquette est conçue pour le bureau) : uniquement sous 760 px, le rendu bureau reste inchangé.
   Le menu passe sur une 2e ligne défilante, les méga-menus s'empilent. */
@media (max-width:760px){
  [data-g360-header]>div:first-child{flex-wrap:wrap!important;row-gap:2px!important;padding:10px 16px 4px!important}
  [data-g360-header] nav{order:3;flex:1 1 100%!important;justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none;margin:0 -10px}
  [data-g360-header] nav::-webkit-scrollbar{display:none}
  [data-h-account-label]{display:none}
  [data-menu-panel]>div{max-height:calc(100vh - 104px);overflow-y:auto}
  [data-menu-panel]>div>div{grid-template-columns:minmax(0,1fr)!important;padding:20px 16px 28px!important;gap:24px 0!important}
  [data-menu-panel]>div>div>div:first-child{padding-right:0!important}
  [data-menu-panel]>div>div>div:last-child{padding-left:0!important;border-left:none!important;border-top:1px solid #e4e3de;padding-top:20px}
  html{scroll-padding-top:110px}
  [data-hero-form]>div:not([data-dd-panel]){flex-wrap:wrap!important}
  [data-hero-form] button[type=submit]{flex:1 1 100%!important;padding:14px 22px!important;margin:0 6px 6px!important}
}
@media (max-width:520px){
  [data-v-frame]{aspect-ratio:auto!important;min-height:230px}
}