/**
 * Partner / provider surface — inverted chrome vs core WDI cream pages.
 *
 * Scope: body.wdi-partner-surface only (WCFM stores, /articles, /providers,
 * SPM marketing, provider article singles). Leaves /services and B2B alone.
 *
 * Contrast rules (do not break these):
 *   Navy surfaces → cream/gold text
 *   Cream/white surfaces → navy text
 *   Subject pills on navy → cream fill + navy text (or translucent cream + cream text)
 *   Mailing forms on navy → white/cream form card + navy field labels
 */

body.wdi-partner-surface {
  --wdi-ps-navy: #0a2342;
  --wdi-ps-navy-deep: #061628;
  --wdi-ps-cream: #f2eadf;
  --wdi-ps-cream-soft: #faf6ef;
  --wdi-ps-gold: #c9a734;
  --wdi-ps-teal: #1d7d81;
}

/* Vertical scroll only — prevent sideways page drift on partner chrome. */
html:has(body.wdi-partner-surface),
body.wdi-partner-surface {
  overflow-x: hidden;
  max-width: 100%;
}

body.wdi-partner-surface #page-container,
body.wdi-partner-surface #et-main-area,
body.wdi-partner-surface #main-content,
body.wdi-partner-surface #wcfmmp-store,
body.wdi-partner-surface #wcfmmp-store-content {
  max-width: 100%;
  overflow-x: clip;
}

/* ── Header / nav ───────────────────────────────────────────────────────── */
body.wdi-partner-surface #top-header {
  background: var(--wdi-ps-navy-deep) !important;
  color: var(--wdi-ps-cream) !important;
  border-bottom: 1px solid rgba(201, 167, 52, 0.25);
}

body.wdi-partner-surface #top-header a,
body.wdi-partner-surface #top-header .wdi-secondary-login-link {
  color: var(--wdi-ps-cream) !important;
}

body.wdi-partner-surface #main-header,
body.wdi-partner-surface #main-header.et-fixed-header {
  background: var(--wdi-ps-navy) !important;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.28) !important;
}

body.wdi-partner-surface #main-header .container,
body.wdi-partner-surface #et-top-navigation {
  background: transparent !important;
}

body.wdi-partner-surface #top-menu > li > a,
body.wdi-partner-surface #et-top-navigation > a,
body.wdi-partner-surface .mobile_menu_bar:before {
  color: var(--wdi-ps-cream) !important;
}

body.wdi-partner-surface #top-menu > li > a:hover,
body.wdi-partner-surface #top-menu > li.current-menu-item > a,
body.wdi-partner-surface #top-menu > li.current_page_item > a {
  color: var(--wdi-ps-gold) !important;
}

/*
 * Dropdown item colors live in wdi-header-nav-flyouts.css (site-wide) so
 * cream homepage and navy partner headers share the same flyout chrome.
 */

/* Cream inverse mark — no brightness wash on navy chrome */
body.wdi-partner-surface #main-header #logo,
body.wdi-partner-surface #main-header #logo img,
body.wdi-partner-surface #main-header .logo_container img {
  filter: none !important;
  max-height: 52px;
  width: auto;
  height: auto;
}

/* ── Page canvas ────────────────────────────────────────────────────────── */
body.wdi-partner-surface #et-main-area,
body.wdi-partner-surface #main-content {
  background: var(--wdi-ps-cream-soft) !important;
}

/* ── Content hub hero (articles) ────────────────────────────────────────── */
body.wdi-partner-surface.wdi-content-hub-page section.hero-shop-sec,
body.wdi-partner-surface.wdi-content-hub-page section.hero-shop-sec.wdi-b2b-hero {
  background-image: none !important;
  background-color: var(--wdi-ps-navy) !important;
  background: linear-gradient(
    165deg,
    var(--wdi-ps-navy) 0%,
    #123056 52%,
    #164a58 100%
  ) !important;
  color: var(--wdi-ps-cream);
}

body.wdi-partner-surface.wdi-content-hub-page section.hero-shop-sec::before {
  display: none !important;
}

body.wdi-partner-surface.wdi-content-hub-page .wdi-b2b-hero__eyebrow {
  color: var(--wdi-ps-gold) !important;
}

body.wdi-partner-surface.wdi-content-hub-page h1.shop-hero-head-main {
  color: var(--wdi-ps-cream) !important;
  font-size: clamp(2rem, 4.5vw, 2.85rem) !important;
  line-height: 1.15 !important;
  max-width: 18ch;
  margin-inline: auto;
}

body.wdi-partner-surface.wdi-content-hub-page .wdi-b2b-hero__lede {
  color: rgba(242, 234, 223, 0.92) !important;
  max-width: 40rem;
  margin-inline: auto;
}

body.wdi-partner-surface.wdi-content-hub-page .wdi-b2b-hero-search__label {
  color: var(--wdi-ps-gold) !important;
}

body.wdi-partner-surface.wdi-content-hub-page .wdi-b2b-hero-search__input {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(201, 167, 52, 0.55) !important;
  color: var(--wdi-ps-cream) !important;
}

body.wdi-partner-surface.wdi-content-hub-page .wdi-b2b-hero-search__input::placeholder {
  color: rgba(242, 234, 223, 0.65) !important;
}

/* ── Pillars (cream band → navy text) ───────────────────────────────────── */
body.wdi-partner-surface .wdi-b2b-pillars {
  background: var(--wdi-ps-cream) !important;
  color: var(--wdi-ps-navy);
}

body.wdi-partner-surface .wdi-b2b-pillars .wdi-b2b-section-head__title,
body.wdi-partner-surface .wdi-b2b-pillars .wdi-b2b-pillar__title {
  color: var(--wdi-ps-navy) !important;
}

body.wdi-partner-surface .wdi-b2b-pillars .wdi-b2b-section-head__lede,
body.wdi-partner-surface .wdi-b2b-pillars .wdi-b2b-pillar__body {
  color: rgba(10, 35, 66, 0.78) !important;
}

body.wdi-partner-surface .wdi-b2b-pillar {
  background: #fff !important;
  border-color: rgba(10, 35, 66, 0.12) !important;
}

/* ── Subjects (navy band → cream titles; pills = cream + navy text) ─────── */
body.wdi-partner-surface .wdi-b2b-subjects {
  background: var(--wdi-ps-navy) !important;
}

body.wdi-partner-surface .wdi-b2b-subjects .wdi-b2b-section-head__title {
  color: var(--wdi-ps-cream) !important;
}

body.wdi-partner-surface .wdi-b2b-subjects .wdi-b2b-section-head__lede {
  color: rgba(242, 234, 223, 0.85) !important;
}

body.wdi-partner-surface .wdi-b2b-subject {
  background: var(--wdi-ps-cream) !important;
  color: var(--wdi-ps-navy) !important;
  border: 1px solid rgba(201, 167, 52, 0.45) !important;
}

body.wdi-partner-surface .wdi-b2b-subject:hover,
body.wdi-partner-surface .wdi-b2b-subject:focus-visible {
  border-color: var(--wdi-ps-gold) !important;
  color: var(--wdi-ps-navy) !important;
  box-shadow: 0 2px 14px rgba(201, 167, 52, 0.3);
}

/* ── Explore (cream → navy text) ────────────────────────────────────────── */
body.wdi-partner-surface .wdi-b2b-explore {
  background: linear-gradient(
    180deg,
    var(--wdi-ps-cream) 0%,
    var(--wdi-ps-cream-soft) 100%
  ) !important;
}

body.wdi-partner-surface .wdi-b2b-explore__label {
  color: var(--wdi-ps-gold) !important;
}

body.wdi-partner-surface .wdi-b2b-explore__text {
  color: rgba(10, 35, 66, 0.8) !important;
}

body.wdi-partner-surface .wdi-b2b-explore__cta {
  background: var(--wdi-ps-navy) !important;
  color: var(--wdi-ps-cream) !important;
  border-color: var(--wdi-ps-navy) !important;
}

body.wdi-partner-surface .wdi-b2b-explore__cta:hover {
  background: var(--wdi-ps-teal) !important;
  border-color: var(--wdi-ps-teal) !important;
  color: #fff !important;
}

/* ── Mailing band: navy shell + cream form card (readable fields) ───────── */
body.wdi-partner-surface .wdi-b2b-mailing-inline {
  background: var(--wdi-ps-navy) !important;
  color: var(--wdi-ps-cream);
}

body.wdi-partner-surface .wdi-b2b-mailing-inline .wdi-b2b-mailing__eyebrow {
  color: var(--wdi-ps-gold) !important;
}

body.wdi-partner-surface .wdi-b2b-mailing-inline .wdi-b2b-mailing__title,
body.wdi-partner-surface .wdi-b2b-mailing-inline .wdi-b2b-mailing__lede {
  color: var(--wdi-ps-cream) !important;
}

body.wdi-partner-surface .wdi-b2b-mailing-inline__link {
  color: var(--wdi-ps-gold) !important;
}

body.wdi-partner-surface .wdi-b2b-mailing-inline .wdi-b2b-mailing__form {
  background: var(--wdi-ps-cream-soft) !important;
  border: 1px solid rgba(201, 167, 52, 0.35);
  border-radius: 12px;
  padding: 1.25rem 1.35rem 1.4rem;
}

body.wdi-partner-surface .wdi-b2b-mailing-inline .wdi-b2b-mailing__form label,
body.wdi-partner-surface .wdi-b2b-mailing-inline .wdi-b2b-mailing__form legend,
body.wdi-partner-surface .wdi-b2b-mailing-inline .wdi-b2b-mailing__form strong,
body.wdi-partner-surface .wdi-b2b-mailing-inline .wdi-b2b-mailing__intent-legend,
body.wdi-partner-surface .wdi-b2b-mailing-inline .wdi-b2b-mailing__note {
  color: var(--wdi-ps-navy) !important;
}

body.wdi-partner-surface .wdi-b2b-mailing-inline .wdi-b2b-mailing__intent-hint,
body.wdi-partner-surface .wdi-b2b-mailing-inline .wdi-b2b-mailing__optional {
  color: rgba(10, 35, 66, 0.65) !important;
}

body.wdi-partner-surface .wdi-b2b-mailing-inline .wdi-b2b-mailing__intent-option {
  background: #fff !important;
  border-color: rgba(10, 35, 66, 0.14) !important;
  color: var(--wdi-ps-navy) !important;
}

body.wdi-partner-surface .wdi-b2b-mailing-inline .wdi-b2b-mailing__field input {
  background: #fff !important;
  color: var(--wdi-ps-navy) !important;
  border-color: rgba(10, 35, 66, 0.2) !important;
}

/* ── Library / cards (cream page → navy text) ───────────────────────────── */
body.wdi-partner-surface .shop-body-l,
body.wdi-partner-surface .wdi-content-hub-card,
body.wdi-partner-surface .wdi-content-hub-card__title,
body.wdi-partner-surface .shop-sidebar,
body.wdi-partner-surface .shop-sidebar h3,
body.wdi-partner-surface .shop-sidebar a {
  color: var(--wdi-ps-navy);
}

body.wdi-partner-surface .shop-main .shop-search-input,
body.wdi-partner-surface .shop-main #main-search {
  background: #fff !important;
  color: var(--wdi-ps-navy) !important;
  border: 1px solid rgba(10, 35, 66, 0.2) !important;
}

body.wdi-partner-surface .shop-main .shop-search-input::placeholder,
body.wdi-partner-surface .shop-main #main-search::placeholder {
  color: rgba(10, 35, 66, 0.5) !important;
}

body.wdi-partner-surface .shop-sidebar {
  background: #fff !important;
  border-color: rgba(201, 167, 52, 0.45) !important;
}

/* ── WCFM store presentation ────────────────────────────────────────────── */
body.wdi-partner-surface.wcfm-store-page #wcfmmp-store .banner_img,
body.wdi-partner-surface.wcfmmp-store-page #wcfmmp-store .banner_img {
  height: clamp(220px, 32vw, 320px) !important;
  max-height: 320px !important;
  background: linear-gradient(
    135deg,
    var(--wdi-ps-navy) 0%,
    #123056 50%,
    var(--wdi-ps-teal) 160%
  ) !important;
}

body.wdi-partner-surface.wcfm-store-page #wcfmmp-store .header_area,
body.wdi-partner-surface.wcfmmp-store-page #wcfmmp-store .header_area {
  background: var(--wdi-ps-navy) !important;
  color: var(--wdi-ps-cream) !important;
  border-bottom: 3px solid var(--wdi-ps-gold);
  padding-block: 1.25rem 1.5rem;
  overflow: visible;
}

/*
 * Store identity: profile pic | verified badge
 *                 stars underneath logo
 * Kill WCFM absolute offsets (logo top:-100px, after left:35%).
 */
body.wcfm-store-page #wcfmmp-store .header_left,
body.wcfmmp-store-page #wcfmmp-store .header_left {
  display: grid !important;
  grid-template-columns: 96px auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 0.75rem;
  row-gap: 0.4rem;
  align-items: start;
  position: relative !important;
  float: none !important;
  width: auto !important;
  max-width: 100%;
  margin: 0 !important;
  padding: 0.75rem 0 0.25rem !important;
  z-index: 2;
}

body.wcfm-store-page #wcfmmp-store .logo_area,
body.wcfmmp-store-page #wcfmmp-store .logo_area {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  float: none !important;
  grid-column: 1;
  grid-row: 1;
  width: 96px !important;
  height: 96px !important;
  margin: 0 !important;
}

body.wcfm-store-page #wcfmmp-store .logo_area_after {
  display: contents !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  text-align: left !important;
}

body.wcfm-store-page #wcfmmp-store .wcfmmp_store_mobile_badges,
body.wcfm-store-page #wcfmmp-store .logo_area_after > .wcfm_vendor_badges {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  justify-self: start;
  display: flex !important;
  align-items: center;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
}

body.wcfm-store-page #wcfmmp-store .wcfm_vendor_badges,
body.wcfm-store-page #wcfmmp-store .wcfm_vendor_badge {
  display: inline-flex !important;
  float: none !important;
  margin: 0 !important;
  vertical-align: middle;
}

body.wcfm-store-page #wcfmmp-store .wcfm_vendor_badge img {
  width: 28px !important;
  height: 28px !important;
  position: static !important;
  top: auto !important;
  display: block !important;
}

body.wcfm-store-page #wcfmmp-store .wcfmmp-store-rating,
body.wcfm-store-page #wcfmmp-store .logo_area_after .wcfmmp-store-rating {
  grid-column: 1;
  grid-row: 2;
  justify-self: center;
  width: 6em !important;
  max-width: 96px;
  margin: 0.15rem 0 0 !important;
  float: none !important;
  position: relative !important;
  font-size: 1rem !important;
  height: 1.618em !important;
  line-height: 1.618 !important;
  overflow: hidden;
}

body.wcfm-store-page #wcfmmp-store .address,
body.wcfm-store-page #wcfmmp-store .address {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  float: none !important;
  grid-column: 3;
  grid-row: 1 / span 2;
  align-self: center;
  width: auto !important;
  max-width: 100%;
  margin: 0 !important;
}

body.wcfm-store-page #wcfmmp-store .header_left .spacer,
body.wcfm-store-page #wcfmmp-store .logo_area_after .spacer {
  display: none !important;
}

body.wdi-partner-surface.wcfm-store-page #wcfmmp-store .wcfm_store_title,
body.wdi-partner-surface.wcfmmp-store-page #wcfmmp-store .wcfm_store_title,
body.wdi-partner-surface.wcfm-store-page #wcfmmp-store .address,
body.wdi-partner-surface.wcfmmp-store-page #wcfmmp-store .address,
body.wdi-partner-surface.wcfm-store-page #wcfmmp-store .wcfmmp_store_info,
body.wdi-partner-surface.wcfmmp-store-page #wcfmmp-store .wcfmmp_store_info {
  color: var(--wdi-ps-cream) !important;
}

@media (max-width: 780px) {
  body.wcfm-store-page #wcfmmp-store .header_left,
  body.wcfmmp-store-page #wcfmmp-store .header_left {
    grid-template-columns: 96px auto;
    grid-template-rows: auto auto auto;
  }

  body.wcfm-store-page #wcfmmp-store .address,
  body.wcfmmp-store-page #wcfmmp-store .address {
    grid-column: 1 / -1;
    grid-row: 3;
  }
}

body.wdi-partner-surface.wcfm-store-page #wcfmmp-store .tab_area .tab_links,
body.wdi-partner-surface.wcfmmp-store-page #wcfmmp-store .tab_area .tab_links {
  background: var(--wdi-ps-cream) !important;
  border-bottom: 1px solid rgba(10, 35, 66, 0.12);
}

body.wdi-partner-surface.wcfm-store-page #wcfmmp-store .tab_area .tab_links li a,
body.wdi-partner-surface.wcfmmp-store-page #wcfmmp-store .tab_area .tab_links li a {
  color: var(--wdi-ps-navy) !important;
  font-weight: 600;
}

body.wdi-partner-surface.wcfm-store-page #wcfmmp-store .tab_area .tab_links li.active a,
body.wdi-partner-surface.wcfmmp-store-page #wcfmmp-store .tab_area .tab_links li a:hover {
  color: var(--wdi-ps-teal) !important;
  border-bottom-color: var(--wdi-ps-gold) !important;
}

body.wdi-partner-surface.wcfm-store-page #wcfmmp-store .right_side_content,
body.wdi-partner-surface.wcfmmp-store-page #wcfmmp-store .right_side_content,
body.wdi-partner-surface.wcfm-store-page #wcfmmp-store .left_sidebar,
body.wdi-partner-surface.wcfmmp-store-page #wcfmmp-store .left_sidebar {
  background: var(--wdi-ps-cream-soft) !important;
  color: var(--wdi-ps-navy);
}

body.wdi-partner-surface.wcfm-store-page #wcfmmp-store .button,
body.wdi-partner-surface.wcfmmp-store-page #wcfmmp-store input[type='submit'] {
  background: var(--wdi-ps-navy) !important;
  color: var(--wdi-ps-cream) !important;
  border-color: var(--wdi-ps-navy) !important;
}

body.wdi-partner-surface.wcfm-store-page #wcfmmp-store .button:hover,
body.wdi-partner-surface.wcfmmp-store-page #wcfmmp-store input[type='submit']:hover {
  background: var(--wdi-ps-teal) !important;
  border-color: var(--wdi-ps-teal) !important;
}

/* ── Provider article singles ───────────────────────────────────────────── */
body.wdi-partner-surface.wdi-article-single #main-content,
body.wdi-partner-surface.wdi-article-single .wdi-article-single-main {
  background: var(--wdi-ps-cream-soft) !important;
}

body.wdi-partner-surface.wdi-article-single .wdi-article {
  background: #fff;
  color: var(--wdi-ps-navy);
  border-color: rgba(10, 35, 66, 0.14);
}

body.wdi-partner-surface.wdi-article-single .wdi-article__title,
body.wdi-partner-surface.wdi-article-single .wdi-article__content {
  color: var(--wdi-ps-navy) !important;
}

body.wdi-partner-surface.wdi-article-single .wdi-vc-chrome {
  background: var(--wdi-ps-navy);
  border-color: transparent;
  color: var(--wdi-ps-cream);
}

body.wdi-partner-surface.wdi-article-single .wdi-vc-nav__link,
body.wdi-partner-surface.wdi-article-single .wdi-vc-byline,
body.wdi-partner-surface.wdi-article-single .wdi-vc-byline__label {
  color: var(--wdi-ps-cream) !important;
}

body.wdi-partner-surface.wdi-article-single .wdi-vc-nav__link:hover,
body.wdi-partner-surface.wdi-article-single .wdi-vc-nav__link--provider,
body.wdi-partner-surface.wdi-article-single .wdi-vc-byline__provider {
  color: var(--wdi-ps-gold) !important;
  border-bottom-color: var(--wdi-ps-gold);
}

/* ── SPM marketing ──────────────────────────────────────────────────────── */
body.wdi-partner-surface.wdi-spm-page #main-content {
  background: var(--wdi-ps-cream-soft) !important;
}

body.wdi-partner-surface.wdi-spm-page .wdi-spm-hero,
body.wdi-partner-surface.wdi-spm-page .wdi-partner-hero,
body.wdi-partner-surface.wdi-spm-page .wdi-servicer-hero {
  background: var(--wdi-ps-navy) !important;
  color: var(--wdi-ps-cream) !important;
}