/* ============================================================
   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;
}

/* Overlay header (detail místa): transparentní přes hero fotku, bílé texty,
   bílá pilulka Přihlášení. Třídu .header-overlay přepíná js/home-header.js
   podle scrollu (> 8px → standardní bílý bar). */
#site-header.header-overlay .wa-wordmark { color: #fff; }
#site-header.header-overlay .wa-nav-link { color: rgba(255, 255, 255, .85); }
#site-header.header-overlay .wa-nav-link:hover { background: rgba(255, 255, 255, .16); color: #fff; }
#site-header.header-overlay .wa-lang-sep { color: rgba(255, 255, 255, .4); }
#site-header.header-overlay .wa-lang-en { color: rgba(255, 255, 255, .7); }
#site-header.header-overlay .wa-lang-en:hover { color: #fff; }
#site-header.header-overlay .wa-login { background: #fff; color: #171C21; }
#site-header.header-overlay .wa-login:hover { background: rgba(255, 255, 255, .88); }

/* Overlay header: vyhledávání a pilulka Místa přes hero fotku (bílé, poloprůhledné). */
#site-header.header-overlay .wa-nav-link { background: rgba(255, 255, 255, .14); }
#site-header.header-overlay .wa-search { background: rgba(255, 255, 255, .16); }
#site-header.header-overlay .wa-search svg { color: rgba(255, 255, 255, .75); }
#site-header.header-overlay .wa-search input { color: #fff; }
#site-header.header-overlay .wa-search input::placeholder { color: rgba(255, 255, 255, .7); }