/* ==========================================================================
   THE ADDRESS - REFINED LUXURY GLASS THEME
   Features:
   - Dynamic Festive Switch (Navratri on/off)
   - Generous breathing room after Contact form
   - Perfectly padded stats count boxes
   - Conflict-free integration with original styles
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --glass-bg: rgba(18, 24, 38, 0.72);
  --glass-bg-subtle: rgba(255, 255, 255, 0.05);
  --glass-border: rgba(255, 255, 255, 0.12);
  --glass-border-gold: rgba(223, 183, 108, 0.4);
  --gold-primary: #dfb76c;
  --gold-light: #fbe6be;
  --gold-gradient: linear-gradient(135deg, #fbe6be 0%, #dfb76c 50%, #b8862d 100%);
  --gold-shadow: 0 8px 25px rgba(223, 183, 108, 0.35);
  --festive-border: rgba(255, 153, 51, 0.35);
}

/* Base Body with Dynamic Theme Background */
body {
  background-color: #0d111a !important;
  color: rgba(255, 255, 255, 0.8) !important;
  font-family: 'Plus Jakarta Sans', 'Didact Gothic', sans-serif !important;
  background-attachment: fixed !important;
}

/* Background when Navratri Mode is ON */
body.festive-theme {
  background-image: 
    radial-gradient(circle at 15% 15%, rgba(223, 183, 108, 0.07) 0%, transparent 40%),
    radial-gradient(circle at 85% 35%, rgba(59, 130, 246, 0.06) 0%, transparent 45%),
    radial-gradient(circle at 30% 70%, rgba(223, 183, 108, 0.06) 0%, transparent 40%),
    radial-gradient(circle at 80% 85%, rgba(234, 88, 12, 0.07) 0%, transparent 45%) !important;
}

/* Background when in Normal Glass Mode (Navratri OFF) */
body.pure-glass-theme {
  background-image: 
    radial-gradient(circle at 15% 15%, rgba(223, 183, 108, 0.07) 0%, transparent 40%),
    radial-gradient(circle at 85% 35%, rgba(59, 130, 246, 0.06) 0%, transparent 45%),
    radial-gradient(circle at 50% 75%, rgba(223, 183, 108, 0.06) 0%, transparent 40%) !important;
}

/* Headings font enhancement */
.section-title, .tower-title, .loader-title, .festival-title {
  font-family: 'Cinzel', 'Oswald', serif !important;
  letter-spacing: 2px !important;
}

.section-title span, .tower-title span, .festival-title span {
  background: var(--gold-gradient) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Navbar Menu Glass Pill */
.ul-round {
  background: rgba(14, 18, 27, 0.82) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
  padding: 4px 10px !important;
  border-radius: 30px !important;
}

.navbar .navbar-nav .nav-link {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  letter-spacing: 2.5px !important;
  padding: 8px 14px !important;
  border-radius: 20px !important;
  transition: all 0.3s ease !important;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
  color: var(--gold-light) !important;
  background: rgba(223, 183, 108, 0.15) !important;
  border: 1px solid rgba(223, 183, 108, 0.3) !important;
}

/* Master Hero Titles */
.master-hero-heading {
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  display: contents !important;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.master-primary {
  color: #ffffff !important;
  text-shadow: 0 4px 25px rgba(0, 0, 0, 0.9) !important;
  font-family: 'Cinzel', 'Lora', serif !important;
  font-weight: 700 !important;
  letter-spacing: 12px !important;
}

.master-secondary {
  background: var(--gold-gradient) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-family: 'Cinzel', 'Lora', serif !important;
  font-weight: 600 !important;
  letter-spacing: 10px !important;
  text-shadow: none !important;
}

.master-overlay {
  background: linear-gradient(180deg, rgba(10, 14, 23, 0.35) 0%, rgba(13, 17, 26, 0.8) 100%) !important;
}

/* ==========================================================================
   NAVRATRI FESTIVAL GREETING BANNER COMPONENT
   ========================================================================== */
.festival-banner-section {
  padding: 40px 0 60px 0;
  position: relative;
  z-index: 5;
}

.festival-banner-card {
  background: linear-gradient(135deg, rgba(24, 20, 26, 0.78) 0%, rgba(18, 24, 38, 0.82) 50%, rgba(28, 22, 18, 0.78) 100%);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid var(--festive-border);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6), 0 0 40px rgba(255, 153, 51, 0.15);
  border-radius: 24px;
  padding: 40px;
}

.festival-badge {
  display: inline-flex;
  align-items: center;
  background: linear-gradient(90deg, rgba(255, 119, 51, 0.2) 0%, rgba(223, 183, 108, 0.2) 100%);
  border: 1px solid rgba(255, 153, 51, 0.45);
  color: #ffb366;
  padding: 6px 18px;
  border-radius: 30px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.festival-title {
  font-size: 38px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
  line-height: 1.25;
}

.festival-subtitle {
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 25px;
}

.festival-info-pills {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 25px;
}

.festival-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 16px;
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
}

.festival-pill .pill-icon {
  font-size: 16px;
}

/* Expand Button Placed towards the Right */
.festival-btn-wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}

.btn-expand-banner {
  background: var(--gold-gradient);
  color: #1a1405;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 12px 28px;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  box-shadow: var(--gold-shadow);
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn-expand-banner:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(223, 183, 108, 0.55);
  color: #000;
}

.festival-banner-wrap {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  border-radius: 18px;
  overflow: hidden;
  border: 2px solid rgba(255, 153, 51, 0.35);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7), 0 0 35px rgba(255, 153, 51, 0.2);
  cursor: pointer;
  transition: all 0.4s ease;
}

.festival-banner-wrap:hover {
  transform: scale(1.02);
  border-color: rgba(255, 183, 77, 0.65);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8), 0 0 50px rgba(255, 153, 51, 0.35);
}

.festival-banner-thumb {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
}

.festival-banner-wrap:hover .festival-banner-thumb {
  transform: scale(1.03);
}

/* Badge placed towards bottom-right */
.festival-zoom-badge {
  position: absolute;
  bottom: 18px;
  right: 18px;
  background: rgba(14, 18, 27, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border-gold);
  color: #fff;
  padding: 8px 18px;
  border-radius: 25px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.5px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6), 0 0 15px rgba(223, 183, 108, 0.3);
  cursor: pointer;
  transition: all 0.3s ease;
}

.festival-zoom-badge:hover {
  background: var(--gold-primary);
  color: #000;
  transform: scale(1.05);
}

.festival-thumb-caption {
  display: flex;
  justify-content: flex-end;
  max-width: 400px;
  margin: 12px auto 0 auto;
}

.btn-expand-inline {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(223, 183, 108, 0.4);
  color: var(--gold-light);
  font-size: 12.5px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.25s ease;
}

.btn-expand-inline:hover {
  background: var(--gold-gradient);
  color: #000;
}

/* Lightbox Modal for Banner */
.festival-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(6, 9, 15, 0.88);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: 99999;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.festival-modal.show {
  display: flex;
}

.festival-modal-dialog {
  max-width: 600px;
  max-height: 92vh;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.9), 0 0 50px rgba(255, 153, 51, 0.3);
  border: 2px solid rgba(255, 153, 51, 0.4);
  background: #0a0e17;
}

.festival-modal-dialog img {
  max-width: 100%;
  max-height: 90vh;
  display: block;
}

.festival-modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: rgba(14, 18, 27, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.2s ease;
  z-index: 10;
}

.festival-modal-close:hover {
  background: #e65100;
  transform: scale(1.1);
}

/* ==========================================================================
   ABOUT SECTION GLASS CARDS
   ========================================================================== */
#about p {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 15.5px !important;
  line-height: 1.8 !important;
}

.land-mark-title {
  color: var(--gold-light) !important;
  font-size: 26px !important;
}

.land-mark-line {
  border-color: rgba(223, 183, 108, 0.3) !important;
}

/* ==========================================================================
   THE ESTATE IN NUMBERS (COUNTER PODS WITH PROPER PADDING & CONTAINER)
   ========================================================================== */
.loader-4 {
  padding-top: 65px !important;
  padding-bottom: 85px !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

#projectFacts {
  max-width: 1200px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

.projectFactsWrap {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  margin-top: 40px !important;
  padding: 0 !important;
  justify-content: center !important;
  width: 100% !important;
}

.projectFactsWrap .item {
  flex: 1 1 calc(25% - 24px) !important;
  max-width: calc(25% - 24px) !important;
  min-width: 220px !important;
  padding: 50px 30px !important;
  margin: 0 !important;
  background: var(--glass-bg) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 20px !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.45) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  transition: all 0.35s ease !important;
  box-sizing: border-box !important;
}

.projectFactsWrap .item:hover {
  border-color: var(--glass-border-gold) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 30px rgba(223, 183, 108, 0.25) !important;
  transform: translateY(-5px) !important;
}

.projectFactsWrap .item i {
  font-size: 38px !important;
  color: var(--gold-primary) !important;
  margin-bottom: 12px !important;
  display: inline-block !important;
}

.projectFactsWrap .item p.number {
  font-family: 'Cinzel', serif !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  margin: 8px 0 !important;
  line-height: 1.15 !important;
  padding: 0 !important;
  background: var(--gold-gradient) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.projectFactsWrap .item span {
  width: 44px !important;
  height: 2px !important;
  background: var(--gold-gradient) !important;
  border-radius: 2px !important;
  margin: 14px auto !important;
  display: block !important;
}

.projectFactsWrap .item p:not(.number) {
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

@media (max-width: 991px) {
  .projectFactsWrap .item {
    flex: 1 1 calc(50% - 20px) !important;
    max-width: calc(50% - 20px) !important;
    padding: 40px 20px !important;
  }
}

@media (max-width: 576px) {
  .projectFactsWrap .item {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    padding: 35px 15px !important;
  }
}

.headerLine {
  background: var(--gold-gradient) !important;
}

/* ==========================================================================
   PROJECTS SECTION (PLATINUM, GOLD, SILVER TOWERS)
   ========================================================================== */
.common-features {
  color: var(--gold-light) !important;
  font-size: 20px !important;
}

.common-features-box {
  background: var(--glass-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  padding: 25px 30px;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.common-features-box ul {
  padding-left: 0;
  margin-bottom: 0;
}

.common-features-box ul li {
  color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  line-height: 1.8;
}

.platinum-box img, .gold-box img, .silver-box img {
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6) !important;
}

.about-buro {
  background: rgba(14, 18, 27, 0.85) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid var(--glass-border-gold) !important;
  color: var(--gold-light) !important;
  border-radius: 20px !important;
}

/* ==========================================================================
   GALLERY SLIDER
   ========================================================================== */
.slider-gallery {
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
}

/* ==========================================================================
   BROCHURE BUTTONS & LOCATION LINK
   ========================================================================== */
#brouchbutton, #brouchbutton2 {
  background: var(--gold-gradient) !important;
  color: #1a1405 !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  border-radius: 30px !important;
  border: none !important;
  box-shadow: var(--gold-shadow) !important;
  transition: all 0.3s ease !important;
}

#brouchbutton:hover, #brouchbutton2:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 12px 35px rgba(223, 183, 108, 0.55) !important;
  color: #000 !important;
}

.location-link {
  background: var(--gold-gradient) !important;
  color: #1a1405 !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  border-radius: 25px !important;
  box-shadow: 0 6px 20px rgba(223, 183, 108, 0.3) !important;
}

.location-link:hover {
  color: #000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 25px rgba(223, 183, 108, 0.5) !important;
}

/* ==========================================================================
   CONTACT SECTION WITH PROPER BOTTOM PADDING
   ========================================================================== */
.contact-box, #contact {
  padding-bottom: 120px !important;
  margin-bottom: 30px !important;
}

.contact-box .row:last-child {
  margin-bottom: 40px !important;
}

.form-box {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
  padding: 38px 28px 40px 28px !important;
  margin-bottom: 35px !important;
}

.form-box input[type="text"],
.form-box input[type="email"],
.form-box textarea,
.popupform2 input[type="text"],
.popupform2 input[type="email"],
.popupform2 textarea {
  background: rgba(10, 14, 23, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15px !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  margin-bottom: 15px !important;
}

.form-box input:focus,
.form-box textarea:focus,
.popupform2 input:focus,
.popupform2 textarea:focus {
  border-color: var(--gold-primary) !important;
  box-shadow: 0 0 15px rgba(223, 183, 108, 0.3) !important;
}

.form-box input[type="submit"],
#downloadbtn {
  background: var(--gold-gradient) !important;
  color: #1a1405 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  border-radius: 25px !important;
  border: none !important;
  padding: 13px 20px !important;
  cursor: pointer !important;
  box-shadow: var(--gold-shadow) !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.form-box input[type="submit"]:hover,
#downloadbtn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(223, 183, 108, 0.55) !important;
  color: #000 !important;
}

/* ==========================================================================
   BROCHURE POPUP DIALOG - LIGHTER GLASS EFFECT & MODERN CLOSE BUTTON
   ========================================================================== */
.popupform {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  /* Lighter glass backdrop: translucent subtle dark tint so the page background remains clearly visible */
  background: rgba(10, 16, 26, 0.42) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  justify-content: center !important;
  align-items: center !important;
  z-index: 9999 !important;
  transition: opacity 0.3s ease !important;
}

.popupform2 {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  background: rgba(18, 24, 38, 0.88) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(223, 183, 108, 0.4) !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 35px rgba(223, 183, 108, 0.15) !important;
  padding: 34px 26px 26px 26px !important;
  max-width: 380px !important;
  width: 90% !important;
  box-sizing: border-box !important;
  animation: popupFadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes popupFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Modal Header inside Brochure Form */
.popupform-head {
  width: 100% !important;
  margin-bottom: 18px !important;
  text-align: left !important;
  padding-right: 36px !important;
  box-sizing: border-box !important;
}

.popupform-title {
  font-family: 'Oswald', sans-serif !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  letter-spacing: 1px !important;
  margin: 0 0 4px 0 !important;
  text-transform: uppercase !important;
}

.popupform-subtitle {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.72) !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* Modern Glass Close Button */
#cancelbtn {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  font-family: Arial, sans-serif !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  transition: all 0.25s ease !important;
  z-index: 10 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

#cancelbtn:hover {
  background: rgba(223, 183, 108, 0.25) !important;
  border-color: var(--gold-primary) !important;
  color: var(--gold-primary) !important;
  transform: rotate(90deg) scale(1.1) !important;
}

/* ==========================================================================
   FLOATING FESTIVE TOGGLE BUTTON (1-CLICK ON/OFF)
   ========================================================================== */
.festive-toggle-floater {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 99999;
}

.festive-floater-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(14, 18, 27, 0.92);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 8px 16px;
  border-radius: 30px;
  font-size: 12.5px;
  font-weight: 600;
  color: #fff;
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.65);
  transition: all 0.3s ease;
}

.festive-floater-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.85);
  color: #fff;
}

.festive-floater-link.active {
  border-color: rgba(255, 153, 51, 0.6);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 0 25px rgba(255, 153, 51, 0.35);
  color: #ffb366;
}

.festive-floater-link.active .floater-dot {
  background: #ff9800;
  box-shadow: 0 0 10px #ff9800;
}

.festive-floater-link.inactive {
  border-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.6);
}

.festive-floater-link.inactive .floater-dot {
  background: #71717a;
}

.floater-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: inline-block;
}

.floater-pill {
  background: rgba(255, 255, 255, 0.12);
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.festive-floater-link.active .floater-pill {
  background: rgba(255, 153, 51, 0.25);
  color: #ffb366;
}

.footer-admin-link {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 13px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  padding: 5px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: inline-block;
}

.footer-admin-link:hover {
  color: var(--gold-light) !important;
  border-color: var(--glass-border-gold) !important;
  background: rgba(223, 183, 108, 0.12);
}

@media (max-width: 768px) {
  .festival-title {
    font-size: 28px;
  }
  .festival-banner-card {
    padding: 25px 20px;
  }
  .festival-btn-wrap {
    justify-content: center;
  }
  .festive-toggle-floater {
    bottom: 15px;
    left: 15px;
  }
}

/* ==========================================================================
   BRAND LOGO OUTER LAYER POD (PRESERVES 100% ORIGINAL LOGO COLORS)
   ========================================================================== */
.navbar .logo-wrapper,
.nav-scroll .logo-wrapper {
  background: transparent !important;
  padding: 10px 24px !important;
  display: flex !important;
  align-items: center !important;
}

.logo-pod {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  padding: 7px 18px !important;
  border-radius: 14px !important;
  border: 1.5px solid rgba(223, 183, 108, 0.6) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.55), 0 0 16px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.3s ease !important;
}

.logo-pod:hover {
  background: #ffffff !important;
  border-color: #dfb76c !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), 0 0 25px rgba(223, 183, 108, 0.45) !important;
  transform: translateY(-1px) !important;
}

.logo-img {
  width: 130px !important;
  height: auto !important;
  max-height: 46px !important;
  object-fit: contain !important;
  display: block !important;
  filter: none !important; /* Preserves 100% authentic original logo colors */
}

.nav-scroll .logo-pod {
  padding: 5px 14px !important;
  border-radius: 12px !important;
}

.nav-scroll .logo-img {
  width: 112px !important;
  max-height: 38px !important;
}

.preloader-logo-pod {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.96) !important;
  padding: 18px 30px !important;
  border-radius: 20px !important;
  border: 2px solid var(--glass-border-gold) !important;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.7), 0 0 35px rgba(223, 183, 108, 0.4) !important;
}

.preloader-logo-pod img {
  width: 180px !important;
  max-width: 75vw !important;
  height: auto !important;
  display: block !important;
  filter: none !important;
}

/* ==========================================================================
   GALLERY SLIDER PREVIOUS & NEXT BUTTONS (CLEAR GLASS & GOLD CONTRAST)
   ========================================================================== */
.directional_nav {
  pointer-events: none !important;
}

.previous_btn, .next_btn {
  pointer-events: auto !important;
  background: rgba(14, 20, 32, 0.88) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1.5px solid var(--glass-border-gold) !important;
  border-radius: 50% !important;
  width: 62px !important;
  height: 62px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.75), 0 0 20px rgba(223, 183, 108, 0.3) !important;
  opacity: 0.95 !important;
  cursor: pointer !important;
  transition: all 0.35s ease !important;
  z-index: 100 !important;
}

.previous_btn {
  left: 25px !important;
}

.next_btn {
  right: 25px !important;
}

.previous_btn svg, .next_btn svg {
  width: 36px !important;
  height: 36px !important;
  display: block !important;
  transition: transform 0.3s ease !important;
}

.previous_btn svg path, .next_btn svg path {
  fill: #dfb76c !important; /* Luxury Gold */
  transition: fill 0.3s ease !important;
}

.previous_btn:hover, .next_btn:hover {
  opacity: 1 !important;
  background: linear-gradient(135deg, rgba(223, 183, 108, 0.4) 0%, rgba(18, 24, 38, 0.95) 100%) !important;
  border-color: #fbe6be !important;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.9), 0 0 35px rgba(223, 183, 108, 0.65) !important;
  transform: scale(1.12) !important;
}

.previous_btn:hover svg path, .next_btn:hover svg path {
  fill: #ffffff !important;
}

@media only screen and (max-width: 767px) {
  .previous_btn {
    left: 10px !important;
    width: 48px !important;
    height: 48px !important;
  }
  .next_btn {
    right: 10px !important;
    width: 48px !important;
    height: 48px !important;
  }
  .previous_btn svg, .next_btn svg {
    width: 26px !important;
    height: 26px !important;
  }
}