
/* Roadside Attractions section — matches The US Detour v2 visual system */
.roadside-hero .hero-inner{max-width:900px}
.roadside-finder{margin-top:10px}
.roadside-results-note{font-family:var(--mono);font-size:.78rem;color:#6b6252;margin:0 0 18px;letter-spacing:.02em}
.roadside-grid{align-items:stretch}
.roadside-card{position:relative;overflow:hidden}
.roadside-card::after{content:"";position:absolute;inset:auto 18px 0 18px;height:4px;background:linear-gradient(90deg,var(--amber),var(--brick),var(--steel));border-radius:8px 8px 0 0;opacity:.55}
.roadside-card h3{font-family:var(--display);font-size:1.35rem;line-height:1.08;margin:.65rem 0 .55rem;color:var(--forest-deep)}
.roadside-card p{margin:.45rem 0;color:#493f33}
.roadside-why{font-size:.9rem;border-top:1px dashed var(--line);padding-top:.7rem;margin-top:.75rem!important;color:#5b5143!important}
.map-line{font-family:var(--mono);font-size:.72rem;color:#756a59!important}
.roadside-state-card h3{font-family:var(--display);font-size:1.32rem;line-height:1.08}
.state-nav-row{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:32px}
.state-roadside-hero .hero-inner{max-width:940px}
@media(max-width:760px){.state-nav-row .button{width:100%;text-align:center}.roadside-card h3{font-size:1.18rem}}


/* Real licensed place photos loaded from Wikimedia Commons. Hidden until a real match is found; no generic placeholder art. */
.real-stop-photo{display:none;margin:-2px -2px 16px;border-radius:22px;overflow:hidden;aspect-ratio:16/10;background:#e7ece6;border:1px solid rgba(18,59,52,.12);position:relative;}
.real-stop-photo.is-loaded{display:block;}
.real-stop-photo.is-empty{display:none;}
.real-stop-photo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01);}
.real-stop-photo figcaption{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(18,59,52,.82);color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;line-height:1.2;backdrop-filter:blur(6px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.real-stop-photo figcaption a{color:#fff;text-decoration:underline;text-underline-offset:2px;}
.gm-result-photo{margin:0 0 12px 0;border-radius:18px;aspect-ratio:16/9;}
.card-link .real-stop-photo{pointer-events:none;}

/* Real stop image cards */
.real-stop-photo{display:block;position:relative;overflow:hidden;border-radius:18px;margin:0 0 1rem;background:linear-gradient(135deg,#e8f3ef,#f8ead2);border:1px solid rgba(18,59,52,.12);min-height:190px;}
.real-stop-photo img{display:block;width:100%;height:210px;object-fit:cover;background:#edf4f0;}
.real-stop-photo:not(.is-loaded) img{opacity:0;}
.real-stop-photo::before{content:'Real photo lookup';position:absolute;inset:auto auto 48px 16px;z-index:1;font:700 .72rem/1.2 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#123b34;background:rgba(255,255,255,.82);border-radius:999px;padding:.45rem .65rem;}
.real-stop-photo.is-loaded::before{display:none;}
.real-stop-photo figcaption{font-size:.72rem;line-height:1.35;padding:.55rem .75rem;color:#4b625e;background:rgba(255,255,255,.96);min-height:34px;}
.real-stop-photo figcaption a{color:#0c5a4d;font-weight:700;text-decoration:none;}
.real-stop-photo.is-empty{min-height:74px;background:#f5f7f4;}
.real-stop-photo.is-empty img{display:none;}
.real-stop-photo.is-empty::before{content:'No licensed image found';position:static;display:inline-block;margin:12px 12px 4px;}
.gm-result-photo img{height:150px;}
