@charset "utf-8";
/* Sera 2 Theme Overrides — Champagne Sand + Marina Blue */

/* ---------- Palette ---------- */
:root{
  --sera-sand:       #E8DCCF;   /* champagne sand */
  --sera-sand-light: #F4EEE6;   /* light sand */
  --sera-blue:       #1F5D73;   /* deep marina blue */
  --sera-blue-alt:   #2F6F86;   /* lighter marine */
  --sera-ink:        #0F1D22;   /* dark ink */
  --sera-gold:       #D6B57A;   /* golden accent */
}

/* ---------- Buttons ---------- */
.btn-primary{
  background: linear-gradient(135deg, var(--sera-blue), var(--sera-blue-alt)) !important;
  border: none !important;
  color:#fff !important;
}
.btn-primary a{ color:#fff !important; text-decoration:none; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
  background: linear-gradient(135deg, var(--sera-blue-alt), var(--sera-blue)) !important;
  color:#fff !important;
}

/* ---------- Header tagline overlay ---------- */
.h-b-tagline{
  background-color: rgba(15,29,34,0.55) !important;
  color:#fff;
}

/* ---------- Section Intros / Bands ---------- */
.sect2{
  background-image: linear-gradient(135deg, var(--sera-blue), var(--sera-sand)) !important;
  padding:60px 0;
}
.sect2 h2, .sect2 h3, .sect2 h4, .sect2 p{ color:#fff !important; }

/* Alternating content bands */
.wonderland{
  background-image: linear-gradient(90deg, var(--sera-sand) 0%, var(--sera-sand-light) 100%) !important;
}
.wonderland h2, .wonderland p{ color: var(--sera-ink) !important; }

.beachfront{
  background-image: linear-gradient(90deg, var(--sera-sand-light) 0%, var(--sera-sand) 100%) !important;
}
.beachfront h2, .beachfront p{ color: var(--sera-ink) !important; }

/* Subtle frames on content images */
.wonderland img,
.beachfront img,
.sect4 img, .sect5 img{
  border:2px solid rgba(31,93,115,0.08);
}

/* ---------- Key Investment (accent band) ---------- */
.key-feature{
  background-image: linear-gradient(135deg, var(--sera-blue) 0%, var(--sera-ink) 100%) !important;
}
.key-feature h2, .key-feature ul li{ color:#fff !important; }

/* ---------- Amenities / Light bands ---------- */
.sect6{
  background-image: linear-gradient(135deg, var(--sera-sand-light), #ffffff) !important;
}
.sect6 h2{ color: var(--sera-ink) !important; }

/* Payment Plan & Master Plan (light gradient) */
.payment-plan{
  background-image: linear-gradient(135deg, #ffffff, var(--sera-sand-light)) !important;
}
.payment-plan h2{ color: var(--sera-ink) !important; }

/* ---------- Gallery ---------- */
.gallry h2{ color: var(--sera-ink) !important; }

/* ---------- Footer ---------- */
.footer{
  background-image: linear-gradient(135deg, var(--sera-ink), var(--sera-blue)) !important;
  background-size: cover;
  background-position: center;
}
.footer .authtext,
.footer .copyrights{ color:#fff !important; }

/* ---------- Floating WhatsApp ---------- */
.float-whatsapp{
  position:fixed; width:60px; height:60px; bottom:20px; right:20px; z-index:1000; cursor:pointer;
}
.float-whatsapp img{
  width:100%; height:auto; display:block; border-radius:50%;
  box-shadow:0 4px 10px rgba(0,0,0,0.25); transition:transform .2s;
}
.float-whatsapp img:hover{ transform:scale(1.1); }

/* ---------- Full-width video helper (no overlay) ---------- */
.full-width-video{ position:relative; width:100%; overflow:hidden; background:#000; }
.full-width-video video{ width:100%; height:auto; display:block; object-fit:cover; }