/* ============================================================
   Wandero — "Bold" design system (home / public)
   Most styling is Tailwind utilities; this file holds the few
   things utilities can't express cleanly.
   ============================================================ */

body { background-color: #FAFAFA; }

/* Inputs: muted placeholder + primary focus ring (per design handoff) */
.wa-input::placeholder { color: #737373; opacity: 1; }
.wa-input:focus { box-shadow: 0 0 0 3px #FBEDE8; }

/* Sticky header show/hide + scrolled state (driven by home-header.js) */
.wa-header { transition: transform .3s ease-in-out, background .3s ease, border-color .3s ease; }

/* Photo cards: subtle lift on hover */
.wa-card { transition: transform .25s ease; }
.wa-card:hover { transform: translateY(-4px); }

/* "See all" arrow links: nudge arrow on hover */
.wa-arrow-link svg { transition: transform .2s ease; }
.wa-arrow-link:hover svg { transform: translateX(4px); }

/* Giant ranked city rows: invert to ink + grow left padding on hover */
.wa-rank-row {
    transition: background-color .25s ease, color .25s ease, padding .25s ease;
}
.wa-rank-row:hover {
    background-color: #171C21;
    color: #fff;
    padding-left: 34px;
}