/* Global Visit List — bouton « ? » (aide) de la barre de la carte + visite guidée de la carte (map-tour.js)
   Couleurs et polices : variables du site (style.css / map.css). Bureau et tablette ≥ 768 px uniquement. */

/* ---------- bouton « ? » à gauche de la recherche ---------- */
.mh-help{margin-left:auto;position:relative;flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--mh-b2,#D3DAE3);background:#fff;color:var(--ink,#0B1F33);font:700 16px/1 var(--f-body,Inter,system-ui,sans-serif);cursor:pointer;display:grid;place-items:center;transition:background .15s,color .15s,border-color .15s}
.mh-help:hover{background:var(--ink,#0B1F33);border-color:var(--ink,#0B1F33);color:#fff}
.mh-help:focus-visible{outline:2px solid var(--accent,#C2410C);outline-offset:2px}
.mh-help + .mh-search{margin-left:0}
/* infobulle « helps » au survol */
.mh-help::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);background:var(--ink,#0B1F33);color:#fff;font:600 12px/1 var(--f-body,Inter,system-ui,sans-serif);padding:6px 9px;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:90}
.mh-help:hover::after,.mh-help:focus-visible::after{opacity:1;transform:translate(-50%,0)}
@media (max-width:767.98px){.mh-help{display:none}}

/* ---------- visite guidée ---------- */
.gt-layer{position:fixed;inset:0;z-index:9999}
.gt-block{position:absolute;inset:0;background:transparent}
.gt-spot{position:fixed;border-radius:10px;box-shadow:0 0 0 2px #fff,0 0 0 9999px rgba(11,31,51,.58);pointer-events:none;transition:left .4s cubic-bezier(.4,0,.2,1),top .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}
.gt-spot::before{content:"";position:absolute;inset:-6px;border-radius:14px;border:2px solid var(--accent,#C2410C);animation:gt-ring 1.8s infinite}
.gt-spot.round,.gt-spot.round::before{border-radius:50%}
@keyframes gt-ring{0%,100%{opacity:.9}50%{opacity:.25}}
.gt-card{position:fixed;width:320px;max-width:calc(100vw - 32px);background:#fff;color:var(--ink,#0B1F33);border-radius:12px;padding:18px 18px 14px;box-shadow:0 18px 40px -12px rgba(11,31,51,.5);font-family:var(--f-body,Inter,system-ui,sans-serif);transition:left .4s,top .4s}
.gt-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;border:1px solid var(--mh-b2,#D3DAE3);background:#fff;color:var(--ink,#0B1F33);font:400 20px/1 var(--f-body,Inter,system-ui,sans-serif);cursor:pointer;display:grid;place-items:center;padding:0 0 2px}
.gt-close:hover{background:var(--ink,#0B1F33);border-color:var(--ink,#0B1F33);color:#fff}
.gt-close:focus-visible{outline:2px solid var(--accent,#C2410C);outline-offset:2px}
.gt-n{padding-right:34px;font:500 11px var(--f-mono,'IBM Plex Mono',ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--accent,#C2410C)}
.gt-card h3{margin:5px 0 7px;padding-right:30px;font:700 17px/1.25 var(--f-display,'Bricolage Grotesque',system-ui,sans-serif);text-wrap:balance}
.gt-card p{margin:0;font-size:14px;line-height:1.5;color:var(--muted,#44546A)}
.gt-try{margin-top:9px;font-size:13px;line-height:1.45;background:var(--accent-bg,#FFF1E8);color:#7A2E0E;border-radius:7px;padding:7px 9px}
.gt-try:empty{display:none}
.gt-nav{display:flex;align-items:center;gap:8px;margin-top:14px}
.gt-dots{display:flex;gap:4px;margin-right:auto}
.gt-dots i{width:6px;height:6px;border-radius:50%;background:var(--line,#DDE3EA)}
.gt-dots i.on{width:16px;border-radius:3px;background:var(--accent,#C2410C)}
.gt-btn{font:600 13px var(--f-body,Inter,system-ui,sans-serif);border-radius:7px;padding:8px 13px;cursor:pointer;border:1px solid var(--mh-b2,#D3DAE3);background:#fff;color:var(--ink,#0B1F33)}
.gt-btn.go{background:var(--ink,#0B1F33);border-color:var(--ink,#0B1F33);color:#fff}
.gt-btn:disabled{opacity:.4;cursor:default}
.gt-btn:focus-visible,.gt-skip:focus-visible{outline:2px solid var(--accent,#C2410C);outline-offset:2px}
.gt-skip{position:fixed;top:16px;right:16px;font:600 12px var(--f-body,Inter,system-ui,sans-serif);padding:7px 12px;border-radius:999px;border:0;background:rgba(255,255,255,.94);color:var(--ink,#0B1F33);cursor:pointer}
@media (prefers-reduced-motion:reduce){.gt-spot,.gt-card{transition:none}.gt-spot::before{animation:none}}