/* ============================================================
   STAYVILMO THEME v1 — light sky-blue + navy + azure gradient
   stayzoon-theme.css ke BAAD load hota hai, usko override karta hai.
   Colours reference mockup se pixel-sample kiye gaye hain.
   ============================================================ */
:root{
  --sv-navy:      #0B1533;   /* logo wordmark, headings */
  --sv-navy-soft: #16305F;
  --sv-blue:      #0589D4;   /* logo "vi", headline accent */
  --sv-blue-deep: #0B5EA5;
  --sv-blue-dark: #053B79;
  --sv-gold:      #E8A849;   /* tagline rule, underline right half */
  --sv-gold-soft: #F5D49D;
  --sv-sky:       #EAF6FD;   /* page background top */
  --sv-sky-deep:  #D7EBF6;   /* page background bottom */
  --sv-line:      #CBE3F4;

  --sv-grad:      linear-gradient(135deg, #0A8AD2 0%, #0B5EA5 55%, #053B79 100%);
  --sv-grad-soft: linear-gradient(135deg, #1E9BE0 0%, #0E6CB5 100%);
}

/* ---------- page ---------- */
body{
  background:linear-gradient(180deg, var(--sv-sky) 0%, var(--sv-sky-deep) 100%) !important;
  background-attachment:fixed !important;
  color:#213047;
}

/* ============================================================
   HEADER — light instead of black
   ============================================================ */
.sz-header, .sz-header #header, #header.cloned{
  background:var(--sv-sky) !important;
  box-shadow:0 2px 14px rgba(10,60,120,.10) !important;
}

/* desktop nav links */
.sz-header #navigation.sz-desknav ul li a{
  color:var(--sv-navy) !important;
  font-weight:700;
}
.sz-header #navigation.sz-desknav ul li a:hover,
.sz-header #navigation.sz-desknav ul li a.current{
  color:var(--sv-blue) !important;
}

/* burger — blue gradient circle, white bars */
.sz-burger{
  background:var(--sv-grad) !important;
  box-shadow:0 4px 12px rgba(11,94,165,.40) !important;
}
.sz-burger .sz-bar{ background:#fff !important; }

/* mobile dropdown — white card */
.sz-mobile-nav{
  background:#fff !important;
  border:1px solid var(--sv-line) !important;
  box-shadow:0 14px 34px rgba(10,60,120,.18) !important;
}
.sz-mobile-nav a{ color:var(--sv-navy) !important; }
.sz-mobile-nav a i{ color:var(--sv-blue) !important; }
.sz-mobile-nav a:hover, .sz-mobile-nav a.current{
  background:rgba(5,137,212,.10) !important;
  color:var(--sv-blue) !important;
}

/* ---------- search + filter pills ---------- */
.search-box, .header-search-input.search-box{
  border:1px solid var(--sv-line) !important;
  border-right:none !important;
  color:#213047 !important;
}
.search-box:focus{ border-color:var(--sv-blue) !important; }
.header-search-btn{
  background:var(--sv-grad) !important;
  color:#fff !important;
}
.filters-wrapper select{
  border:1px solid var(--sv-line) !important;
  color:var(--sv-navy) !important;
  box-shadow:0 3px 10px rgba(10,60,120,.08) !important;
}
/* base file ke gold SVG icons -> blue */
#bhkFilter{
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230589D4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 10.5 12 3l9 7.5'/><path d='M5 9.5V21h14V9.5'/><path d='M10 21v-6h4v6'/></svg>"),
    url("data:image/svg+xml;utf8,<svg fill='%230589D4' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>") !important;
}
#locationFilter{
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230589D4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s7-6.1 7-11a7 7 0 1 0-14 0c0 4.9 7 11 7 11z'/><circle cx='12' cy='10' r='2.6'/></svg>"),
    url("data:image/svg+xml;utf8,<svg fill='%230589D4' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>") !important;
}
@media only screen and (max-width: 992px){
  /* mobile search strip bhi light rakho, white block nahi */
  .sz-header .sz-search{ background:transparent !important; }
}

/* ============================================================
   SECTION HEADINGS — navy text, navy->blue->gold underline
   ============================================================ */
.utf-section-headline-item h3.headline{
  color:var(--sv-navy) !important;
  font-weight:800 !important;
}
.utf-section-headline-item h3.headline:after{
  width:128px !important;
  height:4px !important;
  border-radius:3px !important;
  background:linear-gradient(90deg,
      var(--sv-navy) 0%,
      var(--sv-blue) 45%,
      var(--sv-gold) 100%) !important;
}
.utf-section-headline-item h2 strong,
.utf-section-headline-item h2{ color:var(--sv-navy) !important; }

/* ============================================================
   CARDS + BUTTONS — blue gradient pill with thin gold edge
   ============================================================ */
.villa-card, .mobile-card{
  background:#fff !important;
  border:1px solid rgba(203,227,244,.9) !important;
  box-shadow:0 6px 18px rgba(10,60,120,.10) !important;
}
.mobile-card .mobile-card-title,
.utf-listing-content h4{ color:var(--sv-navy) !important; }

.mobile-card .mobile-card-price,
.utf-listing-price{ color:var(--sv-blue) !important; }
.mobile-card .mobile-card-price.weekend{ color:var(--sv-blue-deep) !important; }

.mobile-card .mobile-desc-btn,
button.button, a.button, .button, input[type="submit"].button{
  background:var(--sv-grad) !important;
  color:#fff !important;
  border:1.5px solid var(--sv-gold) !important;
  border-radius:24px !important;
  font-weight:700 !important;
  box-shadow:0 4px 12px rgba(11,94,165,.28) !important;
}
.mobile-card .mobile-desc-btn:hover,
button.button:hover, a.button:hover, .button:hover{
  background:var(--sv-grad-soft) !important;
  color:#fff !important;
}
a{ color:var(--sv-blue); }
a:hover{ color:var(--sv-blue-deep) !important; }

/* description popup */
.mobile-desc{ color:#33475F !important; }
.mobile-desc-close{ color:var(--sv-blue-deep) !important; }

/* ============================================================
   SHARE CARD (above 1 BHK) — white + blue border
   ============================================================ */
.sz-share-card{
  background:#fff !important;
  border:1.5px solid var(--sv-blue) !important;
  box-shadow:0 8px 22px rgba(10,60,120,.12) !important;
}
.sz-share-ico{
  border:2px solid var(--sv-blue) !important;
  color:var(--sv-blue) !important;
}
.sz-share-title{ color:var(--sv-navy) !important; }
.sz-share-text{ color:#46586F !important; }
.sz-share-wa{
  background:var(--sv-grad) !important;
  color:#fff !important;
  border:1.5px solid var(--sv-gold) !important;
}
.sz-share-wa:hover{
  background:var(--sv-grad-soft) !important;
  box-shadow:0 8px 20px rgba(11,94,165,.35) !important;
}

/* ============================================================
   FOOTER — navy (black ki jagah), gold accents waise hi
   ============================================================ */
.sz-footer, #sz-footer{
  background:var(--sv-navy) !important;
  border-top:4px solid var(--sv-gold) !important;
}
.sz-footer-art{ color:#1B2A4E !important; }
.sz-footer-divider{ background:#1E2F55 !important; }
.sz-footer-contact li{ border-bottom:1px solid #1E2F55 !important; }
.sz-trust{
  background:#0E1B3E !important;
  border-top:1.5px solid var(--sv-gold) !important;
  border-bottom:1.5px solid var(--sv-gold) !important;
}
.sz-trust-item{ border-left:1px solid #27365C !important; }
.sz-trust-item:first-child{ border-left:none !important; }
.sz-partner--dark{ background:#132249 !important; border:1px solid #27365C !important; }

/* ============================================================
   MISC
   ============================================================ */
#titlebar, .titlebar, .parallax.titlebar{ /* inner page banners */
  background-color:var(--sv-navy) !important;
}
#breadcrumbs ul li a:hover{ color:var(--sv-gold) !important; }
.property-pricing-text{ color:var(--sv-navy) !important; }
.review-rating{ color:var(--sv-gold) !important; }
.review-name{ color:var(--sv-navy) !important; }

/* WhatsApp green waisa hi rehta hai (brand colour) */