/*
 * Thayu Market editorial palette: deep navy, royal blue and restrained gold.
 * Loaded after the stable layout so it safely replaces the former yellow accents.
 */
:root {
  --thayu-navy: #071b3d;
  --thayu-blue: #123c8c;
  --thayu-gold: #c99a32;
  --thayu-gold-light: #e2bd62;
  --thayu-ink: #102a55;
}

.marketplace-hero-section {
  background: linear-gradient(135deg, var(--thayu-navy) 0%, #0b2b63 46%, var(--thayu-blue) 100%) !important;
  border-bottom: 4px solid var(--thayu-gold);
}

.hero-promo-panel {
  background: linear-gradient(135deg, rgba(7, 27, 61, .98), rgba(18, 60, 140, .96)) !important;
  border: 1px solid rgba(226, 189, 98, .48) !important;
  box-shadow: 0 18px 38px rgba(7, 27, 61, .30) !important;
}

.hero-promo-content h1,
.hero-promo-content p {
  color: #ffffff !important;
}

.hero-search-fullwidth .unified-search-field {
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid rgba(226, 189, 98, .65) !important;
}

.hero-search-fullwidth button,
.marketplace-hero-section .thayu-search button {
  background: var(--thayu-gold) !important;
  border-color: var(--thayu-gold) !important;
  color: var(--thayu-navy) !important;
  font-weight: 900 !important;
}

.hero-search-fullwidth button:hover,
.hero-search-fullwidth button:focus-visible,
.marketplace-hero-section .thayu-search button:hover,
.marketplace-hero-section .thayu-search button:focus-visible {
  background: var(--thayu-gold-light) !important;
  border-color: var(--thayu-gold-light) !important;
  color: var(--thayu-navy) !important;
}

.site-header .compact-post-button,
.site-header a.compact-post-button,
.trending-section .trending-post-business-button,
.load-more-button {
  background: var(--thayu-navy) !important;
  border-color: var(--thayu-navy) !important;
  color: #ffffff !important;
}

.site-header .compact-post-button:hover,
.site-header .compact-post-button:focus-visible,
.site-header a.compact-post-button:hover,
.site-header a.compact-post-button:focus-visible,
.trending-section .trending-post-business-button:hover,
.trending-section .trending-post-business-button:focus-visible,
.load-more-button:hover,
.load-more-button:focus-visible {
  background: var(--thayu-blue) !important;
  border-color: var(--thayu-blue) !important;
  box-shadow: 0 10px 24px rgba(7, 27, 61, .26) !important;
}

.featured-ribbon,
.card-image-price.featured-price {
  background: var(--thayu-gold) !important;
  color: var(--thayu-navy) !important;
}

.thayu-card.is-featured {
  border-color: rgba(201, 154, 50, .55) !important;
  box-shadow: 0 12px 30px rgba(7, 27, 61, .15), 0 0 0 4px rgba(201, 154, 50, .10) !important;
}

.premium-service-card {
  border-color: rgba(7, 27, 61, .18) !important;
  box-shadow: 0 8px 20px rgba(7, 27, 61, .10) !important;
}

.premium-service-card:hover,
.premium-service-card:focus-visible {
  border-color: var(--thayu-gold) !important;
  box-shadow: 0 12px 26px rgba(7, 27, 61, .18) !important;
}

.premium-service-card__icon {
  background: #f7f0df !important;
  color: var(--thayu-navy);
}

.premium-service-card b,
.card-category,
.card-price,
.homepage-card-grid .card-location-line,
.uniform-card-grid .card-location-line {
  color: var(--thayu-navy) !important;
}

.card-category,
.card-price {
  background: #eef2fa !important;
  border-color: rgba(7, 27, 61, .14) !important;
}

.compact-header-menu>li>a:hover,
.compact-header-menu>li>a:focus-visible {
  color: var(--thayu-blue) !important;
}

.site-footer,
#site-footer {
  background: var(--thayu-navy) !important;
}


/* Cinematic cover treatment: background-only, with no embedded wording or images. */
.marketplace-hero-section {
  isolation: isolate;
  overflow: hidden;
  position: relative;
  background:
    radial-gradient(ellipse at 63% 34%, rgba(41, 104, 255, .30) 0 1px, transparent 1.8px) 0 0 / 11px 11px,
    radial-gradient(circle at 22% 110%, rgba(18, 106, 255, .38), transparent 35%),
    radial-gradient(circle at 83% -8%, rgba(28, 78, 190, .34), transparent 34%),
    linear-gradient(128deg, #020816 0%, #071b3d 38%, #0d2d68 69%, #06142f 100%) !important;
}

.marketplace-hero-section::before,
.marketplace-hero-section::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.marketplace-hero-section::before {
  background:
    linear-gradient(136deg, transparent 0 11%, rgba(40, 107, 255, .60) 11.2% 11.45%, transparent 11.7% 31%,
      rgba(34, 111, 255, .72) 31.2% 31.45%, transparent 31.7% 100%),
    linear-gradient(164deg, transparent 0 54%, rgba(0, 127, 255, .62) 54.2% 54.45%, transparent 54.7% 100%),
    linear-gradient(22deg, transparent 0 24%, rgba(22, 89, 230, .28) 24.3% 24.7%, transparent 25% 100%);
  opacity: .92;
  z-index: -1;
}

.marketplace-hero-section::after {
  background:
    linear-gradient(112deg, transparent 0 79%, rgba(201, 154, 50, .88) 79.2% 79.35%, transparent 79.55% 81%,
      rgba(240, 201, 91, .96) 81.2% 81.45%, transparent 81.65% 83%,
      rgba(201, 154, 50, .82) 83.2% 83.35%, transparent 83.55% 100%),
    linear-gradient(180deg, transparent 0 96%, rgba(201, 154, 50, .85) 96.4% 97%, transparent 97.4% 100%);
  opacity: .92;
  z-index: -1;
}

.marketplace-hero-section .marketplace-hero-ad-grid {
  position: relative;
  z-index: 1;
}

.hero-promo-panel {
  background:
    linear-gradient(135deg, rgba(3, 14, 37, .93), rgba(12, 46, 108, .88)),
    radial-gradient(circle at 78% 15%, rgba(50, 120, 255, .25), transparent 32%) !important;
  border: 1px solid rgba(226, 189, 98, .52) !important;
  border-radius: 28px !important;
  box-shadow: 0 24px 48px rgba(0, 5, 20, .48), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.hero-promo-panel::before {
  background: repeating-linear-gradient(115deg, transparent 0 22px, rgba(65, 127, 255, .13) 23px 24px, transparent 25px 48px);
  border-radius: inherit;
  content: "";
  inset: 0;
  opacity: .55;
  pointer-events: none;
  position: absolute;
}

.hero-promo-content {
  position: relative;
  z-index: 1;
}

@media (max-width: 760px) {
  .marketplace-hero-section::after {
    background: linear-gradient(112deg, transparent 0 84%, rgba(201, 154, 50, .75) 84.3% 84.6%, transparent 85% 100%);
  }

  .hero-promo-panel {
    border-radius: 22px !important;
  }
}