/* ============================================================
   Kolkata v3.5.5 - Location + Registration Visibility
   Final cascade layer for the Argentina-style luxury skin.
============================================================ */
:root{
  --k355-espresso:#160f0d;
  --k355-wine:#4b1f2b;
  --k355-gold:#c9a66b;
  --k355-gold-soft:#efd69d;
  --k355-ivory:#fff8ed;
  --k355-cream:#e9dbcf;
  --k355-panel:#1b1c23;
}

/* Location hero readability */
.city-directory-page .city-hero.location-hero,
.city-hero-ad-row .location-hero,
.taxonomy-city-hero .city-hero-copy{
  color:var(--k355-ivory)!important;
  background:linear-gradient(120deg,#160f0d 0%,#2d1717 58%,#4b1f2b 100%)!important;
  border:1px solid rgba(201,166,107,.34)!important;
  box-shadow:0 12px 30px rgba(22,15,13,.14)!important;
}
.city-directory-page .city-hero.location-hero h1,
.city-hero-ad-row .location-hero h1,
.taxonomy-city-hero .city-hero-copy h1{
  color:var(--k355-ivory)!important;
  -webkit-text-fill-color:var(--k355-ivory)!important;
  text-shadow:none!important;
}
.city-directory-page .city-hero.location-hero p,
.city-hero-ad-row .location-hero p,
.taxonomy-city-hero .city-subtitle{
  color:#eadfd5!important;
  -webkit-text-fill-color:#eadfd5!important;
}
.city-hero-ad-row .location-kicker,
.location-hero .location-kicker{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  background:linear-gradient(135deg,var(--k355-gold-soft),var(--k355-gold))!important;
  color:#24140f!important;
  -webkit-text-fill-color:#24140f!important;
  border:1px solid rgba(255,248,237,.45)!important;
  border-radius:999px!important;
  font-weight:800!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  box-shadow:0 7px 18px rgba(0,0,0,.16)!important;
}

/* Sponsored Ads: premium details drawer. Desktop is kept open by JS/PHP. */
.city-sponsored-disclosure{
  width:100%!important;
  max-width:none!important;
  margin:8px 0 12px!important;
  border:1px solid rgba(201,166,107,.30)!important;
  border-radius:14px!important;
  background:#fffdf9!important;
  box-shadow:0 9px 24px rgba(22,15,13,.07)!important;
  overflow:hidden!important;
}
.city-sponsored-disclosure > summary{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:38px!important;
  padding:8px 13px!important;
  cursor:pointer!important;
  color:#24140f!important;
  background:linear-gradient(90deg,#fff9ef,#f7ead7)!important;
  border-bottom:1px solid rgba(201,166,107,.20)!important;
  font-family:Manrope,Arial,sans-serif!important;
}
.city-sponsored-disclosure > summary::-webkit-details-marker{display:none!important}
.city-sponsored-summary-title{font-size:13px!important;font-weight:800!important;letter-spacing:.035em!important}
.city-sponsored-summary-action{font-size:11px!important;font-weight:700!important;color:#765738!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.city-sponsored-content{padding:8px!important;background:#fff!important}
.city-sponsored-content .location-normal-banner-wrap,
.city-sponsored-content .normal-banner-wrap,
.city-sponsored-content .banner-wrap{margin:0!important;padding:0!important;box-shadow:none!important;border:0!important;background:transparent!important}

@media (min-width:769px){
  .city-sponsored-disclosure > summary{cursor:default!important}
  .city-sponsored-content{display:block!important}
}
@media (max-width:768px){
  .city-sponsored-disclosure{margin:7px 0 10px!important;border-radius:12px!important}
  .city-sponsored-disclosure > summary{min-height:42px!important;padding:9px 12px!important}
  .city-sponsored-content{padding:7px!important}
}

/* Every wizard registration page: headings must remain visible over dark panels. */
.wizard-page,
#wizardPage,
.tr-page,
.dr-root{
  color:#f8eee5!important;
}
.wizard-page .wizard-title,
#wizardPage .wizard-title,
.wizard-page .section-label,
#wizardPage .section-label,
.wizard-page legend,
#wizardPage legend,
.tr-page .tr-title,
.tr-page .tr-section-title,
.dr-root .dr-title,
.dr-root .dr-section-title{
  color:var(--k355-ivory)!important;
  -webkit-text-fill-color:var(--k355-ivory)!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  text-shadow:none!important;
  opacity:1!important;
}
.wizard-page .section-label,
#wizardPage .section-label,
.tr-page .tr-section-title,
.dr-root .dr-section-title{
  border-left:4px solid var(--k355-gold)!important;
  padding-left:10px!important;
  font-weight:750!important;
}
.wizard-page .wizard-title,
#wizardPage .wizard-title,
.tr-page .tr-title,
.dr-root .dr-title{
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
.wizard-page .wizard-sub,
#wizardPage .wizard-sub,
.tr-page .tr-subtitle,
.dr-root .dr-subtitle{
  color:#cfc3ba!important;
  -webkit-text-fill-color:#cfc3ba!important;
}
.wizard-page label,
#wizardPage label,
.tr-page .tr-label,
.dr-root .dr-label{
  color:#f6eee7!important;
  -webkit-text-fill-color:#f6eee7!important;
}

/* Registration hub cards/heading visibility. */
.registration-page .reg-header h1,
.registration-page .reg-header h2,
.registration-page .reg-header h3,
.registration-page .account-card h3,
.registration-page .advertise-section h2,
.registration-page .advertise-section h3{
  color:#24140f!important;
  -webkit-text-fill-color:#24140f!important;
  opacity:1!important;
}
.registration-page .reg-header p,
.registration-page .account-card li,
.registration-page .advertise-section p,
.registration-page .advertise-section li{
  color:#4e4038!important;
}

/* Account Details / section headers shown in the screenshot. */
.wizard-card .section-group > .section-label,
.wizard-card .section-group > h3,
.wizard-card .section-group > h2{
  color:var(--k355-ivory)!important;
  -webkit-text-fill-color:var(--k355-ivory)!important;
}

@media (max-width:640px){
  .wizard-page .wizard-title,#wizardPage .wizard-title,.tr-page .tr-title,.dr-root .dr-title{font-size:1.55rem!important}
}