/* ==========================================================================
   design56 — MASTER COLOR THEME OVERRIDE
   Palette: Deep Purple #22003D · Hot Pink #FF2D78 · White #FFFFFF
   ========================================================================== */

/* ── GLOBAL CSS VARIABLE OVERRIDES ────────────────────────────────────────── */
:root {
  /* Core palette */
  --color-dark:        #FFFFFF;
  --color-accent:      #FF2D78;
  --color-accent-hover:#e0255e;
  --color-light-pink:  rgba(255, 45, 120, 0.18);
  --color-bg-soft:     #22003D;
  --color-muted:       rgba(255, 255, 255, 0.65);
  --color-white:       #FFFFFF;
  --color-gray-light:  rgba(255, 255, 255, 0.08);
  --color-border:      rgba(255, 255, 255, 0.12);

  /* Footer-scoped variables */
  --vl-dark-navy:      #22003D;
  --vl-primary-pink:   #FF2D78;
  --vl-soft-pink:      rgba(255, 45, 120, 0.18);
  --vl-newsletter-bg:  rgba(255, 45, 120, 0.08);
  --vl-white:          #FFFFFF;
  --vl-muted-gray:     rgba(255, 255, 255, 0.65);
  --vl-dark-footer:    #17002A;
  --vl-dark-footer-text: #E8D0F4;
  --vl-dark-footer-sub:  rgba(255, 255, 255, 0.5);
  --vl-border-light:   rgba(255, 255, 255, 0.10);
  --vl-font-serif:     'Playfair Display', Georgia, serif;
  --vl-font-sans:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* How-it-works / worldwide scoped */
  --vl-dark:      #FFFFFF;
  --vl-pink:      #FF2D78;
  --vl-light-pink: rgba(255, 45, 120, 0.18);
  --vl-very-light-pink: rgba(255, 45, 120, 0.10);
  --vl-bg:        #22003D;
  --vl-muted:     rgba(255, 255, 255, 0.60);
  --vl-map-pink:  rgba(255, 45, 120, 0.25);
  --vl-pink-dark: #e0255e;
  --vl-pink-light: rgba(255, 45, 120, 0.14);
  --vl-pink-border: rgba(255, 45, 120, 0.30);
  --vl-border:    rgba(255, 255, 255, 0.12);
  --vl-dark-val:  #15212d;
  --vl-text-2:    rgba(255, 255, 255, 0.75);
  --vl-bg-soft:   #2E0055;
  --vl-map-pink:  rgba(255, 45, 120, 0.2);
}

/* ── BODY & BASE ─────────────────────────────────────────────────────────── */
body {
  background-color: #22003D !important;
  color: #FFFFFF !important;
}

/* ── NAVBAR ──────────────────────────────────────────────────────────────── */
.site-header {
  background-color: #1A002E !important;
  border-bottom-color: rgba(255, 45, 120, 0.25) !important;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4) !important;
}

.logo-title .velvet { color: #FFFFFF !important; }
.logo-title .list   { color: #FF2D78 !important; }
.logo-subtitle      { color: rgba(255, 255, 255, 0.55) !important; }

.logo-icon-wrapper svg,
.logo-icon-wrapper i { color: #FF2D78 !important; }

.header-search-bar {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: transparent !important;
}
.header-search-bar:focus-within {
  background-color: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 45, 120, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(255, 45, 120, 0.12) !important;
}
.header-search-bar i { color: rgba(255, 255, 255, 0.4) !important; }
.header-search-bar input { color: #FFFFFF !important; }
.header-search-bar input::placeholder { color: rgba(255, 255, 255, 0.4) !important; }

.action-link-mylist,
.action-link-mylist i { color: #FFFFFF !important; }
.action-link-mylist:hover,
.action-link-mylist:hover i { color: #FF2D78 !important; }

.btn-whatsapp-now {
  background-color: #FF2D78 !important;
  box-shadow: 0 4px 14px rgba(255, 45, 120, 0.35) !important;
}
.btn-whatsapp-now:hover {
  background-color: #e0255e !important;
  box-shadow: 0 6px 18px rgba(255, 45, 120, 0.5) !important;
}

.header-nav-row {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

.nav-link { color: rgba(255, 255, 255, 0.85) !important; }
.nav-link:hover { color: #FF2D78 !important; }
.nav-item.active .nav-link { color: #FF2D78 !important; }
.nav-item.active .nav-link::after { background-color: #FF2D78 !important; }

.mobile-nav-toggle {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #FFFFFF !important;
}
.mobile-nav-toggle:hover {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
}

.mobile-menu-drawer {
  background-color: #1A002E !important;
  border-left-color: rgba(255, 45, 120, 0.3) !important;
}

/* ── HERO SECTION ────────────────────────────────────────────────────────── */
.hero-section {
  background-color: #22003D !important;
  background: linear-gradient(180deg, #22003D 0%, #2E0055 100%) !important;
}

.hero-badge-pill {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
}

.hero-main-title { color: #FFFFFF !important; }
.hero-main-title .highlight-pink { color: #FF2D78 !important; }
.hero-subtitle { color: rgba(255, 255, 255, 0.65) !important; }

/* Hero Search Box */
.hero-search-box {
  background-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.3) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
.filter-item:not(:last-child) {
  border-right-color: rgba(255, 255, 255, 0.12) !important;
}
.filter-icon { color: #FF2D78 !important; }
.filter-label { color: #FFFFFF !important; }
.filter-arrow { color: rgba(255, 255, 255, 0.4) !important; }
.filter-toggle:hover .filter-arrow { color: #FF2D78 !important; }

.filter-dropdown-menu {
  background: #2E0055 !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}
.dropdown-option { color: rgba(255, 255, 255, 0.80) !important; }
.dropdown-option:hover {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
}

.btn-hero-search {
  background-color: #FF2D78 !important;
  box-shadow: 0 4px 14px rgba(255, 45, 120, 0.4) !important;
}
.btn-hero-search:hover {
  background-color: #e0255e !important;
  box-shadow: 0 6px 20px rgba(255, 45, 120, 0.55) !important;
}

/* Popular Cities */
.popular-cities-label { color: rgba(255, 255, 255, 0.55) !important; }
.city-pill {
  color: rgba(255, 255, 255, 0.75) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
}
.city-pill:hover {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
}

/* Trust Features */
.trust-icon-box {
  background-color: rgba(255, 45, 120, 0.15) !important;
}
.trust-icon-box i { color: #FF2D78 !important; }
.trust-title { color: #FFFFFF !important; }
.trust-desc  { color: rgba(255, 255, 255, 0.60) !important; }

/* Hero decorative - pink circle → purple */
.hero-bg-pink-circle {
  background: radial-gradient(circle, rgba(255, 45, 120, 0.15) 0%, rgba(46, 0, 85, 0.3) 75%, transparent 100%) !important;
}
.hero-dotted-grid span {
  background-color: rgba(255, 45, 120, 0.4) !important;
}
.hero-pink-sparks svg { stroke: #FF2D78 !important; }

/* Hero floating cards */
.active-profiles-card,
.floating-photo-card-1,
.floating-photo-card-2 {
  background: #2E0055 !important;
  border-color: rgba(255, 45, 120, 0.25) !important;
}
.active-count-text { color: #FFFFFF !important; }
.active-label-text { color: rgba(255, 255, 255, 0.60) !important; }
.avatar-plus-btn {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
}

/* ── SECTION PROFILES (homepage) ─────────────────────────────────────────── */
.section-profiles {
  background-color: #1A002E !important;
}
.section-subtitle-pill {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
}
.section-title { color: #FFFFFF !important; }

.profile-card {
  background-color: #2E0055 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
  color: #FFFFFF !important;
}
.profile-card:hover {
  box-shadow: 0 14px 30px rgba(255, 45, 120, 0.22) !important;
  border-color: rgba(255, 45, 120, 0.35) !important;
}
.profile-name { color: #FFFFFF !important; }
.profile-age  { color: rgba(255, 255, 255, 0.55) !important; }
.profile-meta-row { color: rgba(255, 255, 255, 0.55) !important; }
.profile-meta-row i { color: #FF2D78 !important; }

.badge-favorite-icon {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #FFFFFF !important;
}
.badge-favorite-icon:hover {
  background: #FF2D78 !important;
}

/* ── FEATURED PROFILES SECTION ───────────────────────────────────────────── */
.featured-profiles-section {
  background-color: #22003D !important;
}
.decor-bg-heart {
  background: radial-gradient(circle, rgba(255, 45, 120, 0.12) 0%, transparent 70%) !important;
}
.decor-soft-blob-left,
.decor-soft-blob-right {
  background: radial-gradient(circle, rgba(255, 45, 120, 0.08) 0%, transparent 70%) !important;
}

.featured-badge-pill {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
}
.featured-main-title { color: #FFFFFF !important; }
.featured-main-title .highlight-pink { color: #FF2D78 !important; }
.featured-description { color: rgba(255, 255, 255, 0.65) !important; }

.btn-view-all-profiles {
  background-color: #FF2D78 !important;
  box-shadow: 0 4px 14px rgba(255, 45, 120, 0.35) !important;
}
.btn-view-all-profiles:hover {
  background-color: #e0255e !important;
  box-shadow: 0 6px 18px rgba(255, 45, 120, 0.50) !important;
}

.benefit-card {
  background-color: #2E0055 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
}
.benefit-card:hover {
  box-shadow: 0 10px 22px rgba(255, 45, 120, 0.18) !important;
}
.benefit-icon-circle {
  background-color: rgba(255, 45, 120, 0.15) !important;
  color: #FF2D78 !important;
}
.benefit-title { color: #FFFFFF !important; }
.benefit-sub   { color: rgba(255, 255, 255, 0.55) !important; }

/* Carousel nav */
.carousel-nav-btn {
  background-color: #2E0055 !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 45, 120, 0.45) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.25s ease !important;
}
.carousel-nav-btn:hover {
  background-color: #FF2D78 !important;
  border-color: #FF2D78 !important;
  box-shadow: 0 8px 20px rgba(255, 45, 120, 0.45) !important;
}

/* Profile item cards (carousel) */
.profile-item-card {
  background-color: #2E0055 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}
.profile-item-card:hover {
  box-shadow: 0 14px 30px rgba(255, 45, 120, 0.22) !important;
}
.status-badge {
  background-color: rgba(46, 0, 85, 0.9) !important;
  color: #FFFFFF !important;
}
.status-online, .status-available, .status-new { color: #FFFFFF !important; }
.dot-pink { background-color: #FF2D78 !important; box-shadow: 0 0 6px rgba(255,45,120,0.7) !important; }

.favorite-heart-btn {
  background-color: rgba(46, 0, 85, 0.85) !important;
  color: #FF2D78 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}
.favorite-heart-btn:hover {
  background-color: rgba(255, 45, 120, 0.20) !important;
}
.favorite-heart-btn.is-active {
  background-color: #FF2D78 !important;
  color: #FFFFFF !important;
}

.profile-item-name     { color: #FFFFFF !important; }
.profile-item-location { color: rgba(255, 255, 255, 0.60) !important; }
.profile-item-location i { color: #FF2D78 !important; }
.profile-tag {
  background-color: rgba(255, 45, 120, 0.14) !important;
  color: #FF9BBD !important;
}

.btn-card-chat {
  background-color: transparent !important;
  border-color: #FF2D78 !important;
  color: #FF2D78 !important;
}
.btn-card-chat:hover {
  background-color: rgba(255, 45, 120, 0.15) !important;
}
.btn-card-whatsapp {
  background-color: #FF2D78 !important;
  box-shadow: 0 2px 8px rgba(255, 45, 120, 0.35) !important;
}
.btn-card-whatsapp:hover {
  background-color: #e0255e !important;
  box-shadow: 0 4px 12px rgba(255, 45, 120, 0.50) !important;
}

/* Promotional banner bar */
.promotional-banner-bar {
  background-color: rgba(255, 45, 120, 0.10) !important;
  border-color: rgba(255, 45, 120, 0.20) !important;
}
.promo-icon-gift {
  background-color: rgba(46, 0, 85, 0.8) !important;
  color: #FF2D78 !important;
  box-shadow: 0 4px 12px rgba(255, 45, 120, 0.25) !important;
}
.promo-title   { color: #FFFFFF !important; }
.promo-subtitle { color: rgba(255, 255, 255, 0.60) !important; }
.promo-benefit-icon { color: #FF2D78 !important; }
.promo-benefit-title { color: #FFFFFF !important; }
.promo-benefit-sub   { color: rgba(255, 255, 255, 0.60) !important; }
.promo-divider { background-color: rgba(255, 45, 120, 0.25) !important; }

.btn-explore-all-promo {
  background-color: #FF2D78 !important;
  box-shadow: 0 4px 14px rgba(255, 45, 120, 0.35) !important;
}
.btn-explore-all-promo:hover {
  background-color: #e0255e !important;
  box-shadow: 0 6px 18px rgba(255, 45, 120, 0.50) !important;
}

/* ── HOW IT WORKS SECTION ────────────────────────────────────────────────── */
.how-it-works-section {
  background-color: #1A002E !important;
}
.how-bg-blob-left,
.how-bg-blob-right {
  background: radial-gradient(circle, rgba(255, 45, 120, 0.10) 0%, transparent 70%) !important;
}

.how-badge-pill {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
}
.how-main-title { color: #FFFFFF !important; }
.how-main-title .highlight-pink { color: #FF2D78 !important; }
.how-description { color: rgba(255, 255, 255, 0.65) !important; }

.how-step-card {
  background-color: #2E0055 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
}
.how-step-card:hover {
  box-shadow: 0 10px 22px rgba(255, 45, 120, 0.18) !important;
}
.step-number-circle {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
}
.step-icon-circle {
  background-color: rgba(255, 45, 120, 0.12) !important;
  color: #FF2D78 !important;
}
.step-title { color: #FFFFFF !important; }
.step-desc  { color: rgba(255, 255, 255, 0.60) !important; }

.btn-start-exploring {
  background-color: #FF2D78 !important;
  box-shadow: 0 4px 14px rgba(255, 45, 120, 0.35) !important;
}
.btn-start-exploring:hover {
  background-color: #e0255e !important;
  box-shadow: 0 6px 18px rgba(255, 45, 120, 0.50) !important;
}

/* Stats Card */
.how-stats-card {
  background-color: #2E0055 !important;
  border-color: rgba(255, 45, 120, 0.20) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}
.stats-privacy-block {
  background-color: rgba(255, 45, 120, 0.10) !important;
}
.privacy-icon-box {
  background-color: #22003D !important;
  color: #FF2D78 !important;
  box-shadow: 0 2px 6px rgba(255, 45, 120, 0.20) !important;
}
.privacy-text strong { color: #FFFFFF !important; }
.privacy-text span   { color: rgba(255, 255, 255, 0.60) !important; }

.stat-icon-circle {
  background-color: #22003D !important;
  border-color: rgba(255, 45, 120, 0.25) !important;
  color: #FF2D78 !important;
}
.stat-number { color: #FFFFFF !important; }
.stat-label  { color: rgba(255, 255, 255, 0.60) !important; }

.stats-premium-box {
  background-color: rgba(255, 45, 120, 0.14) !important;
}
.premium-icon-box { color: #FF2D78 !important; }
.premium-title { color: #FF2D78 !important; }
.premium-sub   { color: rgba(255, 255, 255, 0.60) !important; }

/* Trust Strip */
.how-trust-strip {
  background-color: #2E0055 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}
.trust-strip-icon { color: #FF2D78 !important; }
.trust-strip-title { color: #FFFFFF !important; }
.trust-strip-sub   { color: rgba(255, 255, 255, 0.60) !important; }
.trust-strip-divider { background-color: rgba(255, 45, 120, 0.25) !important; }
.handwritten-text { color: rgba(255, 255, 255, 0.60) !important; }
.trust-heart-icon { color: #FF2D78 !important; }

/* ── WORLDWIDE / LOCATIONS SECTION ───────────────────────────────────────── */
.vl-worldwide {
  background-color: #22003D !important;
}
.vl-worldwide__bg-blob-left,
.vl-worldwide__bg-blob-right {
  background: radial-gradient(circle, rgba(255, 45, 120, 0.10) 0%, transparent 70%) !important;
}

.vl-worldwide__eyebrow {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
}
.vl-worldwide__title { color: #FFFFFF !important; }
.vl-worldwide__title .highlight-pink { color: #FF2D78 !important; }
.vl-worldwide__desc  { color: rgba(255, 255, 255, 0.65) !important; }

.marker-pill {
  background-color: #2E0055 !important;
  color: #FFFFFF !important;
}
.vl-worldwide__marker:hover .marker-pill {
  background-color: #FF2D78 !important;
  color: #FFFFFF !important;
}
.marker-thumb-wrapper {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.marker-dot { background-color: #FF2D78 !important; }

@keyframes markerPulse {
  0%   { box-shadow: 0 0 0 0 rgba(255, 45, 120, 0.5); }
  70%  { box-shadow: 0 0 0 8px rgba(255, 45, 120, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 45, 120, 0); }
}

/* ── CATEGORY LISTING SECTION ────────────────────────────────────────────── */
.vl-category {
  background: #22003D !important;
}

.vl-category__pill {
  background: rgba(255, 45, 120, 0.12) !important;
  border-color: rgba(255, 45, 120, 0.25) !important;
  color: rgba(255, 255, 255, 0.80) !important;
}
.vl-category__pill--all {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.80) !important;
}
.vl-category__pill--active {
  background: rgba(255, 255, 255, 0.10) !important;
  border-color: #FF2D78 !important;
  color: #FF2D78 !important;
}
.vl-category__pill--all.vl-category__pill--active {
  background: #FF2D78 !important;
  color: #FFFFFF !important;
  border-color: #FF2D78 !important;
}
.vl-category__pill:hover {
  border-color: #FF2D78 !important;
  color: #FF2D78 !important;
}
.vl-category__pill--more {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.vl-category__more-dropdown {
  background: #2E0055 !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}
.vl-category__more-item { color: rgba(255, 255, 255, 0.80) !important; }
.vl-category__more-item:hover {
  background: rgba(255, 45, 120, 0.15) !important;
  color: #FF2D78 !important;
}

/* Sidebar */
.vl-category__sidebar-card {
  background: #2E0055 !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
}
.vl-category__sidebar-heading {
  color: #FFFFFF !important;
  border-bottom-color: rgba(255, 255, 255, 0.10) !important;
}
.vl-category__sidebar-link { color: rgba(255, 255, 255, 0.70) !important; }
.vl-category__sidebar-link:hover {
  background: rgba(255, 45, 120, 0.15) !important;
  color: #FF2D78 !important;
}
.vl-category__sidebar-item--active .vl-category__sidebar-link {
  background: rgba(255, 45, 120, 0.15) !important;
  color: #FF2D78 !important;
}
.vl-category__sidebar-item--active::before { background: #FF2D78 !important; }
.vl-category__sidebar-icon {
  color: #FF2D78 !important;
  border-color: rgba(255, 45, 120, 0.30) !important;
  background: rgba(255, 45, 120, 0.12) !important;
}
.vl-category__sidebar-item--active .vl-category__sidebar-icon {
  background: #FF2D78 !important;
  color: #FFFFFF !important;
  border-color: #FF2D78 !important;
}
.vl-category__sidebar-count { color: rgba(255, 255, 255, 0.50) !important; }
.vl-category__sidebar-item--active .vl-category__sidebar-count { color: #FF2D78 !important; }

/* Controls row */
.vl-category__heading { color: #FFFFFF !important; }
.vl-category__count   { color: rgba(255, 255, 255, 0.55) !important; }

.vl-category__open-sidebar-btn {
  background: rgba(255, 45, 120, 0.15) !important;
  border-color: rgba(255, 45, 120, 0.30) !important;
  color: #FF2D78 !important;
}
.vl-category__open-sidebar-btn:hover {
  background: #FF2D78 !important;
  color: #FFFFFF !important;
}

.vl-category__sort-btn {
  background: #2E0055 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.75) !important;
}
.vl-category__sort-btn:hover { border-color: #FF2D78 !important; }
.vl-category__sort-btn strong { color: #FFFFFF !important; }
.vl-category__sort-btn i { color: rgba(255, 255, 255, 0.40) !important; }

.vl-category__sort-dropdown {
  background: #2E0055 !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}
.vl-category__sort-option { color: rgba(255, 255, 255, 0.75) !important; }
.vl-category__sort-option:hover,
.vl-category__sort-option.active {
  background: rgba(255, 45, 120, 0.15) !important;
  color: #FF2D78 !important;
}

.vl-category__view-btn {
  background: #2E0055 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.70) !important;
}
.vl-category__view-btn--active {
  background: #FF2D78 !important;
  color: #FFFFFF !important;
  border-color: #FF2D78 !important;
}
.vl-category__view-btn:hover:not(.vl-category__view-btn--active) {
  background: rgba(255, 45, 120, 0.15) !important;
  color: #FF2D78 !important;
  border-color: rgba(255, 45, 120, 0.30) !important;
}

/* Profile Cards */
.vl-category-card {
  background: #2E0055 !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}
.vl-category-card:hover {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(255, 45, 120, 0.18) !important;
  border-color: rgba(255, 45, 120, 0.35) !important;
}
.vl-category-card__image { background: #1A002E !important; }
.vl-category-card__title { color: #FFFFFF !important; }
.vl-category-card__desc  { color: rgba(255, 255, 255, 0.60) !important; }
.vl-cat-meta-item { color: rgba(255, 255, 255, 0.65) !important; }
.vl-cat-tag {
  background: rgba(255, 45, 120, 0.15) !important;
  color: #FF9BBD !important;
}
.vl-category-card__actions {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}
.vl-category-card__fav {
  background: rgba(46, 0, 85, 0.85) !important;
  border-color: rgba(255, 45, 120, 0.30) !important;
  color: #FF2D78 !important;
}
.vl-category-card__fav:hover {
  box-shadow: 0 3px 10px rgba(255, 45, 120, 0.30) !important;
}
.vl-category-card__fav.is-faved {
  background: rgba(255, 45, 120, 0.18) !important;
  border-color: #FF2D78 !important;
}

/* Actions border in list view */
.vl-category__grid--list .vl-category-card__actions {
  border-left-color: rgba(255, 255, 255, 0.08) !important;
}

/* ── FOOTER (newsletter + main + trust + bottom) ─────────────────────────── */
.vl-footer {
  background-color: #1A002E !important;
  color: #FFFFFF !important;
}

.vl-footer__newsletter {
  background: linear-gradient(180deg, #1A002E 0%, #22003D 100%) !important;
}

.vl-footer__newsletter-card {
  background-color: rgba(255, 45, 120, 0.07) !important;
  background-image: none !important;
  border-color: rgba(255, 45, 120, 0.20) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35) !important;
}

.vl-footer__envelope-circle {
  background: #2E0055 !important;
  border-color: rgba(255, 45, 120, 0.25) !important;
  box-shadow: 0 4px 15px rgba(255, 45, 120, 0.20) !important;
}
.vl-footer__envelope-heart { color: #FF2D78 !important; }
.vl-footer__mail-decor-hearts i { color: rgba(255, 45, 120, 0.40) !important; }

.vl-footer__newsletter-title { color: #FFFFFF !important; }
.vl-footer__highlight-pink   { color: #FF2D78 !important; }
.vl-footer__newsletter-desc  { color: rgba(255, 255, 255, 0.60) !important; }

.vl-footer__form-group {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 45, 120, 0.25) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15) !important;
}
.vl-footer__form-group:focus-within {
  border-color: #FF2D78 !important;
  box-shadow: 0 4px 20px rgba(255, 45, 120, 0.20) !important;
}
.vl-footer__email-input { color: #FFFFFF !important; }
.vl-footer__email-input::placeholder { color: rgba(255, 255, 255, 0.40) !important; }

.vl-footer__subscribe-btn {
  background-color: #FF2D78 !important;
  box-shadow: 0 3px 12px rgba(255, 45, 120, 0.40) !important;
}
.vl-footer__subscribe-btn:hover {
  background-color: #e0255e !important;
  box-shadow: 0 5px 16px rgba(255, 45, 120, 0.55) !important;
}

.vl-footer__privacy-note { color: rgba(255, 255, 255, 0.50) !important; }
.vl-footer__privacy-note i { color: rgba(255, 255, 255, 0.35) !important; }

/* Main footer nav */
.vl-footer__main {
  background-color: #1A002E !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

.vl-footer__logo-velvet { color: #FFFFFF !important; }
.vl-footer__logo-list   { color: #FF2D78 !important; }
.vl-footer__logo-heart  { color: #FF2D78 !important; }
.vl-footer__brand-tagline { color: rgba(255, 255, 255, 0.50) !important; }
.vl-footer__brand-divider { background-color: #FF2D78 !important; }
.vl-footer__brand-desc    { color: rgba(255, 255, 255, 0.60) !important; }

.vl-footer__social-btn {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

.vl-footer__links-col {
  border-left-color: rgba(255, 255, 255, 0.08) !important;
}
.vl-footer__col-heading { color: #FFFFFF !important; }
.vl-footer__links-list a { color: rgba(255, 255, 255, 0.55) !important; }
.vl-footer__links-list a:hover { color: #FF2D78 !important; }

/* Trust strip */
.vl-footer__trust {
  background-color: rgba(255, 45, 120, 0.07) !important;
  border-top-color: rgba(255, 45, 120, 0.12) !important;
  border-bottom-color: rgba(255, 45, 120, 0.12) !important;
}
.vl-footer__trust-icon-box {
  background-color: #2E0055 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 12px rgba(255, 45, 120, 0.12) !important;
  color: #FF2D78 !important;
}
.vl-footer__trust-item:hover .vl-footer__trust-icon-box {
  background-color: #2E0055 !important;
  color: #e0255e !important;
}
.vl-footer__trust-title { color: #FFFFFF !important; }
.vl-footer__trust-sub   { color: rgba(255, 255, 255, 0.55) !important; }
.vl-footer__trust-divider { background-color: rgba(255, 45, 120, 0.30) !important; }

/* Legal footer bottom */
.vl-footer__bottom {
  background-color: #17002A !important;
  color: rgba(255, 255, 255, 0.65) !important;
}
.vl-footer__copyright-text { color: rgba(255, 255, 255, 0.70) !important; }
.vl-footer__age-notice     { color: rgba(255, 255, 255, 0.45) !important; }

.vl-footer__badges-group {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
}
.vl-footer__badge-item { color: rgba(255, 255, 255, 0.55) !important; }
.vl-footer__badge-item i { color: rgba(255, 255, 255, 0.70) !important; }
.vl-footer__badge-text strong { color: #FFFFFF !important; }
.vl-footer__badge-text span   { color: rgba(255, 255, 255, 0.45) !important; }
.vl-footer__badge-sep { background-color: rgba(255, 255, 255, 0.10) !important; }
.vl-footer__badge-18 {
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
}

.vl-footer__back-to-top { color: rgba(255, 255, 255, 0.60) !important; }
.vl-footer__back-to-top:hover { color: #FFFFFF !important; }
.vl-footer__top-arrow-circle {
  background-color: rgba(255, 255, 255, 0.10) !important;
  color: #FFFFFF !important;
}
.vl-footer__back-to-top:hover .vl-footer__top-arrow-circle {
  background-color: #FF2D78 !important;
  box-shadow: 0 4px 12px rgba(255, 45, 120, 0.45) !important;
}

/* ── EXISTING site-footer (old footer styles in style.css) ───────────────── */
.site-footer {
  background-color: #17002A !important;
}
.footer-links a:hover { color: #FF2D78 !important; }
.footer-socials a:hover { background-color: #FF2D78 !important; }
.footer-bottom-links a:hover { color: #FF2D78 !important; }

/* ── PROFILE LISTING SECTION & CARDS (sections/profile-listings.php) ──────── */
.vl-listings-section,
.profile-listings-section,
.profile-listing-page {
  background-color: #22003D !important;
}

.vl-listings-topbar .vl-breadcrumb__link {
  color: rgba(255, 255, 255, 0.80) !important;
}
.vl-listings-topbar .vl-breadcrumb__link:hover {
  color: #FF2D78 !important;
}
.vl-listings-topbar .vl-breadcrumb__sep {
  color: rgba(255, 255, 255, 0.45) !important;
}
.vl-listings-topbar .vl-breadcrumb__current {
  color: #FF2D78 !important;
}
.vl-listings-topbar .vl-listings-count {
  color: rgba(255, 255, 255, 0.80) !important;
}

.vl-profile-card {
  background-color: #2A004C !important;
  border: 1px solid rgba(255, 45, 120, 0.22) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}
.vl-profile-card:hover {
  border-color: #FF2D78 !important;
  box-shadow: 0 12px 32px rgba(255, 45, 120, 0.25), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}
.vl-profile-card__photo {
  background-color: #1A002E !important;
}
.vl-profile-card__title {
  color: #FFFFFF !important;
}
.vl-profile-card__title a {
  color: #FFFFFF !important;
}
.vl-profile-card__title a:hover {
  color: #FF2D78 !important;
}
.vl-profile-card__desc {
  color: rgba(255, 255, 255, 0.88) !important;
  -webkit-line-clamp: 4 !important;
  line-height: 1.55 !important;
}
.vl-profile-card__meta,
.vl-meta-item {
  color: rgba(255, 255, 255, 0.82) !important;
}
.vl-profile-tag {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
  border: 1px solid rgba(255, 45, 120, 0.3) !important;
}
.vl-profile-card__fav-btn {
  background: #1F0038 !important;
  border-color: rgba(255, 45, 120, 0.35) !important;
  color: #FF2D78 !important;
}
.vl-profile-card__fav-btn:hover {
  border-color: #FF2D78 !important;
  box-shadow: 0 4px 12px rgba(255, 45, 120, 0.35) !important;
}
.vl-attr-row {
  color: rgba(255, 255, 255, 0.82) !important;
}
.vl-pagination__link {
  background-color: #2A004C !important;
  border: 1px solid rgba(255, 45, 120, 0.25) !important;
  color: #FFFFFF !important;
}
.vl-pagination__link:hover,
.vl-pagination__link.active {
  background-color: #FF2D78 !important;
  border-color: #FF2D78 !important;
  color: #FFFFFF !important;
}
.vl-pagination__link.disabled {
  background-color: #1A002E !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.3) !important;
}

/* ── GENERAL TEXT & HEADING OVERRIDES ────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 { color: #FFFFFF; }
p { color: rgba(255, 255, 255, 0.80); }
a { color: rgba(255, 255, 255, 0.80); }
a:hover { color: #FF2D78; }

/* Content section / card backgrounds used on inner pages */
.section-white,
.bg-white,
.white-section { background-color: #2E0055 !important; color: #FFFFFF !important; }

/* Generic pill / badge patterns */
.badge-pill-pink,
.pill-accent {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
}

/* Premium / VIP badge */
.badge-premium,
.badge-vip {
  background-color: rgba(255, 45, 120, 0.20) !important;
  color: #FF9BBD !important;
}

/* ── SCROLLBAR ───────────────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #1A002E; }
::-webkit-scrollbar-thumb {
  background: rgba(255, 45, 120, 0.45);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover { background: #FF2D78; }

/* ── 9. LOCATIONS SECTION (locations.css / sections/locations.php) ────────── */
.locations-section {
  background-color: #22003D !important;
}
.loc-bg-circle {
  background: radial-gradient(circle, rgba(255, 45, 120, 0.18) 0%, rgba(34, 0, 61, 0) 75%) !important;
}
.loc-bg-blob {
  background-color: rgba(255, 45, 120, 0.12) !important;
}
.loc-decorative-pin {
  background-color: rgba(255, 45, 120, 0.22) !important;
  box-shadow: 0 6px 18px rgba(255, 45, 120, 0.25) !important;
}
.pin-white-circle {
  background-color: #2A004C !important;
  color: #FF2D78 !important;
  border: 1.5px solid #FF2D78 !important;
}
.loc-badge-pill {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
  border: 1px solid rgba(255, 45, 120, 0.3) !important;
}
.locations-heading {
  color: #FFFFFF !important;
}
.locations-heading .highlight-pink {
  color: #FF2D78 !important;
}
.locations-description {
  color: rgba(255, 255, 255, 0.75) !important;
}
.loc-benefit-icon-box {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
}
.loc-benefit-title {
  color: #FFFFFF !important;
}
.loc-benefit-sub {
  color: rgba(255, 255, 255, 0.65) !important;
}
.btn-browse-locations {
  background-color: #FF2D78 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(255, 45, 120, 0.35) !important;
}
.btn-browse-locations:hover {
  background-color: #e0255e !important;
  box-shadow: 0 6px 18px rgba(255, 45, 120, 0.5) !important;
}
.city-card {
  border: 1px solid rgba(255, 45, 120, 0.22) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}
.city-card:hover {
  border-color: #FF2D78 !important;
  box-shadow: 0 12px 30px rgba(255, 45, 120, 0.30) !important;
}
.city-card-overlay {
  background: linear-gradient(to top, rgba(34, 0, 61, 0.94) 0%, rgba(34, 0, 61, 0.45) 55%, transparent 100%) !important;
}
.city-name {
  color: #FFFFFF !important;
}
.city-count {
  color: rgba(255, 255, 255, 0.80) !important;
}
.city-arrow-btn {
  background: rgba(34, 0, 61, 0.75) !important;
  border-color: rgba(255, 45, 120, 0.4) !important;
  color: #FFFFFF !important;
}
.city-card:hover .city-arrow-btn {
  background-color: #FF2D78 !important;
  border-color: #FF2D78 !important;
  color: #FFFFFF !important;
}
.popular-categories-panel {
  background: #2A004C !important;
  border: 1px solid rgba(255, 45, 120, 0.25) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}
.cat-panel-title {
  color: #FFFFFF !important;
}
.cat-panel-title .highlight-pink {
  color: #FF2D78 !important;
}
.btn-outline-categories {
  background-color: rgba(255, 45, 120, 0.12) !important;
  border-color: #FF2D78 !important;
  color: #FFFFFF !important;
}
.btn-outline-categories:hover {
  background-color: #FF2D78 !important;
  color: #FFFFFF !important;
}
.cat-icon-circle {
  background-color: #1A002E !important;
  border-color: rgba(255, 45, 120, 0.3) !important;
  color: #FF2D78 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}
.cat-strip-item:hover .cat-icon-circle {
  background-color: #FF2D78 !important;
  color: #FFFFFF !important;
  border-color: #FF2D78 !important;
  box-shadow: 0 6px 18px rgba(255, 45, 120, 0.45) !important;
}
.cat-label {
  color: rgba(255, 255, 255, 0.85) !important;
}
.cat-strip-item:hover .cat-label {
  color: #FF2D78 !important;
}

/* ── 10. PREMIUM EXPERIENCE SECTION (premium-experience.css) ─────────────── */
.vl-premium-section {
  background: #22003D !important;
  background-image: radial-gradient(circle at 80% 30%, rgba(255, 45, 120, 0.12) 0%, transparent 60%), radial-gradient(circle at 15% 70%, rgba(255, 45, 120, 0.08) 0%, transparent 50%) !important;
}
.vl-premium-badge-pill {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
  border: 1px solid rgba(255, 45, 120, 0.3) !important;
}
.vl-premium-title {
  color: #FFFFFF !important;
}
.vl-premium-title .highlight-pink {
  color: #FF2D78 !important;
}
.vl-premium-description {
  color: rgba(255, 255, 255, 0.75) !important;
}
.btn-start-search {
  background-color: #FF2D78 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(255, 45, 120, 0.35) !important;
}
.btn-start-search:hover {
  background-color: #e0255e !important;
  box-shadow: 0 6px 20px rgba(255, 45, 120, 0.5) !important;
}
.vl-card-main {
  border: 3px solid rgba(255, 45, 120, 0.45) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
}
.vl-crown-badge {
  background-color: #FF2D78 !important;
  color: #FFFFFF !important;
  border: 2.5px solid #22003D !important;
  box-shadow: 0 4px 12px rgba(255, 45, 120, 0.45) !important;
}
.vl-card-back {
  border: 2px solid rgba(255, 45, 120, 0.3) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}
.vl-premium-benefits-strip {
  background-color: #2A004C !important;
  border: 1px solid rgba(255, 45, 120, 0.25) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}
.vl-benefit-icon-circle {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
  box-shadow: 0 4px 12px rgba(255, 45, 120, 0.2) !important;
}
.vl-benefit-title {
  color: #FFFFFF !important;
}
.vl-benefit-sub {
  color: rgba(255, 255, 255, 0.65) !important;
}
.vl-benefit-divider {
  background-color: rgba(255, 255, 255, 0.12) !important;
}

/* ── 11. LUCKNOW LOCATION SECTION (lucknow-location.css) ─────────────────── */
.vl-lucknow {
  background: linear-gradient(135deg, #22003D 0%, #2A004C 45%, #1D0035 100%) !important;
  border-bottom: 1px solid rgba(255, 45, 120, 0.2) !important;
}
.vl-lucknow::before {
  background: radial-gradient(circle, rgba(255, 45, 120, 0.15) 0%, transparent 70%) !important;
}
.vl-lucknow::after {
  background: radial-gradient(circle, rgba(255, 45, 120, 0.10) 0%, transparent 65%) !important;
}
.vl-lucknow__badge {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
  border: 1px solid rgba(255, 45, 120, 0.3) !important;
}
.vl-lucknow__heading {
  color: #FFFFFF !important;
}
.vl-lucknow__pink-text {
  color: #FF2D78 !important;
}
.vl-lucknow__desc {
  color: rgba(255, 255, 255, 0.75) !important;
}
.vl-lucknow__search-box {
  background: #2A004C !important;
  border: 1px solid rgba(255, 45, 120, 0.35) !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.35) !important;
}
.vl-lucknow__search-box:focus-within {
  border-color: #FF2D78 !important;
  box-shadow: 0 6px 24px rgba(255, 45, 120, 0.3) !important;
}
.vl-select-icon {
  color: #FF2D78 !important;
}
.vl-select-label {
  color: #FFFFFF !important;
}
.vl-select-arrow {
  color: rgba(255, 255, 255, 0.6) !important;
}
.vl-lucknow__dropdown {
  background: #2A004C !important;
  border: 1px solid rgba(255, 45, 120, 0.35) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45) !important;
}
.vl-dropdown-item {
  color: rgba(255, 255, 255, 0.85) !important;
}
.vl-dropdown-item i {
  color: rgba(255, 255, 255, 0.5) !important;
}
.vl-dropdown-item:hover,
.vl-dropdown-item.active {
  background-color: rgba(255, 45, 120, 0.22) !important;
  color: #FF2D78 !important;
}
.vl-dropdown-item:hover i,
.vl-dropdown-item.active i {
  color: #FF2D78 !important;
}
.vl-lucknow__btn-cta {
  background-color: #FF2D78 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(255, 45, 120, 0.35) !important;
}
.vl-lucknow__btn-cta:hover {
  background-color: #e0255e !important;
  box-shadow: 0 6px 18px rgba(255, 45, 120, 0.5) !important;
}
.vl-popular-title {
  color: #FFFFFF !important;
}
.vl-area-pill {
  background-color: rgba(255, 45, 120, 0.15) !important;
  color: #FF2D78 !important;
  border: 1px solid rgba(255, 45, 120, 0.25) !important;
}
.vl-area-pill:hover {
  background-color: rgba(255, 45, 120, 0.3) !important;
  color: #FFFFFF !important;
}
.vl-area-pill.active {
  background-color: #FF2D78 !important;
  color: #FFFFFF !important;
  box-shadow: 0 3px 10px rgba(255, 45, 120, 0.4) !important;
}
.vl-center-badge {
  background-color: #FF2D78 !important;
  color: #FFFFFF !important;
  border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 4px 14px rgba(255, 45, 120, 0.45) !important;
}
.vl-center-pulse {
  background: rgba(255, 45, 120, 0.3) !important;
}
.vl-marker-item {
  background-color: #2A004C !important;
  border: 1.5px solid rgba(255, 45, 120, 0.4) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}
.vl-marker-pin {
  color: #FF2D78 !important;
}
.vl-marker-name {
  color: #FFFFFF !important;
}
.vl-marker-item:hover,
.vl-marker-item.active {
  background-color: #FF2D78 !important;
  border-color: #FF2D78 !important;
  box-shadow: 0 6px 18px rgba(255, 45, 120, 0.5) !important;
}
.vl-marker-item:hover .vl-marker-pin,
.vl-marker-item.active .vl-marker-pin {
  color: #FFFFFF !important;
}
.vl-marker-item:hover .vl-marker-name,
.vl-marker-item.active .vl-marker-name {
  color: #FFFFFF !important;
}

/* ── 12. LUCKNOW HERITAGE BANNER (lucknow-premium-banner.css) ─────────────── */
.vl-lucknow-banner {
  background-color: #22003D !important;
}
.vl-lucknow-banner__container {
  background-color: #17002A !important;
  border: 1px solid rgba(255, 45, 120, 0.35) !important;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.4) !important;
}
.vl-lucknow-banner__container:hover {
  border-color: rgba(255, 45, 120, 0.6) !important;
  box-shadow: 0 10px 32px rgba(255, 45, 120, 0.25) !important;
}
.vl-lucknow-banner__eyebrow {
  color: #FF9BBD !important;
}
.vl-lucknow-banner__heading {
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #FFFFFF 0%, #FFB6CE 50%, #FF2D78 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.vl-lucknow-banner__desc {
  color: rgba(255, 255, 255, 0.8) !important;
}
.vl-lucknow-banner__btn {
  background: #FF2D78 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(255, 45, 120, 0.35) !important;
}
.vl-lucknow-banner__btn:hover {
  background: #e0255e !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 20px rgba(255, 45, 120, 0.5) !important;
}
.vl-lucknow-banner__tag {
  background-color: rgba(255, 45, 120, 0.2) !important;
  color: #FF9BBD !important;
  border: 1px solid rgba(255, 45, 120, 0.35) !important;
}

/* ── 13. LUCKNOW DIRECTORY PAGE (lucknow.css / locations/lucknow.php) ─────── */
body.lucknow-page {
  background-color: #22003D !important;
  color: #FFFFFF !important;
}
.lucknow-hero {
  background-color: #22003D !important;
  background-image: radial-gradient(circle at 45% 40%, rgba(255, 45, 120, 0.15) 0%, rgba(34, 0, 61, 0) 65%) !important;
}
.lucknow-city-badge {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
  border: 1px solid rgba(255, 45, 120, 0.3) !important;
}
.lucknow-title {
  color: #FFFFFF !important;
}
.title-line.text-pink {
  color: #FF2D78 !important;
}
.lucknow-description {
  color: rgba(255, 255, 255, 0.75) !important;
}
.lucknow-search-bar {
  background: #2A004C !important;
  border: 1px solid rgba(255, 45, 120, 0.3) !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.35) !important;
}
.lucknow-search-bar:focus-within {
  border-color: #FF2D78 !important;
  box-shadow: 0 8px 25px rgba(255, 45, 120, 0.25) !important;
}
.search-pin-circle {
  background-color: rgba(255, 45, 120, 0.18) !important;
  color: #FF2D78 !important;
}
.lucknow-select {
  color: #FFFFFF !important;
}
.lucknow-select option {
  color: #FFFFFF !important;
  background: #2A004C !important;
}
.select-chevron {
  color: rgba(255, 255, 255, 0.6) !important;
}
.btn-view-profiles {
  background-color: #FF2D78 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(255, 45, 120, 0.35) !important;
}
.btn-view-profiles:hover {
  background-color: #e0255e !important;
  box-shadow: 0 6px 18px rgba(255, 45, 120, 0.5) !important;
}
.popular-areas-heading {
  color: #FFFFFF !important;
}
.area-chip {
  background-color: rgba(255, 45, 120, 0.15) !important;
  color: #FF2D78 !important;
  border: 1px solid rgba(255, 45, 120, 0.25) !important;
}
.area-chip:hover {
  background-color: #FF2D78 !important;
  color: #FFFFFF !important;
}
.lucknow-hero__map-zone {
  background-color: #1F0038 !important;
}