.visit-counter{display:flex;align-items:center;gap:14px;width:fit-content;max-width:100%;margin-top:27px;padding:13px 20px 13px 15px;border:1px solid #c4a36a66;border-left:3px solid var(--gold);background:linear-gradient(110deg,#d3ad5912,#4a142214);color:var(--gold)}
.visit-counter>svg{width:24px;height:24px;flex:0 0 24px;opacity:.9}
.visit-counter-copy{display:grid;gap:4px}
.visit-counter-label{font:600 13px/1.3 var(--sans);color:var(--cream);letter-spacing:.2px}
.visit-counter-total{font:700 29px/1.1 var(--sans);letter-spacing:1px;font-variant-numeric:tabular-nums;color:var(--gold);text-shadow:0 2px 0 #521b2b}
.visit-counter-note{font:400 11px/1.4 var(--sans);color:var(--muted);letter-spacing:.1px}
.visit-counter[data-state="unavailable"] .visit-counter-total{font-size:14px;letter-spacing:0}
@media(max-width:650px){.visit-counter{margin-top:24px;padding:12px 17px 12px 14px;gap:13px}.visit-counter-label{font-size:14px}.visit-counter-total{font-size:30px}.visit-counter-note{font-size:12px}}

/* A small replay/mute control for the spoken visit welcome. */
.visit-voice{display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;width:fit-content;max-width:100%;padding:4px 0;background:transparent;color:#f5d798;font:500 10px/1.35 var(--sans);text-align:left;border:0;min-height:28px}
.visit-voice::before{content:"";width:12px;height:12px;flex:0 0 12px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h4l5-4v14l-5-4H3z' fill='black'/%3E%3Cpath d='M16 8a6 6 0 0 1 0 8M19 5a10 10 0 0 1 0 14' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/contain no-repeat}
.visit-voice:hover{color:#fff0c0;text-decoration:underline}
.visit-voice[data-state="speaking"]{color:#ffbad2}
.visit-voice[data-state="speaking"]::before{animation:visit-voice-pulse 1s ease-in-out infinite alternate}
@keyframes visit-voice-pulse{from{opacity:.6}to{opacity:1;filter:drop-shadow(0 0 3px #e889ac)}}
@media(prefers-reduced-motion:reduce){.visit-voice::before{animation:none!important}}

/* Noticeable welcome button, especially when mobile audio needs a tap. */
.visit-voice{position:relative;isolation:isolate;margin-top:3px;padding:8px 10px;gap:7px;min-height:40px;border:1px solid #f0cb81;border-radius:5px;background:linear-gradient(125deg,#51301c,#44132c);color:#fff0bf;font:700 11px/1.3 var(--sans);box-shadow:inset 0 0 0 1px #d1a35d44,0 0 10px #9c1c5144;animation:visit-call-glow 3s ease-in-out infinite}
.visit-voice::before{width:15px;height:15px;flex-basis:15px}
.visit-voice::after{content:"✦";position:absolute;right:-5px;top:-7px;font:14px/1 Georgia,serif;color:#ffe5a4;text-shadow:0 0 5px #f4bd69;pointer-events:none;animation:visit-call-star 3s ease-in-out infinite}
.visit-voice:hover,.visit-voice:focus-visible{color:#fff8e7;text-decoration:none;filter:brightness(1.15)}
.visit-voice[data-state="speaking"]{animation:none;color:#ffd2e4;border-color:#ed8cb6;background:linear-gradient(125deg,#49201d,#4f1737)}
@keyframes visit-call-glow{0%,100%{box-shadow:inset 0 0 0 1px #d1a35d44,0 0 7px #9c1c5144}50%{box-shadow:inset 0 0 0 1px #f3c67f77,0 0 14px #c32d6c88}}
@keyframes visit-call-star{0%,100%{opacity:.45;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(90deg)}}
@media(max-width:650px){.visit-voice{font-size:12px;min-height:44px;padding:9px 13px}}
@media(prefers-reduced-motion:reduce){.visit-voice,.visit-voice::after{animation:none}}