/* TOMA home — editorial marketplace layer. Existing IDs/classes remain untouched for script.js. */
:root { --home-ink: var(--text-primary); --home-paper: var(--bg); }
body { background: var(--home-paper); color: var(--home-ink); }
.navbar { background: rgba(251,241,234,.92); border-bottom-color: var(--divider-light); backdrop-filter: blur(16px); }
.navbar .logo img { height: 74px; }
.nav-links { gap: 1.35rem; }
.nav-link { color: var(--text-secondary); font-size: .92rem; }
.category-tabs-section { background: var(--home-paper); border: 0; padding: 1.2rem 0 .35rem; }
.category-tabs { justify-content: flex-start; gap: .45rem; overflow-x: auto; padding-inline: 20px; }
.category-tab { border: 1px solid transparent; border-radius: var(--radius-badge); padding: .65rem 1rem; white-space: nowrap; color: var(--text-secondary); }
.category-tab.active { background: var(--brand-tint-1); color: var(--brand-dark); border-color: var(--brand-tint-2); }
.category-tab:hover { background: var(--brand-tint-1); border-color: var(--brand-tint-2); transform: none; }
.search-section-hero { background: var(--home-paper) !important; padding: clamp(3rem,8vw,7rem) 0 5rem; position: relative; overflow: hidden; }
.search-section-hero:before { content:""; position:absolute; width:460px; height:460px; border-radius:50%; background:var(--brand-tint-1); top:-220px; left:-120px; opacity:.8; }
.search-with-tagline { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,460px); align-items:center; gap:clamp(2rem,7vw,7rem); max-width:1160px; padding:0 20px; }
.marketing-tagline { text-align:right; max-width:590px; }
.tagline-title { color:var(--brand-dark); font-size:clamp(2.6rem,5.5vw,5.25rem); line-height:1.08; letter-spacing:-.04em; margin-bottom:1.1rem; }
.tagline-title:after { content:""; display:block; width:70px; height:5px; background:var(--brand); border-radius:var(--radius-full); margin-top:1.3rem; }
.tagline-subtitle { color:var(--text-secondary); text-shadow:none; font-size:1.05rem; }
.airbnb-search-compact { max-width:none; width:100%; background:var(--brand-tint-1); border:1px solid var(--brand-tint-2); border-radius:var(--radius-card); padding:1rem; box-shadow:var(--shadow-card); }
.search-row { background:var(--bg); border:1px solid var(--divider-light); box-shadow:var(--shadow-small); }
.search-row:hover { background:var(--bg); border-color:var(--brand); }
.search-row-label { color:var(--brand-dark); }
.search-submit-btn { background:var(--brand); border-radius:var(--radius-button); }
.search-submit-btn:hover { background:var(--brand); box-shadow:var(--shadow-medium); transform:translateY(-2px); }
.search-clear-btn { background:transparent; color:var(--text-secondary); }
.results-section { background:var(--bg); padding-top:2rem; }
.results-header h2 { color:var(--brand-dark); }
.filters-bar, .provider-card, .results-card { border-color:var(--divider-light); }
.footer { background:var(--brand-dark); color:var(--bg); border-top:4px solid var(--brand); }
.footer a, .footer-description, .footer-title { color:var(--bg); }
.footer-bottom { border-top-color:var(--divider-strong); }
@media (max-width: 768px) {
  .navbar .logo img { height:60px; }
  .nav-links { display:none; }
  .search-with-tagline { grid-template-columns:1fr; gap:2.25rem; }
  .marketing-tagline { text-align:center; margin:0 auto; }
  .tagline-title:after { margin-inline:auto; }
  .tagline-subtitle { color:var(--text-secondary); }
  .search-section-hero { padding-top:3.3rem; }
}