/* ============================================================
   AMBEVISTA THEME v1 — white + navy + amber/gold
   stayzoon-theme.css ke BAAD load hota hai, usko override karta hai.
   Colours reference mockup se pixel-sample kiye gaye hain.
   ============================================================ */
:root{
  --am-navy:        #0B1E3A;   /* logo "Ambe", headings */
  --am-navy-deep:   #06182F;
  --am-ink:         #0A1226;   /* card titles */

  --am-amber:       #E89700;   /* brand amber — buttons */
  --am-amber-brite: #FDBD03;   /* highlight (WhatsApp Us) */
  --am-amber-deep:  #DD8D00;   /* gradient end / hover */
  --am-amber-soft:  #E3B345;   /* borders */
  --am-amber-pale:  #FFE6B1;   /* tints */
  --am-price:       #B9700F;   /* price text (white par readable) */

  --am-bg:          #FEFEFE;
  --am-bg-deep:     #F8F9FB;
  --am-line:        #ECE3D2;

  --am-grad:        linear-gradient(135deg, #F0A50A 0%, #E89700 55%, #DD8D00 100%);
  --am-grad-brite:  linear-gradient(135deg, #FFC92B 0%, #F2A408 100%);
  --am-grad-navy:   linear-gradient(135deg, #103A6B 0%, #06182F 100%);
}

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

/* ============================================================
   HEADER — white (black nahi)
   ============================================================ */
.sz-header, .sz-header #header, #header.cloned{
  background:#FFFFFF !important;
  box-shadow:0 2px 14px rgba(11,30,58,.08) !important;
}

.sz-header #navigation.sz-desknav ul li a{
  color:var(--am-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(--am-amber) !important;
}

/* burger — navy circle, white bars (reference jaisa) */
.sz-burger{
  background:linear-gradient(135deg, #103A6B 0%, #06182F 100%) !important;
  box-shadow:0 4px 12px rgba(11,30,58,.38) !important;
}
.sz-burger .sz-bar{ background:#fff !important; }

/* mobile dropdown */
.sz-mobile-nav{
  background:#fff !important;
  border:1px solid var(--am-line) !important;
  box-shadow:0 14px 34px rgba(11,30,58,.18) !important;
}
.sz-mobile-nav a{ color:var(--am-navy) !important; }
.sz-mobile-nav a i{ color:var(--am-amber) !important; }
.sz-mobile-nav a:hover, .sz-mobile-nav a.current{
  background:rgba(232,151,0,.12) !important;
  color:var(--am-amber-deep) !important;
}

/* ---------- search + filter pills ---------- */
.search-box, .header-search-input.search-box{
  border:1px solid var(--am-line) !important;
  border-right:none !important;
  color:#22304A !important;
}
.search-box:focus{ border-color:var(--am-amber) !important; }
.header-search-btn{
  background:var(--am-grad) !important;
  color:#fff !important;
}
.filters-wrapper select{
  border:1px solid var(--am-line) !important;
  color:var(--am-navy) !important;
  box-shadow:0 3px 10px rgba(11,30,58,.07) !important;
}
/* base file ke icons -> amber */
#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='%23E89700' 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='%23E89700' 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='%23E89700' 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='%23E89700' 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){
  .sz-header .sz-search{ background:#fff !important; }
}

/* ============================================================
   SECTION HEADINGS — navy text, navy->amber underline
   ============================================================ */
.utf-section-headline-item h3.headline{
  color:var(--am-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(--am-navy) 0%,
      var(--am-navy) 42%,
      var(--am-amber-brite) 62%,
      var(--am-amber) 100%) !important;
}
.utf-section-headline-item h2 strong,
.utf-section-headline-item h2{ color:var(--am-navy) !important; }

/* ============================================================
   CARDS + BUTTONS — amber gradient pill
   ============================================================ */
.villa-card, .mobile-card{
  background:#fff !important;
  border:1px solid #EFEFEF !important;
  box-shadow:0 6px 18px rgba(11,30,58,.09) !important;
}
.mobile-card .mobile-card-title,
.utf-listing-content h4{ color:var(--am-ink) !important; }

.mobile-card .mobile-card-price,
.utf-listing-price{ color:var(--am-price) !important; font-weight:800 !important; }
.mobile-card .mobile-card-price.weekend{ color:var(--am-price) !important; }

.mobile-card .mobile-desc-btn,
button.button, a.button, .button, input[type="submit"].button{
  background:var(--am-grad) !important;
  color:#fff !important;
  border:none !important;
  border-radius:24px !important;
  font-weight:700 !important;
  box-shadow:0 4px 12px rgba(232,151,0,.32) !important;
}
.mobile-card .mobile-desc-btn:hover,
button.button:hover, a.button:hover, .button:hover{
  background:var(--am-grad-brite) !important;
  color:#fff !important;
}
a{ color:var(--am-amber-deep); }
a:hover{ color:var(--am-amber) !important; }

.mobile-desc{ color:#3B4A63 !important; }
.mobile-desc-close{ color:var(--am-amber-deep) !important; }

/* ============================================================
   SHARE CARD (1 BHK se upar) — white + amber border
   ============================================================ */
.sz-share-card{
  background:#fff !important;
  border:1.5px solid var(--am-amber-soft) !important;
  box-shadow:0 8px 22px rgba(11,30,58,.10) !important;
}
.sz-share-ico{
  border:2px solid var(--am-amber-soft) !important;
  color:var(--am-amber) !important;
}
.sz-share-title{ color:var(--am-ink) !important; }
.sz-share-text{ color:#4A5A74 !important; }
.sz-share-wa{
  background:var(--am-grad-brite) !important;
  color:var(--am-ink) !important;
  border:none !important;
  font-weight:800 !important;
}
.sz-share-wa:hover{
  background:var(--am-grad) !important;
  color:#fff !important;
  box-shadow:0 8px 20px rgba(232,151,0,.40) !important;
}

/* ============================================================
   FOOTER — navy, amber accents
   ============================================================ */
.sz-footer, #sz-footer{
  background:var(--am-navy) !important;
  border-top:4px solid var(--am-amber) !important;
}
.sz-footer-art{ color:#15294A !important; }
.sz-footer-divider{ background:#1B2E4D !important; }
.sz-footer-contact li{ border-bottom:1px solid #1B2E4D !important; }
.sz-trust{
  background:#081B33 !important;
  border-top:1.5px solid var(--am-amber) !important;
  border-bottom:1.5px solid var(--am-amber) !important;
}
.sz-trust-item{ border-left:1px solid #23375A !important; }
.sz-trust-item:first-child{ border-left:none !important; }
.sz-partner--dark{ background:#102342 !important; border:1px solid #23375A !important; }

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

/* slider dots — active amber */
.sv-dot.is-active{ background:var(--am-amber-brite) !important; }
.sv-arrow{
  background:linear-gradient(135deg, #103A6B 0%, #06182F 100%) !important;
  box-shadow:0 4px 12px rgba(11,30,58,.40) !important;
}
.sv-arrow:focus-visible{ outline-color:var(--am-amber) !important; }

/* sticky whatsapp button ka focus ring */
.wf-float:focus-visible{ outline-color:var(--am-amber) !important; }
.wf-label{ background:var(--am-navy) !important; }
.wf-label:after{ border-left-color:var(--am-navy) !important; }

/* footer navy hai aur logo ka "Ambe" bhi navy — isliye logo ke peeche
   white chip, warna aadha logo gayab dikhta hai */
.sz-footer-logo img{
  background:#FFFFFF !important;
  padding:10px 14px !important;
  border-radius:10px !important;
  box-shadow:0 4px 14px rgba(0,0,0,.25) !important;
}

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