/* ============================================================
   LOS ANGELES COLOR SYSTEM
   Red, White, Black and Green premium palette
   Palette sampled from the approved reference screenshots.
============================================================ */

:root {
  --la-red: #ea3e46;
  --la-red-main: #dc3545;
  --la-red-dark: #a2252d;
  --la-red-deep: #821e24;
  --la-green: #198754;
  --la-green-dark: #146c43;
  --la-green-deep: #0f5132;
  --la-black: #212529;
  --la-charcoal: #2a252d;
  --la-black-soft: #303236;
  --la-white: #ffffff;
  --la-soft: #f8f9fa;
  --la-soft-red: #fff0f2;
  --la-soft-green: #f3faf6;
  --la-line: #e3e6e9;
  --la-muted: #5d738d;
  --brand: var(--la-red-main);
  --brand-soft: var(--la-soft-red);
  --lux-red: var(--la-red-dark);
  --lux-gold: var(--la-red-main);
  --champagne: var(--la-red-main);
  --rose-gold: var(--la-red-dark);
  --warm-gold: var(--la-red);
  --success: var(--la-green);
  --success-bg: rgba(25, 135, 84, .12);
  --info: var(--la-green);
  --info-bg: rgba(25, 135, 84, .12);
  --warning: var(--la-red);
  --warning-bg: rgba(220, 53, 69, .10);
  --error: var(--la-red-main);
  --error-bg: rgba(220, 53, 69, .10);
  --gradient-gold: linear-gradient(135deg, var(--la-red-dark), var(--la-red), var(--la-red-main));
  --gradient-gold-hover: linear-gradient(135deg, var(--la-red-main), #f06a75, var(--la-red-dark));
  --gradient-glow: radial-gradient(circle at 50% 0, rgba(234, 62, 70, .18), transparent 52%);
  --shadow-gold: 0 4px 20px rgba(220, 53, 69, .22);
  --shadow-gold-lg: 0 8px 32px rgba(220, 53, 69, .28);
}

html,
body {
  background: var(--la-white) !important;
  color: var(--la-black) !important;
}

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

::selection {
  background: var(--la-red-main);
  color: var(--la-white);
}

a {
  color: var(--la-red-main);
}

a:hover,
a:focus {
  color: var(--la-green-dark);
}

/* Headings on light surfaces */
body h1,
body .entry-title,
body .page-title,
body .hero-title,
body .archive-title,
body .directory-title {
  color: var(--la-red) !important;
}

body h2,
body .section-title,
body .block-title,
body .form-title,
body .modal-title,
body .listing-title {
  color: var(--la-red-dark) !important;
}

body h3,
body h4,
body h5,
body h6,
body .card-title,
body .profile-title,
body .agency-title,
body .widget-title,
body .post-title,
body .sx-title {
  color: var(--la-black) !important;
}

body .hero-title::after,
body .section-title::after,
body .page-title::after {
  background: linear-gradient(90deg, var(--la-red-main), var(--la-green), transparent) !important;
}

/* ============================================================
   HEADER
============================================================ */
body .site-header.premium-header,
body .site-header,
body header.site-header {
  background: var(--la-charcoal) !important;
  border-top: 5px solid var(--la-red) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .28) !important;
}

body .site-header.premium-header .header-logo,
body .site-header.premium-header .premium-header-main,
body .site-header.premium-header .premium-header-top,
body .site-header.premium-header .premium-header-bottom {
  background-color: transparent !important;
}

body .site-header.premium-header .header-logo {
  background: linear-gradient(90deg, #17191c 0%, var(--la-charcoal) 82%, rgba(42, 37, 45, 0) 100%) !important;
}

body .site-header.premium-header .premium-header-top {
  border-bottom-color: rgba(255, 255, 255, .10) !important;
}

body .site-header.premium-header .header-search form,
body .drawer-search form,
body .callglin-smart-search-form {
  border-radius: 999px !important;
  overflow: hidden !important;
  box-shadow: 0 0 0 1px rgba(234, 62, 70, .42), 0 8px 18px rgba(0, 0, 0, .18) !important;
}

body .site-header.premium-header .header-search input,
body .drawer-search input,
body .callglin-smart-search-form input {
  background: #17191c !important;
  border-color: #495057 !important;
  color: var(--la-white) !important;
}

body .site-header.premium-header .header-search input::placeholder,
body .drawer-search input::placeholder,
body .callglin-smart-search-form input::placeholder {
  color: #c2c8ce !important;
}

body .site-header.premium-header .header-search button,
body .drawer-search button,
body .callglin-smart-search-form button {
  background: linear-gradient(135deg, var(--la-red), var(--la-red-dark)) !important;
  border-color: var(--la-red-main) !important;
  color: var(--la-white) !important;
}

body .site-header.premium-header .header-search button:hover,
body .drawer-search button:hover,
body .callglin-smart-search-form button:hover {
  background: linear-gradient(135deg, var(--la-green), var(--la-green-dark)) !important;
}

body .site-header.premium-header .nav-menu > li > a,
body .site-header.premium-header .wx-primary-menu > li > a,
body .site-header.premium-header .header-quick-links a {
  color: var(--la-white) !important;
}

body .site-header.premium-header .nav-menu > li > a:hover,
body .site-header.premium-header .wx-primary-menu > li > a:hover,
body .site-header.premium-header .header-quick-links a:hover {
  color: var(--la-white) !important;
  border-color: rgba(234, 62, 70, .62) !important;
  border-bottom-color: var(--la-green) !important;
  background: linear-gradient(135deg, rgba(220, 53, 69, .24), rgba(25, 135, 84, .16)) !important;
}

body .btn-auth,
body .site-header .btn-auth {
  border-color: var(--la-red-main) !important;
  color: var(--la-white) !important;
  background: transparent !important;
}

body .btn-auth:hover,
body .site-header .btn-auth:hover,
body .btn-login,
body .mobile-login-btn {
  background: var(--la-red-main) !important;
  border-color: var(--la-red-main) !important;
  color: var(--la-white) !important;
}

body .btn-register,
body .site-header .btn-register,
body .site-header .btn-contact {
  background: var(--la-green) !important;
  border-color: var(--la-green) !important;
  color: var(--la-white) !important;
}

body .btn-register:hover,
body .site-header .btn-register:hover,
body .site-header .btn-contact:hover {
  background: var(--la-green-dark) !important;
  border-color: var(--la-green-dark) !important;
  color: var(--la-white) !important;
}

body .site-header.premium-header .lang-current,
body .site-header.premium-header .lang-btn,
body .mobile-theme-toggle,
body .mobile-search-icon,
body .mobile-menu-btn,
body .mobile-cc-toggle {
  background: #17191c !important;
  border-color: #495057 !important;
  color: var(--la-white) !important;
}

body .site-header.premium-header .lang-current:hover,
body .site-header.premium-header .lang-btn:hover,
body .mobile-theme-toggle:hover,
body .mobile-search-icon:hover,
body .mobile-menu-btn:hover,
body .mobile-cc-toggle:hover {
  border-color: var(--la-red) !important;
  color: var(--la-red) !important;
}

body .site-header.premium-header .language-menu,
body .mobile-cc-dropdown,
body .mobile-cc-dropdown.mobile-cc-portal {
  background: var(--la-white) !important;
  border-color: var(--la-line) !important;
  box-shadow: 0 18px 44px rgba(33, 37, 41, .22) !important;
}

body .site-header.premium-header .language-menu a,
body .site-header.premium-header .language-menu a span,
body .mobile-cc-dropdown a,
body .mobile-cc-dropdown button {
  color: var(--la-black) !important;
}

body .mobile-cc-dropdown button.active,
body .mobile-cc-dropdown button:hover,
body .mobile-cc-dropdown.mobile-cc-portal .mobile-cc-country-list button.active,
body .mobile-cc-dropdown.mobile-cc-portal .mobile-cc-country-list button:hover {
  background: var(--la-red-main) !important;
  border-color: var(--la-red-main) !important;
  color: var(--la-white) !important;
}

body .mobile-cc-dropdown .mobile-cc-city,
body .mobile-cc-dropdown.mobile-cc-portal .mobile-cc-city {
  background: var(--la-charcoal) !important;
  border-color: var(--la-charcoal) !important;
  color: var(--la-white) !important;
}

body .mobile-cc-dropdown .mobile-cc-city:hover,
body .mobile-cc-dropdown.mobile-cc-portal .mobile-cc-city:hover {
  background: var(--la-green) !important;
  border-color: var(--la-green) !important;
  color: var(--la-white) !important;
}

/* ============================================================
   MOBILE DRAWER
============================================================ */
body .global-drawer {
  background: rgba(0, 0, 0, .66) !important;
}

body .global-drawer .drawer-panel {
  background: var(--la-charcoal) !important;
  color: var(--la-white) !important;
  border-right: 4px solid var(--la-red-main) !important;
}

body .global-drawer .drawer-header {
  border-bottom-color: rgba(255, 255, 255, .12) !important;
}

body .global-drawer .drawer-btn {
  background: var(--la-red-main) !important;
  color: var(--la-white) !important;
}

body .global-drawer .wx-drawer-section {
  border-color: rgba(234, 62, 70, .28) !important;
  background: rgba(255, 255, 255, .035) !important;
}

body .global-drawer .drawer-section-title {
  color: var(--la-red) !important;
}

body .global-drawer .wx-drawer-menu a,
body .global-drawer .drawer-list li a,
body .global-drawer .drawer-nav a {
  background: #17191c !important;
  border-color: rgba(255, 255, 255, .10) !important;
  color: var(--la-white) !important;
}

body .global-drawer .wx-drawer-menu a:hover,
body .global-drawer .drawer-list li a:hover,
body .global-drawer .drawer-nav a:hover {
  background: linear-gradient(135deg, var(--la-red-dark), var(--la-red-main)) !important;
  border-color: var(--la-red) !important;
  color: var(--la-white) !important;
}

body .global-drawer .drawer-auth a {
  background: var(--la-red-main) !important;
  color: var(--la-white) !important;
}

body .global-drawer .drawer-auth a:first-child,
body .global-drawer .drawer-auth a:nth-child(2) {
  background: var(--la-green) !important;
}

/* ============================================================
   BUTTON SYSTEM
============================================================ */
body button,
body .button,
body .btn,
body .wp-element-button,
body input[type="submit"],
body input[type="button"],
body .action-button,
body .package-btn,
body .sx-btn,
body .fp-primary-btn {
  background-color: var(--la-red-main);
  border-color: var(--la-red-main);
  color: var(--la-white);
}

body .button:hover,
body .btn:hover,
body .wp-element-button:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover,
body .action-button:hover,
body .package-btn:hover,
body .sx-btn:hover,
body .fp-primary-btn:hover {
  background-color: var(--la-red-dark);
  border-color: var(--la-red-dark);
}

body .fp-primary-btn,
body a.fp-primary-btn,
body .btn-primary,
body .button-primary,
body .sx-btn-primary {
  background: linear-gradient(135deg, var(--la-red), var(--la-red-dark)) !important;
  border-color: var(--la-red-main) !important;
  color: var(--la-white) !important;
  box-shadow: 0 10px 24px rgba(220, 53, 69, .20) !important;
}

body .fp-secondary-btn,
body a.fp-secondary-btn,
body .btn-success,
body .button-success,
body .verified-button,
body .verify-button,
body a[class*="verify"],
body button[class*="verify"],
body a[class*="verified"],
body button[class*="verified"],
body a[class*="whatsapp"],
body button[class*="whatsapp"],
body .ds-btn-gold,
body .ep-btn-gold {
  background: linear-gradient(135deg, var(--la-green), var(--la-green-dark)) !important;
  border-color: var(--la-green) !important;
  color: var(--la-white) !important;
  box-shadow: 0 10px 24px rgba(25, 135, 84, .20) !important;
}

body .fp-secondary-btn:hover,
body a.fp-secondary-btn:hover,
body .btn-success:hover,
body .button-success:hover,
body a[class*="verify"]:hover,
body button[class*="verify"]:hover,
body a[class*="whatsapp"]:hover,
body button[class*="whatsapp"]:hover,
body .ds-btn-gold:hover,
body .ep-btn-gold:hover {
  background: var(--la-green-deep) !important;
  border-color: var(--la-green-deep) !important;
  color: var(--la-white) !important;
}

body .btn-danger,
body .button-danger,
body a[class*="delete"],
body button[class*="delete"] {
  background: var(--la-red-dark) !important;
  border-color: var(--la-red-dark) !important;
  color: var(--la-white) !important;
}

/* ============================================================
   FORMS
============================================================ */
body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
body textarea,
body select,
body .form-control,
body .input,
body .search-field {
  background-color: var(--la-white);
  border-color: #cfd4da;
  color: var(--la-black);
}

body input:focus,
body textarea:focus,
body select:focus,
body .form-control:focus,
body .input:focus,
body .search-field:focus {
  border-color: var(--la-red-main) !important;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, .14) !important;
  outline: none !important;
}

body input[type="checkbox"],
body input[type="radio"] {
  accent-color: var(--la-red-main);
}

body label,
body .label,
body .meta-label {
  color: var(--la-black) !important;
}

body .help-text,
body .hint,
body .subtext,
body .subtitle,
body .description,
body .meta,
body .card-meta,
body .profile-meta,
body .agency-meta {
  color: var(--la-muted) !important;
}

/* ============================================================
   FRONT PAGE
============================================================ */
body .home-main,
body .home-grid,
body .home-left,
body .home-left-content {
  background: var(--la-white) !important;
}

body .home-main .fp-hero,
body .fp-hero.fp-hero-destination-layout,
body .home-left > .fp-hero {
  background:
    radial-gradient(circle at 94% 12%, rgba(25, 135, 84, .10), transparent 28%),
    radial-gradient(circle at 4% 96%, rgba(220, 53, 69, .10), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #fff7f8 58%, #f3faf6 100%) !important;
  border: 1px solid rgba(220, 53, 69, .34) !important;
  box-shadow: 0 18px 44px rgba(33, 37, 41, .12) !important;
}

body .home-main .fp-hero::before,
body .fp-hero.fp-hero-destination-layout::before {
  background: linear-gradient(120deg, rgba(234, 62, 70, .08), transparent 45%, rgba(25, 135, 84, .08)) !important;
}

body .home-main .fp-hero h1,
body .fp-hero h1,
body .fp-hero.fp-hero-destination-layout h1 {
  color: var(--la-red) !important;
}

body .home-main .fp-hero p,
body .fp-hero p,
body .fp-hero.fp-hero-destination-layout p {
  color: var(--la-muted) !important;
}

body .fp-kicker,
body .fp-section-kicker,
body .section-kicker,
body .kicker,
body .eyebrow,
body .pre-title,
body .subtitle-label {
  color: var(--la-green) !important;
}

body .fp-hero-destinations {
  background: linear-gradient(145deg, var(--la-charcoal), #17191c) !important;
  border-color: rgba(234, 62, 70, .42) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .24) !important;
}

body .fp-hero-destinations-head {
  border-bottom-color: rgba(255, 255, 255, .12) !important;
}

body .fp-hero-destinations-head span {
  color: var(--la-white) !important;
}

body .fp-hero-destinations-head small {
  color: #cbd0d5 !important;
}

body .fp-hero-destination-card {
  background: rgba(255, 255, 255, .055) !important;
  border-color: rgba(255, 255, 255, .10) !important;
}

body .fp-hero-destination-card:hover {
  background: linear-gradient(135deg, var(--la-red-dark), var(--la-red-main)) !important;
  border-color: var(--la-red) !important;
}

body .fp-hero-destination-copy strong {
  color: var(--la-white) !important;
}

body .fp-hero-destination-copy em {
  color: #d6d9dc !important;
}

body .cc-strip {
  background: var(--la-white) !important;
  border-bottom-color: var(--la-line) !important;
}

body .cc-strip .cc-country-select {
  background: var(--la-white) !important;
  border-color: var(--la-red-main) !important;
  color: var(--la-black) !important;
}

body .cc-strip .cc-country-dropdown {
  background: var(--la-white) !important;
  border-color: var(--la-line) !important;
}

body .cc-strip .cc-country-dropdown button:hover {
  background: var(--la-soft-red) !important;
  color: var(--la-red-dark) !important;
}

body .cc-strip .cc-cities {
  background: var(--la-soft) !important;
  border-color: var(--la-line) !important;
}

body .cc-strip .cc-city {
  background: var(--la-white) !important;
  border-color: var(--la-red-main) !important;
  color: var(--la-black) !important;
}

body .cc-strip .cc-city:hover {
  background: var(--la-soft-red) !important;
  border-color: var(--la-green) !important;
  color: var(--la-red-dark) !important;
}

body .cc-strip .cc-count,
body .counter,
body .count {
  background: var(--la-green) !important;
  color: var(--la-white) !important;
}

body .cc-strip .cc-search,
body .cc-strip .cc-filters {
  background: var(--la-red-main) !important;
  color: var(--la-white) !important;
}

body .cc-strip .cc-available,
body .cc-strip .cc-verified {
  background: var(--la-green) !important;
  color: var(--la-white) !important;
}

body .fp-register-cta,
body .fp-seo-final-cta,
body .cta {
  background:
    radial-gradient(circle at 0 0, rgba(234, 62, 70, .24), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(25, 135, 84, .20), transparent 32%),
    linear-gradient(135deg, var(--la-charcoal), #17191c) !important;
  border-color: rgba(234, 62, 70, .42) !important;
  color: var(--la-white) !important;
}

body .fp-register-cta h2,
body .fp-seo-final-cta h2,
body .cta h2,
body .cta h3 {
  color: var(--la-white) !important;
}

body .fp-register-cta p,
body .fp-seo-final-cta p,
body .cta p {
  color: #d5d9dd !important;
}

body .listing-block .block-title,
body .section-heading {
  color: var(--la-red-dark) !important;
}

body .fp-icon {
  background: linear-gradient(135deg, var(--la-red), var(--la-red-dark)) !important;
  color: var(--la-white) !important;
}

body .elite-diamond .fp-icon,
body .verified .fp-icon {
  background: linear-gradient(135deg, var(--la-green), var(--la-green-dark)) !important;
}

body .main-right {
  background: #f6f7f8 !important;
  border-left-color: var(--la-line) !important;
}

body .main-right .mini-section,
body .escort-card,
body .profile-card,
body .agency-card,
body .directory-card,
body .blog-card,
body .wx-card,
body .sx-card {
  background: var(--la-white) !important;
  border-color: var(--la-line) !important;
  box-shadow: 0 10px 28px rgba(33, 37, 41, .10) !important;
}

body .main-right .mini-title {
  color: var(--la-red-dark) !important;
}

body .escort-card:hover,
body .profile-card:hover,
body .agency-card:hover,
body .directory-card:hover,
body .blog-card:hover,
body .wx-card:hover,
body .sx-card:hover {
  border-color: rgba(220, 53, 69, .52) !important;
  box-shadow: 0 16px 36px rgba(162, 37, 45, .16) !important;
}

body .escort-badge,
body .badge,
body .tag,
body .status {
  background: var(--la-red-main) !important;
  color: var(--la-white) !important;
}

body .escort-badge-couple,
body .escort-badge-trans {
  background: linear-gradient(135deg, var(--la-red), var(--la-red-dark)) !important;
  color: var(--la-white) !important;
}

body .verified-badge,
body .badge-verified,
body .status-verified,
body .status-success,
body .success,
body [class*="verified-badge"] {
  background: var(--la-green) !important;
  border-color: var(--la-green) !important;
  color: var(--la-white) !important;
}

/* ============================================================
   CITY, COUNTY AND BROWSE-BY-LOCATION PAGES
============================================================ */
body .city-directory-page,
body .country-directory-page,
body .location-directory,
body .loc-page,
body .loc-city-directory,
body .wx-page {
  background: var(--la-white) !important;
  color: var(--la-black) !important;
}

body .city-hero,
body .country-hero,
body .location-hero,
body .taxonomy-city-hero,
body .loc-compact-hero,
body .wx-page-hero {
  background:
    radial-gradient(circle at 92% 8%, rgba(25, 135, 84, .10), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #fff7f8 62%, #f3faf6 100%) !important;
  border-color: rgba(220, 53, 69, .32) !important;
  box-shadow: 0 16px 42px rgba(33, 37, 41, .10) !important;
}

body .city-hero h1,
body .country-hero h1,
body .location-hero h1,
body .taxonomy-city-hero h1,
body .loc-compact-hero h1,
body .wx-page-hero h1 {
  color: var(--la-red) !important;
}

body .city-hero p,
body .country-hero p,
body .location-hero p,
body .taxonomy-city-hero p,
body .loc-compact-hero p,
body .wx-page-hero p {
  color: var(--la-muted) !important;
}

body .location-kicker,
body .loc-kicker,
body .wx-eyebrow {
  background: var(--la-soft-green) !important;
  border-color: rgba(25, 135, 84, .35) !important;
  color: var(--la-green) !important;
}

body .loc-compact-tools {
  background: linear-gradient(145deg, var(--la-charcoal), #17191c) !important;
  border-color: rgba(234, 62, 70, .34) !important;
}

body .loc-mini-search {
  background: var(--la-white) !important;
  border-color: var(--la-red-main) !important;
}

body .loc-mini-search input,
body .loc-mini-search span {
  color: var(--la-black) !important;
}

body .loc-compact-stats div {
  background: rgba(255, 255, 255, .07) !important;
  border-color: rgba(255, 255, 255, .12) !important;
}

body .loc-compact-stats strong {
  color: var(--la-white) !important;
}

body .loc-compact-stats span {
  color: #d5d9dd !important;
}

body .loc-popular-strip,
body .loc-toolbar,
body .loc-letter-block,
body .loc-feature-card,
body .loc-city-card,
body .city-content,
body .location-content,
body .location-prose {
  background: var(--la-white) !important;
  border-color: var(--la-line) !important;
}

body .loc-strip-title,
body .loc-directory-label,
body .loc-letter-head,
body .loc-city-name {
  color: var(--la-red-dark) !important;
}

body .loc-city-card:hover,
body .city-pill:hover,
body .location-city-pills a:hover {
  border-color: var(--la-green) !important;
  background: var(--la-soft-green) !important;
  color: var(--la-green-dark) !important;
}

body .city-pill,
body .location-city-pills a,
body .loc-az-nav a {
  background: var(--la-white) !important;
  border-color: var(--la-red-main) !important;
  color: var(--la-red-dark) !important;
}

body .loc-az-nav a.active,
body .loc-az-nav a:hover {
  background: var(--la-red-main) !important;
  border-color: var(--la-red-main) !important;
  color: var(--la-white) !important;
}

body .city-sponsored-summary-action,
body .city-sponsored-disclosure {
  color: var(--la-green-dark) !important;
}

/* ============================================================
   PACKAGES, CHECKOUT, CONTACT, BLOG, REVIEWS, ACCOUNT
============================================================ */
body .sx-packages,
body .sx-packages-section,
body .blog-main,
body .entry-content,
body .normal-user-account,
body .contact-page,
body .reviews-page {
  background: var(--la-white) !important;
  color: var(--la-black) !important;
}

body .sx-packages-hero,
body .blog-hero {
  background:
    radial-gradient(circle at 10% 0, rgba(220, 53, 69, .18), transparent 30%),
    radial-gradient(circle at 92% 100%, rgba(25, 135, 84, .16), transparent 30%),
    linear-gradient(135deg, var(--la-charcoal), #17191c) !important;
  border-color: rgba(234, 62, 70, .38) !important;
}

body .sx-packages-hero h1,
body .sx-packages-hero h2,
body .blog-hero h1,
body .blog-hero h2 {
  color: var(--la-white) !important;
}

body .sx-packages-hero p,
body .blog-hero p,
body .blog-sub {
  color: #d5d9dd !important;
}

body .sx-package-card.featured,
body .sx-package-card.is-featured,
body .package-featured {
  border-color: var(--la-red-main) !important;
  box-shadow: 0 18px 42px rgba(220, 53, 69, .16) !important;
}

body .sx-price,
body .price,
body .amount {
  color: var(--la-red-dark) !important;
}

body .sx-accent,
body .sx-eyebrow {
  color: var(--la-green) !important;
}

body .blog-pagination a,
body .pagination a,
body .wx-pagination a {
  background: var(--la-white) !important;
  border-color: var(--la-red-main) !important;
  color: var(--la-red-dark) !important;
}

body .blog-pagination a:hover,
body .pagination a:hover,
body .wx-pagination a:hover,
body .pagination .current,
body .wx-pagination .current {
  background: var(--la-red-main) !important;
  border-color: var(--la-red-main) !important;
  color: var(--la-white) !important;
}

/* ============================================================
   DASHBOARDS AND EDIT FORMS
============================================================ */
body .ds-root,
body .ds-root .ds-main,
body .ds-root .ds-content,
body .ep-root,
body .ep-root .ep-main,
body .ep-root .ep-content,
body .wizard-page,
body .wizard-theme {
  --text: #ffffff !important;
  --text-muted: #c1c7cd !important;
  --text-dim: #8f989f !important;
  --bg: #17191c !important;
  --bg2: #212529 !important;
  --bg3: #2a252d !important;
  --bg4: #303236 !important;
  --border2: rgba(255, 255, 255, .12) !important;
  --midnight: #17191c !important;
  --slate: #212529 !important;
  --deep-slate: #1d2023 !important;
  --champagne: var(--la-red-main) !important;
  --rose-gold: var(--la-red-dark) !important;
  --warm-gold: var(--la-red) !important;
  background: #17191c !important;
  color: var(--la-white) !important;
}

body .ds-root .ds-sidebar,
body .ds-root .ds-topbar,
body .ep-root .ep-sidebar,
body .ep-root .ep-topbar {
  background: var(--la-charcoal) !important;
  border-color: rgba(255, 255, 255, .10) !important;
}

body .ds-root .ds-card,
body .ds-root .ds-stat,
body .ds-root .ds-detail-item,
body .ds-root .ds-photo-thumb,
body .ep-root .ep-card,
body .ep-root .ep-field-card,
body .wizard-page .wizard-card,
body .wizard-page .form-card {
  background: var(--la-black) !important;
  border-color: rgba(234, 62, 70, .24) !important;
  color: var(--la-white) !important;
}

body .ds-root .ds-card-title,
body .ds-root .ds-card-head > span,
body .ep-root .ep-card-title,
body .ep-root .ep-section-title,
body .wizard-page h1,
body .wizard-page h2,
body .wizard-page h3,
body .wizard-theme h1,
body .wizard-theme h2,
body .wizard-theme h3 {
  color: var(--la-red) !important;
}

body .ds-root .ds-page-title,
body .ds-root .ds-avatar-name,
body .ep-root .ep-page-title,
body .ep-root .ep-card h1,
body .ep-root .ep-card h2,
body .ep-root .ep-card h3,
body .ds-root .ds-card h1,
body .ds-root .ds-card h2,
body .ds-root .ds-card h3 {
  color: var(--la-white) !important;
}

body .ds-root .ds-nav-item.active,
body .ds-root .ds-nav-item:hover,
body .ep-root .ep-nav-item.active,
body .ep-root .ep-nav-item:hover,
body .wizard-page .step.active,
body .wizard-page .step.completed {
  background: rgba(220, 53, 69, .16) !important;
  border-color: var(--la-red-main) !important;
  color: var(--la-white) !important;
}

body .wizard-page .step.completed,
body .wizard-page .success,
body .ds-root .status-approved,
body .ep-root .status-approved {
  background: rgba(25, 135, 84, .16) !important;
  border-color: var(--la-green) !important;
  color: #8ee0b3 !important;
}

body .ds-root input,
body .ds-root textarea,
body .ds-root select,
body .ep-root input,
body .ep-root textarea,
body .ep-root select,
body .wizard-page input,
body .wizard-page textarea,
body .wizard-page select {
  background: #17191c !important;
  border-color: #495057 !important;
  color: var(--la-white) !important;
}

body .ds-root input:focus,
body .ds-root textarea:focus,
body .ds-root select:focus,
body .ep-root input:focus,
body .ep-root textarea:focus,
body .ep-root select:focus,
body .wizard-page input:focus,
body .wizard-page textarea:focus,
body .wizard-page select:focus {
  border-color: var(--la-red) !important;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, .20) !important;
}

/* ============================================================
   TABLES, NOTICES AND ACCESSIBILITY STATES
============================================================ */
body table {
  border-color: var(--la-line);
}

body table th {
  background: var(--la-charcoal);
  color: var(--la-white) !important;
  border-color: #41464b;
}

body table td {
  border-color: var(--la-line);
}

body .notice-success,
body .alert-success,
body .message-success {
  background: var(--la-soft-green) !important;
  border-color: var(--la-green) !important;
  color: var(--la-green-deep) !important;
}

body .notice-error,
body .alert-error,
body .message-error,
body .error-message {
  background: var(--la-soft-red) !important;
  border-color: var(--la-red-main) !important;
  color: var(--la-red-deep) !important;
}

body :focus-visible {
  outline-color: var(--la-red-main) !important;
}

/* ============================================================
   FOOTER
============================================================ */
body .site-footer.premium-footer,
body .site-footer.premium-footer.compact-premium-footer,
body footer.site-footer {
  background:
    radial-gradient(circle at 0 0, rgba(234, 62, 70, .18), transparent 30%),
    radial-gradient(circle at 100% 100%, rgba(25, 135, 84, .14), transparent 32%),
    linear-gradient(135deg, var(--la-charcoal) 0%, #17191c 58%, #212529 100%) !important;
  border-top: 3px solid var(--la-red-main) !important;
  color: var(--la-white) !important;
}

body .site-footer.premium-footer h4,
body .compact-premium-footer h4 {
  color: var(--la-red) !important;
}

body .site-footer.premium-footer p,
body .site-footer.premium-footer .footer-text,
body .site-footer.premium-footer .footer-bottom,
body .compact-premium-footer .compact-footer-bottom {
  color: #d5d9dd !important;
}

body .site-footer.premium-footer .footer-badges span,
body .compact-premium-footer .footer-badges span {
  border-color: rgba(25, 135, 84, .48) !important;
  background: rgba(25, 135, 84, .10) !important;
  color: #ccebdc !important;
}

body .site-footer.premium-footer ul a,
body .compact-premium-footer ul a,
body .site-footer.premium-footer .footer-bottom a {
  color: var(--la-white) !important;
  border-color: rgba(255, 255, 255, .07) !important;
  background: rgba(255, 255, 255, .025) !important;
}

body .site-footer.premium-footer ul a:hover,
body .compact-premium-footer ul a:hover,
body .site-footer.premium-footer .footer-bottom a:hover {
  color: var(--la-white) !important;
  border-color: rgba(25, 135, 84, .40) !important;
  background: rgba(25, 135, 84, .15) !important;
}

/* ============================================================
   RESPONSIVE COLOR CONSISTENCY
============================================================ */
@media (max-width: 991px) {
  body .mobile-premium-header {
    background: var(--la-charcoal) !important;
    border-top: 4px solid var(--la-red) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
  }

  body .mobile-top-row,
  body .mobile-bottom-row {
    background: transparent !important;
  }

  body .mobile-top-link,
  body .mobile-site-logo,
  body .laex-site-brand {
    color: var(--la-white) !important;
  }
}

@media (max-width: 640px) {
  body .home-main .fp-hero,
  body .city-hero,
  body .country-hero,
  body .location-hero,
  body .loc-compact-hero {
    border-left: 4px solid var(--la-red-main) !important;
  }

  body .fp-hero-actions,
  body .fp-register-actions {
    gap: 9px !important;
  }
}

/* ============================================================
   BROWSE BY LOCATION VISIBILITY AND RESPONSIVE GRID FIX
   Version 1.4.1
============================================================ */
body.page-template-page-browse-by-location .loc-page,
body.page-id-0 .loc-page {
  background:
    radial-gradient(circle at 8% 0%, rgba(220, 53, 69, .07), transparent 28%),
    radial-gradient(circle at 92% 4%, rgba(25, 135, 84, .07), transparent 30%),
    #f3f5f7 !important;
  color: var(--la-black) !important;
}

body .loc-popular-strip,
body .loc-directory-shell {
  background: var(--la-white) !important;
  border-color: #dfe3e7 !important;
  box-shadow: 0 12px 28px rgba(33, 37, 41, .10) !important;
}

body .loc-popular-strip {
  overflow: hidden !important;
}

body .loc-strip-title span {
  color: var(--la-red) !important;
}

body .loc-strip-title strong {
  display: block !important;
  color: var(--la-black) !important;
}

body .loc-featured-grid {
  min-width: 0 !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
}

body .loc-feature-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: center !important;
  justify-content: stretch !important;
  gap: 4px !important;
  min-height: 58px !important;
  padding: 10px 12px !important;
  background: linear-gradient(145deg, #ffffff, #fff7f8) !important;
  border-color: #dde2e6 !important;
  box-shadow: inset 0 1px 0 #ffffff !important;
  text-align: left !important;
}

body .loc-feature-card span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--la-black) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .loc-feature-card small {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--la-red) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .loc-feature-card:hover {
  background: var(--la-soft-green) !important;
  border-color: var(--la-green) !important;
  box-shadow: 0 8px 20px rgba(25, 135, 84, .12) !important;
}

body .loc-feature-card:hover span {
  color: var(--la-green-dark) !important;
}

body .loc-feature-card:hover small {
  color: var(--la-green) !important;
}

body .loc-feature-card::after,
body .loc-city-card::after {
  background: rgba(220, 53, 69, .12) !important;
}

body .loc-toolbar {
  background: rgba(255, 255, 255, .96) !important;
  border-color: #dde2e6 !important;
  box-shadow: 0 8px 20px rgba(33, 37, 41, .08) !important;
}

body .loc-directory-label span {
  color: var(--la-black) !important;
}

body .loc-directory-label strong {
  color: var(--la-muted) !important;
}

body .loc-directory-label b {
  color: var(--la-red) !important;
}

body .loc-toolbar-note {
  background: var(--la-soft-green) !important;
  border-color: rgba(25, 135, 84, .28) !important;
  color: var(--la-green-dark) !important;
}

body .loc-az-nav {
  background: #f7f8f9 !important;
  border-color: #e1e5e8 !important;
}

body .loc-letter-block {
  background: #fbfcfc !important;
  border-color: #e1e5e8 !important;
}

body .loc-letter-head h2 {
  color: var(--la-white) !important;
  background: linear-gradient(135deg, var(--la-red), var(--la-red-dark)) !important;
  box-shadow: 0 8px 18px rgba(220, 53, 69, .20) !important;
}

body .loc-letter-head span {
  color: var(--la-muted) !important;
}

body .loc-city-card {
  background: var(--la-white) !important;
  border-color: #e0e4e7 !important;
  box-shadow: inset 0 1px 0 #ffffff !important;
}

body .loc-city-name {
  color: var(--la-black) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .loc-city-card em {
  color: var(--la-green-dark) !important;
  background: var(--la-soft-green) !important;
  border-color: rgba(25, 135, 84, .25) !important;
}

body .loc-city-card:hover .loc-city-name {
  color: var(--la-green-dark) !important;
}

body .loc-city-card:hover em {
  color: var(--la-white) !important;
  background: var(--la-green) !important;
  border-color: var(--la-green) !important;
}

body .loc-no-results {
  background: var(--la-soft-red) !important;
  border-color: rgba(220, 53, 69, .28) !important;
  color: var(--la-red-dark) !important;
}

@media (min-width: 1481px) {
  body .loc-compact-hero,
  body .loc-popular-strip,
  body .loc-directory-shell,
  body .loc-no-results {
    max-width: 1680px !important;
  }
}

@media (max-width: 1020px) {
  body .loc-featured-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body .loc-popular-strip {
    gap: 9px !important;
  }

  body .loc-strip-title {
    padding: 2px 2px 5px !important;
  }

  body .loc-featured-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body .loc-feature-card {
    min-height: 54px !important;
    padding: 9px 10px !important;
  }
}

@media (max-width: 420px) {
  body .loc-featured-grid {
    grid-template-columns: 1fr !important;
  }
}