/* Wakefield premium palette: Obsidian Black + Antique Gold + Porcelain */
:root {
  --wakefield-obsidian: #0D0D0F;
  --wakefield-primary: #8A6817;
  --wakefield-porcelain: #F7F4ED;
  --wakefield-card: #FFFFFF;
  --wakefield-accent: #C6A15B;
  --wakefield-text: #222226;
  --wakefield-muted: #6A6255;
  --wakefield-border: rgba(138, 104, 23, .24);
  --wakefield-shadow: 0 16px 42px rgba(13, 13, 15, .10);
}

html,
body {
  background: var(--wakefield-porcelain) !important;
  color: var(--wakefield-text) !important;
}

body,
button,
input,
select,
textarea {
  font-family: Roboto, Arial, sans-serif;
}

body a {
  color: var(--wakefield-primary);
}

body a:hover,
body a:focus-visible {
  color: var(--wakefield-accent);
}

/* Header and footer */
.site-header.premium-header,
.site-header.premium-header .premium-header-primary,
.site-header.premium-header .header-nav,
.mobile-premium-header,
.site-footer,
.site-footer-compact,
footer {
  background: var(--wakefield-obsidian) !important;
  color: var(--wakefield-porcelain) !important;
}

.site-header.premium-header {
  border-top-color: var(--wakefield-accent) !important;
}

.site-header.premium-header .header-nav {
  border-top-color: rgba(198, 161, 91, .62) !important;
  border-bottom-color: rgba(198, 161, 91, .22) !important;
}

.site-header.premium-header .header-ad,
.site-header.premium-header .header-search input,
.site-header.premium-header .header-auth .btn-auth,
.mobile-cc-dropdown,
.mobile-menu-panel {
  background: #171719 !important;
  border-color: rgba(198, 161, 91, .42) !important;
  color: var(--wakefield-porcelain) !important;
}

.site-header.premium-header .header-ad-placeholder {
  background: linear-gradient(120deg, #0D0D0F, #2A2418 58%, #8A6817) !important;
}

.site-header.premium-header .header-ad-placeholder strong,
.site-header.premium-header .header-nav a:hover,
.site-header.premium-header .header-nav a:focus-visible,
.site-header.premium-header .nav-menu .current-menu-item > a {
  color: var(--wakefield-accent) !important;
}

.site-header.premium-header .header-auth .btn-register,
.site-header.premium-header .header-search button,
.mobile-login-btn {
  background: var(--wakefield-accent) !important;
  border-color: var(--wakefield-accent) !important;
  color: var(--wakefield-obsidian) !important;
}

.site-header.premium-header .header-auth .btn-auth:hover,
.site-header.premium-header .header-auth .btn-auth:focus-visible {
  background: var(--wakefield-primary) !important;
  border-color: var(--wakefield-accent) !important;
  color: #FFFFFF !important;
}

.site-footer a,
.site-footer-compact a,
footer a,
.footer-heading,
.site-footer h2,
.site-footer h3,
footer h2,
footer h3 {
  color: var(--wakefield-accent) !important;
}

/* Main surfaces */
.home-main,
.home-grid,
.home-left,
.home-left-content,
.main-content,
.directory-main,
.location-directory-page,
.content-area {
  background: var(--wakefield-porcelain) !important;
  color: var(--wakefield-text) !important;
}

.fp-hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(198, 161, 91, .22), transparent 28%),
    linear-gradient(135deg, #0D0D0F 0%, #1C1913 58%, #3B2D0E 100%) !important;
  border-color: rgba(198, 161, 91, .55) !important;
  box-shadow: 0 20px 52px rgba(13, 13, 15, .20) !important;
}

.fp-hero h1,
.fp-hero h2,
.fp-hero p,
.fp-hero strong,
.fp-hero-destinations-head span,
.fp-hero-destination-card strong {
  color: #FFFFFF !important;
}

.fp-kicker,
.fp-section-kicker,
.fp-card-label,
.fp-hero-destinations-head small,
.seo-keyword {
  color: var(--wakefield-accent) !important;
}

.fp-hero-destination-card {
  background: rgba(255, 255, 255, .07) !important;
  border-color: rgba(198, 161, 91, .35) !important;
}

.fp-hero-destination-card:hover,
.fp-hero-destination-card:focus-visible {
  background: rgba(198, 161, 91, .16) !important;
  border-color: var(--wakefield-accent) !important;
}

.fp-primary-btn,
.fp-card-btn,
.button-primary,
button[type="submit"],
input[type="submit"] {
  background: var(--wakefield-primary) !important;
  border-color: var(--wakefield-primary) !important;
  color: #FFFFFF !important;
}

.fp-primary-btn:hover,
.fp-card-btn:hover,
.button-primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: var(--wakefield-accent) !important;
  border-color: var(--wakefield-accent) !important;
  color: var(--wakefield-obsidian) !important;
}

.fp-secondary-btn {
  background: transparent !important;
  border-color: var(--wakefield-accent) !important;
  color: var(--wakefield-accent) !important;
}

.fp-register-cta,
.listing-block,
.escort-card-wrapper,
.escort-card,
.fp-feature-card,
.fp-seo-card-grid article,
.fp-seo-two-col article,
.fp-seo-benefits article,
.fp-seo-wide-card,
.fp-trust-strip > div,
.sidebar-section,
.sidebar-widget,
.location-card,
.directory-card,
.content-card,
.contact-card {
  background: var(--wakefield-card) !important;
  border-color: var(--wakefield-border) !important;
  color: var(--wakefield-text) !important;
  box-shadow: var(--wakefield-shadow) !important;
}

.block-title,
.fp-premium-copy h2,
.fp-premium-copy h3,
.listing-block h2,
.sidebar-section h2,
.sidebar-section h3,
.location-card h2,
.location-card h3,
.directory-card h2,
.directory-card h3 {
  color: var(--wakefield-text) !important;
}

.block-title::after,
.listing-block h2::after,
.sidebar-section h2::after {
  background: linear-gradient(90deg, var(--wakefield-primary), var(--wakefield-accent)) !important;
}

.fp-keyword-ribbon span,
.fp-card-badges span,
.profile-badge,
.location-tag {
  background: rgba(198, 161, 91, .14) !important;
  border-color: rgba(138, 104, 23, .28) !important;
  color: #6E5110 !important;
}

.fp-trust-strip,
.fp-seo-final-cta,
.fp-disclaimer-card,
.fp-accent-card {
  border-color: rgba(198, 161, 91, .50) !important;
}

.fp-seo-final-cta {
  background: linear-gradient(135deg, #0D0D0F, #30250F) !important;
  color: #FFFFFF !important;
}

.fp-seo-final-cta h3,
.fp-seo-final-cta p {
  color: #FFFFFF !important;
}

input,
select,
textarea {
  background: #FFFFFF;
  border-color: rgba(138, 104, 23, .30);
  color: var(--wakefield-text);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--wakefield-accent) !important;
  box-shadow: 0 0 0 3px rgba(198, 161, 91, .18) !important;
  outline: 0;
}

@media (max-width: 991px) {
  .mobile-premium-header {
    border-top: 2px solid var(--wakefield-accent) !important;
  }

  .fp-hero {
    border-radius: 0 0 22px 22px !important;
  }
}
