/*
 * Lucknow palette override only.
 * IMPORTANT: No dimensions, display, positioning, margins, padding, grid,
 * flex layout, widths or heights are changed here. The source theme layout
 * remains exactly as supplied.
 * Palette reference from supplied screenshot:
 * primary pink #f23788, light pink #f987c5, white #ffffff.
 */
:root{
  --lucknow-pink:#f23788;
  --lucknow-pink-light:#f987c5;
  --lucknow-pink-dark:#d92570;
  --lucknow-pink-soft:#fff1f8;
  --lucknow-text:#222222;
  --lucknow-border:#f1d8e5;
}

html,body{
  background-color:#ffffff !important;
  color:var(--lucknow-text) !important;
}

/* Header colors only, preserving original header structure and dimensions. */
.site-header.premium-header,
.site-header .premium-header-inner,
.site-header .premium-header-main,
.site-header .premium-header-bottom,
.mobile-premium-header,
.mobile-bottom-row{
  background-color:#ffffff !important;
  border-color:var(--lucknow-border) !important;
}

.site-header .premium-header-top,
.mobile-top-row{
  background-color:var(--lucknow-pink-light) !important;
  border-color:var(--lucknow-pink-light) !important;
  color:#ffffff !important;
}

.site-header .premium-header-top a,
.site-header .premium-header-top button,
.mobile-top-row a,
.mobile-top-row button{
  color:#ffffff !important;
}

.site-header .header-nav,
.site-header .header-nav .nav-menu,
.site-header .header-nav .wx-primary-menu{
  background-color:var(--lucknow-pink) !important;
  border-color:var(--lucknow-pink) !important;
}

.site-header .header-nav a{
  color:#ffffff !important;
  border-color:rgba(255,255,255,.45) !important;
  background-color:transparent !important;
}

.site-header .header-nav a:hover,
.site-header .header-nav a:focus{
  color:#ffffff !important;
  background-color:rgba(255,255,255,.14) !important;
}

.site-header .laex-site-brand,
.mobile-premium-header .laex-site-brand{
  color:#e52e70 !important;
  text-shadow:none !important;
}

.site-header .btn-register,
.site-header .mobile-login-btn,
.mobile-login-btn,
.fp-primary-btn,
.fp-card-btn,
.cc-show-all-btn,
button[type="submit"],
input[type="submit"],
.wp-element-button{
  background-color:var(--lucknow-pink) !important;
  border-color:var(--lucknow-pink) !important;
  color:#ffffff !important;
}

.header-search input,
.callglin-smart-search-form input,
.mobile-cc-search,
.drawer-search input{
  background-color:#ffffff !important;
  border-color:var(--lucknow-pink) !important;
  color:#222222 !important;
}

.header-search button,
.callglin-smart-search-form button,
.mobile-search-icon,
.mobile-menu-btn,
.mobile-cc-toggle,
.lang-current,
.mobile-theme-toggle{
  border-color:var(--lucknow-pink) !important;
}

.language-menu,
.mobile-cc-dropdown,
.mobile-menu-drawer,
.mobile-drawer,
.drawer-panel{
  background-color:#ffffff !important;
  border-color:var(--lucknow-border) !important;
  color:#222222 !important;
}

.language-menu a,
.mobile-cc-dropdown button,
.mobile-menu-drawer a,
.mobile-drawer a,
.drawer-panel a{
  color:#222222 !important;
}

.language-menu a:hover,
.mobile-cc-dropdown button:hover,
.mobile-menu-drawer a:hover,
.mobile-drawer a:hover,
.drawer-panel a:hover{
  background-color:var(--lucknow-pink-soft) !important;
  color:var(--lucknow-pink-dark) !important;
}

/* Main content colors only. */
main,.site-main,.home-main,.page-content,.entry-content,
.loc-page,.location-directory{
  background-color:#ffffff !important;
  color:#222222 !important;
}

.fp-hero{
  background:linear-gradient(135deg,#ffffff 0%,#fff7fb 55%,#ffe6f3 100%) !important;
  border-color:var(--lucknow-border) !important;
}

.fp-kicker,.fp-section-kicker,.location-kicker,.loc-kicker,.loc-strip-title span,
.section-kicker,.eyebrow,.card-kicker{
  color:var(--lucknow-pink-dark) !important;
}

.fp-hero h1,.fp-seo-content h2,.fp-seo-content h3,
.location-hero h1,.location-content h2,.location-content h3,
.loc-page h1,.loc-page h2,.section-heading,.block-title,.entry-title,.page-title{
  color:#2a2025 !important;
}

.fp-secondary-btn{
  background-color:#ffffff !important;
  border-color:var(--lucknow-pink) !important;
  color:var(--lucknow-pink-dark) !important;
}

.escort-card,.profile-card,.agency-card,.massage-card,.club-card,.review-card,
.package-card,.location-card,.city-card,.info-card,.content-card,.sidebar-card,
.fp-hero-destination-card,.fp-location-link-grid a,.loc-feature-card,.loc-city-card,
.cc-city,.city-sponsored-disclosure{
  background-color:#ffffff !important;
  border-color:#efc6da !important;
}

.cc-strip,.location-strip,.directory-toolbar,.filter-bar,
.fp-register-cta,.fp-seo-content,.fp-trust-strip,.location-hero,
.loc-compact-hero,.loc-directory-shell,.loc-popular-strip{
  border-color:var(--lucknow-border) !important;
}

.cc-strip .cc-country-select,.cc-strip .cc-city,.location-pill,.filter-pill,.chip{
  background-color:#ffffff !important;
  border-color:var(--lucknow-pink-dark) !important;
  color:#222222 !important;
}

.cc-strip .cc-city:hover,.location-pill:hover,.filter-pill:hover,.chip:hover,.chip.active{
  background-color:var(--lucknow-pink-soft) !important;
  border-color:var(--lucknow-pink) !important;
  color:#222222 !important;
}

.location-prose a,.fp-seo-content a,.entry-content a,a{
  color:var(--lucknow-pink-dark);
}

/* Footer colors only. */
.site-footer.premium-footer{
  background-color:#ffffff !important;
  color:#343434 !important;
  border-color:var(--lucknow-pink) !important;
}

.site-footer .footer-col h4,
.site-footer .laex-site-brand{
  color:var(--lucknow-pink-dark) !important;
  text-shadow:none !important;
}

.site-footer a{color:#4a3942 !important;}
.site-footer a:hover{color:var(--lucknow-pink-dark) !important;}
.site-footer .footer-badges span{
  background-color:var(--lucknow-pink-soft) !important;
  color:var(--lucknow-pink-dark) !important;
  border-color:#efc6da !important;
}

/* ============================================================
   2026-08-07 UI refinements requested for Lucknow conversion
   - Popular locations follows the supplied compact two-column format.
   - Footer contrast is repaired for the light Lucknow palette.
   - SEO target phrases receive a consistent visible highlight.
   - Sponsored ads: desktop open by default, mobile collapsed by default.
============================================================ */

/* SEO keyword emphasis without changing document hierarchy. */
.seo-keyword{
  display:inline;
  padding:1px 5px 2px;
  border-radius:5px;
  background:#ffe4f1;
  color:#b9145c !important;
  font-weight:800 !important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
.fp-hero h1 .seo-keyword,
.location-hero h1 .seo-keyword,
.city-hero h1 .seo-keyword{
  padding:0 2px;
  border-radius:0;
  background:transparent;
  color:#d92570 !important;
  box-shadow:inset 0 -.28em 0 rgba(242,55,136,.16);
}

/* Popular Lucknow Locations: compact premium two-column panel. */
body.home .fp-hero-destinations,
body.page-template-front-page .fp-hero-destinations{
  border:1px solid rgba(242,55,136,.42) !important;
  border-radius:19px !important;
  background:linear-gradient(112deg,#1d2634 0%,#202938 48%,#4b121f 100%) !important;
  box-shadow:0 16px 34px rgba(38,16,27,.18) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.home .fp-hero-destinations-head,
body.page-template-front-page .fp-hero-destinations-head{
  border-bottom:1px solid rgba(255,255,255,.18) !important;
}
body.home .fp-hero-destinations-head span,
body.page-template-front-page .fp-hero-destinations-head span{
  color:#ffffff !important;
  font-size:1rem !important;
}
body.home .fp-hero-destinations-head small,
body.page-template-front-page .fp-hero-destinations-head small{
  min-height:auto !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#ff8ec1 !important;
  font-size:.64rem !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}
body.home .fp-hero-destination-grid,
body.page-template-front-page .fp-hero-destination-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
}
body.home .fp-hero-destination-card,
body.page-template-front-page .fp-hero-destination-card{
  min-height:51px !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  padding:8px 10px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.075) !important;
  color:#ffffff !important;
  box-shadow:none !important;
}
body.home .fp-hero-destination-card:hover,
body.home .fp-hero-destination-card:focus-visible,
body.page-template-front-page .fp-hero-destination-card:hover,
body.page-template-front-page .fp-hero-destination-card:focus-visible{
  transform:translateY(-1px) !important;
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,142,193,.55) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.16) !important;
}
body.home .fp-hero-destination-flag,
body.page-template-front-page .fp-hero-destination-flag{
  width:34px !important;
  height:34px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}
body.home .fp-hero-destination-copy strong,
body.page-template-front-page .fp-hero-destination-copy strong{
  color:#ffffff !important;
  font-size:.78rem !important;
}
body.home .fp-hero-destination-copy em,
body.page-template-front-page .fp-hero-destination-copy em{
  color:#f2dbe5 !important;
  font-size:.61rem !important;
  -webkit-line-clamp:1 !important;
}
@media (max-width:560px){
  body.home .fp-hero-destination-grid,
  body.page-template-front-page .fp-hero-destination-grid{
    grid-template-columns:1fr !important;
  }
}

/* Footer visibility fix. Keep existing footer layout, repair only visual contrast. */
.site-footer.premium-footer.compact-premium-footer{
  background:
    radial-gradient(circle at 0 0,rgba(249,135,197,.24),transparent 30%),
    radial-gradient(circle at 100% 100%,rgba(242,55,136,.12),transparent 32%),
    linear-gradient(135deg,#fff8fc 0%,#ffffff 54%,#fff1f8 100%) !important;
  border-top:2px solid #f23788 !important;
  color:#4b3942 !important;
}
.site-footer.premium-footer.compact-premium-footer .footer-glow{
  background:linear-gradient(90deg,rgba(242,55,136,.08),transparent 45%,rgba(249,135,197,.10)) !important;
  opacity:.55 !important;
}
.site-footer.premium-footer.compact-premium-footer .footer-logo .laex-site-brand{
  color:#d92570 !important;
}
.site-footer.premium-footer.compact-premium-footer .footer-text{
  color:#66525c !important;
}
.site-footer.premium-footer.compact-premium-footer h4{
  color:#d92570 !important;
}
.site-footer.premium-footer.compact-premium-footer ul a{
  color:#59454f !important;
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(242,55,136,.10) !important;
}
.site-footer.premium-footer.compact-premium-footer ul a:hover{
  color:#b9145c !important;
  background:#fff0f7 !important;
  border-color:rgba(242,55,136,.28) !important;
}
.site-footer.premium-footer.compact-premium-footer .footer-badges span{
  color:#b9145c !important;
  background:#fff0f7 !important;
  border-color:rgba(242,55,136,.24) !important;
}
.site-footer.premium-footer.compact-premium-footer .compact-footer-bottom{
  color:#816c76 !important;
  border-top-color:rgba(242,55,136,.14) !important;
}
.site-footer.premium-footer.compact-premium-footer .compact-footer-bottom a,
.site-footer.premium-footer.compact-premium-footer .footer-bottom-links a{
  color:#66525c !important;
}
.site-footer.premium-footer.compact-premium-footer .compact-footer-bottom a:hover,
.site-footer.premium-footer.compact-premium-footer .footer-bottom-links a:hover{
  color:#b9145c !important;
}

/* Desktop sponsored ads are expanded; mobile remains a click-to-open section. */
@media (min-width:901px){
  .city-sponsored-disclosure[open] > summary,
  .city-sponsored-disclosure > summary{
    cursor:default;
  }
  .city-sponsored-disclosure[open] .city-sponsored-summary-action{
    font-size:11px !important;
  }
  .city-sponsored-disclosure[open] .city-sponsored-summary-action:before{
    content:none !important;
  }
  .city-sponsored-disclosure[open] .city-sponsored-summary-action:after{
    content:"" !important;
    display:none !important;
  }
}
@media (max-width:900px){
  .city-sponsored-disclosure:not([open]) .city-sponsored-content{
    display:none !important;
  }
  .city-sponsored-disclosure > summary{
    background:#fff0f7 !important;
    color:#b9145c !important;
    border-bottom-color:rgba(242,55,136,.14) !important;
  }
  .city-sponsored-summary-action{
    color:#b9145c !important;
  }
  .city-sponsored-summary-action:after{
    background:rgba(242,55,136,.12) !important;
  }
}
