/**
 * SMNET Core 1.17.13 — Global Hero Color System
 * Unifies key hero backgrounds to the SMNET logo palette while preserving readable contrast.
 */

:root {
  --smnet-logo-hero-bg:
    radial-gradient(circle at 12% 16%, rgba(0, 174, 239, 0.24), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(90, 219, 255, 0.16), transparent 24%),
    linear-gradient(135deg, #061629 0%, #0a2d4e 46%, #0a5b8c 72%, #0aa9e8 138%);
  --smnet-logo-hero-surface: linear-gradient(160deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06));
  --smnet-logo-hero-border: rgba(255, 255, 255, 0.15);
  --smnet-logo-hero-text: #ffffff;
  --smnet-logo-hero-muted: rgba(233, 243, 249, 0.88);
  --smnet-logo-hero-subtle: rgba(201, 223, 238, 0.82);
  --smnet-logo-hero-accent: #84deff;
  --smnet-logo-hero-shadow: 0 22px 58px rgba(3, 17, 31, 0.18);
}

body.smnet-core .smnet-home-hero,
body.smnet-core .smnet-brand-hub-hero,
body.smnet-core .smnet-brand-detail-hero,
body.smnet-core .smnet-brand-hero,
body.smnet-core .smnet-corp-hero,
body.smnet-core .smnet-landing-v160-hero,
body.smnet-core .smnet-hub-hero,
body.smnet-core .smnet-commerce-hero,
body.smnet-core .smnet-transaction-hero,
body.smnet-core .smnet-search-page-hero,
body.smnet-core .smnet-archive-header,
body.smnet-core .smnet-404,
body.smnet-core .woocommerce-products-header {
  position: relative;
  overflow: hidden;
  background: var(--smnet-logo-hero-bg) !important;
  color: var(--smnet-logo-hero-text);
}

body.smnet-core .smnet-archive-header,
body.smnet-core .smnet-404,
body.smnet-core .woocommerce-products-header {
  padding: clamp(26px, 3vw, 42px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  box-shadow: var(--smnet-logo-hero-shadow);
}

body.smnet-core .smnet-home-hero .smnet-hero-grid-bg,
body.smnet-core .smnet-corp-hero .smnet-corp-grid-bg,
body.smnet-core .smnet-brand-hero .smnet-brand-hero-grid-bg,
body.smnet-core .smnet-brand-detail-hero .smnet-brand-hero-image,
body.smnet-core .smnet-landing-v160-hero .smnet-motion-media-overlay,
body.smnet-core .smnet-hub-hero .smnet-motion-media-overlay {
  opacity: 0.58;
}

body.smnet-core .smnet-home-hero :is(h1, p),
body.smnet-core .smnet-brand-hub-hero :is(h1, p),
body.smnet-core .smnet-brand-detail-hero :is(h1, p),
body.smnet-core .smnet-brand-hero :is(h1, p),
body.smnet-core .smnet-corp-hero :is(h1, p),
body.smnet-core .smnet-landing-v160-hero :is(h1, p),
body.smnet-core .smnet-hub-hero :is(h1, p),
body.smnet-core .smnet-commerce-hero :is(h1, p),
body.smnet-core .smnet-transaction-hero :is(h1, p),
body.smnet-core .smnet-search-page-hero :is(h1, p),
body.smnet-core .smnet-archive-header :is(h1, p, .smnet-archive-description),
body.smnet-core .smnet-404 :is(h1, p),
body.smnet-core .woocommerce-products-header :is(.woocommerce-products-header__title.page-title, p, .term-description) {
  color: var(--smnet-logo-hero-text);
}

body.smnet-core .smnet-home-hero p,
body.smnet-core .smnet-brand-hub-hero p,
body.smnet-core .smnet-brand-detail-hero p,
body.smnet-core .smnet-brand-hero p,
body.smnet-core .smnet-corp-hero p,
body.smnet-core .smnet-landing-v160-hero p,
body.smnet-core .smnet-hub-hero p,
body.smnet-core .smnet-commerce-hero p,
body.smnet-core .smnet-transaction-hero p,
body.smnet-core .smnet-search-page-hero p,
body.smnet-core .smnet-archive-header .smnet-archive-description,
body.smnet-core .smnet-404 p,
body.smnet-core .woocommerce-products-header .term-description,
body.smnet-core .smnet-brand-tagline,
body.smnet-core .smnet-brand-signature-content small,
body.smnet-core .smnet-brand-hero-card-top small,
body.smnet-core .smnet-corp-hero-mark small,
body.smnet-core .smnet-search-page-query {
  color: var(--smnet-logo-hero-muted) !important;
}

body.smnet-core .smnet-home-hero .smnet-kicker,
body.smnet-core .smnet-brand-hub-hero .smnet-kicker,
body.smnet-core .smnet-brand-detail-hero .smnet-kicker,
body.smnet-core .smnet-brand-hero .smnet-kicker,
body.smnet-core .smnet-corp-hero .smnet-kicker,
body.smnet-core .smnet-landing-v160-hero .smnet-landing-v160-type,
body.smnet-core .smnet-hub-hero .smnet-hub-eyebrow,
body.smnet-core .smnet-commerce-hero .smnet-kicker,
body.smnet-core .smnet-transaction-hero .smnet-kicker,
body.smnet-core .smnet-search-page-hero .smnet-kicker,
body.smnet-core .smnet-archive-header .smnet-kicker,
body.smnet-core .smnet-404 .smnet-kicker {
  color: var(--smnet-logo-hero-accent) !important;
}

body.smnet-core .smnet-landing-v160-hero .smnet-landing-v160-type span,
body.smnet-core .smnet-hub-hero .smnet-hub-v113-pillar-number,
body.smnet-core .smnet-search-page-query strong,
body.smnet-core .woocommerce-products-header .woocommerce-products-header__title.page-title,
body.smnet-core .smnet-archive-header h1,
body.smnet-core .smnet-404 h1 {
  color: var(--smnet-logo-hero-text) !important;
}

body.smnet-core .smnet-brand-hero-directory-card,
body.smnet-core .smnet-brand-hero-signature,
body.smnet-core .smnet-brand-identity-card,
body.smnet-core .smnet-landing-v160-architecture,
body.smnet-core .smnet-hub-v113-brand-mark,
body.smnet-core .smnet-commerce-hero-search,
body.smnet-core .smnet-search-page-form,
body.smnet-core .smnet-corp-hero-mark {
  background: var(--smnet-logo-hero-surface) !important;
  border-color: var(--smnet-logo-hero-border) !important;
  box-shadow: var(--smnet-logo-hero-shadow);
}

body.smnet-core .smnet-commerce-hero-search input[type=search],
body.smnet-core .smnet-search-page-form input[type=search] {
  background: rgba(255, 255, 255, 0.95);
  color: #0a223a;
}

body.smnet-core .smnet-commerce-hero-search input[type=search]::placeholder,
body.smnet-core .smnet-search-page-form input[type=search]::placeholder {
  color: #6b7f92;
}

body.smnet-core .smnet-home-hero a:not(.smnet-button),
body.smnet-core .smnet-brand-hub-hero a:not(.smnet-button),
body.smnet-core .smnet-brand-detail-hero a:not(.smnet-button),
body.smnet-core .smnet-brand-hero a:not(.smnet-button),
body.smnet-core .smnet-corp-hero a:not(.smnet-button),
body.smnet-core .smnet-landing-v160-hero a:not(.smnet-button),
body.smnet-core .smnet-hub-hero a:not(.smnet-button),
body.smnet-core .smnet-commerce-hero a:not(.smnet-button),
body.smnet-core .smnet-transaction-hero a:not(.smnet-button),
body.smnet-core .smnet-search-page-hero a:not(.smnet-button),
body.smnet-core .smnet-archive-header a:not(.smnet-button),
body.smnet-core .smnet-404 a:not(.smnet-button),
body.smnet-core .woocommerce-products-header a:not(.smnet-button) {
  color: #ffffff;
}

body.smnet-core .smnet-home-hero .smnet-button-ghost,
body.smnet-core .smnet-brand-hub-hero .smnet-button-ghost,
body.smnet-core .smnet-brand-detail-hero .smnet-button-ghost,
body.smnet-core .smnet-brand-hero .smnet-button-ghost,
body.smnet-core .smnet-corp-hero .smnet-button-ghost,
body.smnet-core .smnet-landing-v160-hero .smnet-button-ghost,
body.smnet-core .smnet-hub-hero .smnet-button-ghost,
body.smnet-core .smnet-commerce-hero .smnet-button-ghost,
body.smnet-core .smnet-transaction-hero .smnet-button-ghost,
body.smnet-core .smnet-search-page-hero .smnet-button-ghost,
body.smnet-core .smnet-archive-header .smnet-button-ghost,
body.smnet-core .smnet-404 .smnet-button-ghost,
body.smnet-core .woocommerce-products-header .smnet-button-ghost {
  border-color: rgba(255, 255, 255, 0.26);
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}

body.smnet-core .smnet-home-hero .smnet-button-ghost:hover,
body.smnet-core .smnet-brand-hub-hero .smnet-button-ghost:hover,
body.smnet-core .smnet-brand-detail-hero .smnet-button-ghost:hover,
body.smnet-core .smnet-brand-hero .smnet-button-ghost:hover,
body.smnet-core .smnet-corp-hero .smnet-button-ghost:hover,
body.smnet-core .smnet-landing-v160-hero .smnet-button-ghost:hover,
body.smnet-core .smnet-hub-hero .smnet-button-ghost:hover,
body.smnet-core .smnet-commerce-hero .smnet-button-ghost:hover,
body.smnet-core .smnet-transaction-hero .smnet-button-ghost:hover,
body.smnet-core .smnet-search-page-hero .smnet-button-ghost:hover,
body.smnet-core .smnet-archive-header .smnet-button-ghost:hover,
body.smnet-core .smnet-404 .smnet-button-ghost:hover,
body.smnet-core .woocommerce-products-header .smnet-button-ghost:hover {
  background: rgba(255, 255, 255, 0.12);
}

@media (max-width: 782px) {
  body.smnet-core .smnet-archive-header,
  body.smnet-core .smnet-404,
  body.smnet-core .woocommerce-products-header {
    border-radius: 18px;
    padding: 24px 20px;
  }
}