/* First-visit tour (tour.v1.js) — quiet, one card, shown once */
.wm-tour { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: flex-end; justify-content: center; background: rgba(6,3,14,.72); backdrop-filter: blur(3px); padding: 16px; }
@media (min-width: 700px) { .wm-tour { align-items: center; } }
.wm-tour__card { width: 100%; max-width: 440px; background: linear-gradient(180deg, var(--bg-2, #160d28), var(--bg-1, #110a1f)); border: 1px solid var(--gold-line, rgba(196,155,57,.32)); border-radius: 20px; padding: 22px 20px 16px; color: var(--ink, #fff); box-shadow: 0 20px 60px rgba(0,0,0,.5); }
.wm-tour__step { font-size: 12px; color: var(--ink-45, rgba(255,255,255,.45)); margin: 0 0 6px; }
.wm-tour__icon { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: var(--gold-soft, rgba(196,155,57,.14)); color: var(--gold-hi, #F0C830); margin-bottom: 12px; }
.wm-tour__icon svg { width: 28px; height: 28px; fill: currentColor; }
.wm-tour h2 { font-size: 1.25rem; margin: 0 0 8px; color: var(--gold-hi, #F0C830); }
.wm-tour p.wm-tour__text { margin: 0 0 14px; line-height: 1.9; color: var(--ink-90, rgba(255,255,255,.92)); }
.wm-tour__go { display: inline-block; font-size: .9rem; margin-bottom: 14px; color: var(--gold-text, rgba(226,186,86,.88)); }
.wm-tour__dots { display: flex; gap: 6px; justify-content: center; margin: 4px 0 14px; }
.wm-tour__dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--line-2, rgba(255,255,255,.13)); }
.wm-tour__dots i.is-on { background: var(--gold, #C49B39); width: 18px; border-radius: 4px; }
.wm-tour__row { display: flex; gap: 10px; justify-content: space-between; align-items: center; }
.wm-tour__row button { min-height: 44px; border-radius: 12px; font: inherit; padding: 0 18px; cursor: pointer; }
.wm-tour__next { background: var(--gold, #C49B39); color: #1a1206; border: 0; font-weight: 700; flex: 1; }
.wm-tour__skip { background: transparent; color: var(--ink-60, rgba(255,255,255,.6)); border: 1px solid var(--line-2, rgba(255,255,255,.13)); }
@media (prefers-reduced-motion: no-preference) { .wm-tour__card { animation: wmTourIn .25s ease-out; } @keyframes wmTourIn { from { transform: translateY(16px); opacity: 0; } to { transform: none; opacity: 1; } } }

/* «أين ركنت سيارتي» — a small, quiet card where visitors plan a visit */
.park-note { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border: 1px dashed var(--gold-line, rgba(196,155,57,.32)); border-radius: 14px; margin: 14px 0; color: var(--ink-75, rgba(255,255,255,.75)); text-decoration: none; font-size: .92rem; line-height: 1.7; }
.park-note:hover { border-style: solid; color: var(--ink, #fff); }
.park-note svg { width: 30px; height: 30px; flex: none; fill: var(--gold-hi, #F0C830); }
.park-note b { color: var(--gold-hi, #F0C830); }