/* Nilam site-fixes.css
 *
 * Small, additive overrides layered on top of the theme's hashed Next.js
 * CSS chunks (_next/static/css/*.css). Kept as a plain, non-hashed
 * stylesheet on purpose: those chunks are served with a year-long
 * immutable cache, so editing one in place means returning visitors and
 * Cloudflare keep serving the old file. A plain file here just needs a
 * normal cache-busting edit, no renaming, no reference updates on every
 * page. Add future small visual fixes here rather than touching a chunk.
 */

/* --- Header logo on white/light headers (2026-09-14) -------------------
 * The theme ships two logo images: logo1 (all-white) and logo2 (dark).
 * Its own CSS only swaps from logo1 to logo2 once the header has gained a
 * ".sticky" class - a class nothing in this export ever adds (see
 * js/sticky-header.js). Pages with a permanently white header
 * (".light-header": about, blog, contact, property, etc.) were showing
 * the WHITE logo on a WHITE header from first paint - invisible - instead
 * of the dark one. This does not need a scroll event to fix: a light
 * header is white immediately, so show the dark logo immediately. */
header.nav-homepage-style.light-header .header-logo.logo1 { display: none; }
header.nav-homepage-style.light-header .header-logo.logo2 { display: block; }

/* --- "Nearby & Connectivity" widget (2026-09-14, js/nearby-amenities.js) */
#nilam-nearby .nilam-nearby-tabs {
  display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px;
}
#nilam-nearby .nilam-nearby-tab {
  border: 1px solid #e6e6e6; background: #fff; border-radius: 999px;
  padding: 8px 18px; font-size: 14px; font-weight: 500; cursor: pointer;
  color: #202020; transition: background .15s ease, color .15s ease, border-color .15s ease;
}
#nilam-nearby .nilam-nearby-tab:hover { border-color: #eb6753; }
#nilam-nearby .nilam-nearby-tab.active { background: #eb6753; border-color: #eb6753; color: #fff; }
#nilam-nearby .nilam-nearby-pane { display: none; }
#nilam-nearby .nilam-nearby-pane.active { display: block; }
#nilam-nearby .nilam-nearby-list { list-style: none; margin: 0; padding: 0; }
#nilam-nearby .nilam-nearby-list li {
  display: flex; justify-content: space-between; gap: 12px;
  padding: 12px 0; border-bottom: 1px solid #f0f0f0; font-size: 14px;
}
#nilam-nearby .nilam-nearby-list li:last-child { border-bottom: none; }
#nilam-nearby .nilam-nearby-name { color: #202020; }
#nilam-nearby .nilam-nearby-dist { color: #757e93; white-space: nowrap; }

/* --- Sticky enquiry form on the property page (2026-09-14) --------------
 * "Schedule a tour" (In Person / Video Chat) card should stay in view
 * while the visitor scrolls the property details next to it, on wide
 * screens only. #pills-tab is the tab group inside that specific card and
 * is unique to this page, so this can't catch any other page's sidebar. */
@media (min-width: 992px) {
  .col-lg-4:has(#pills-tab) {
    position: sticky;
    top: 100px;
    align-self: flex-start;
  }
}