/**
 * CreatorsServices — White + Blue marketplace UI
 * Presentation only. Loaded last so it wins over the original cosmic purple theme.
 */
:root {
  --cs-bg: #ffffff;
  --cs-bg-2: #f8fafc;
  --cs-bg-3: #f1f5f9;
  --cs-surface: #ffffff;
  --cs-surface-2: #f8fafc;
  --cs-panel: #ffffff;
  --cs-panel-strong: #ffffff;
  --cs-border: #e5e7eb;
  --cs-line: #e5e7eb;
  --cs-line-strong: #d0d5dd;
  --cs-text: #111827;
  --cs-text-soft: #475467;
  --cs-text-muted: #667085;
  --cs-muted: #667085;
  --cs-faint: #98a2b3;
  --cs-accent: #2563eb;
  --cs-accent-2: #1d4ed8;
  --cs-accent-soft: #eff6ff;
  --cs-accent-glow: rgba(37, 99, 235, 0.12);
  --cs-violet: #2563eb;
  --cs-violet-2: #1d4ed8;
  --cs-purple: #2563eb;
  --cs-purple-deep: #1e40af;
  --cs-header-bg: rgba(255, 255, 255, 0.94);
  --cs-header-line: #e5e7eb;
  --cs-footer-bg: #ffffff;
  --cs-footer-surface: #f8fafc;
  --cs-footer-border: #e5e7eb;
  --cs-footer-text: #111827;
  --cs-footer-muted: #667085;
  --cs-footer-accent: #2563eb;
  --cs-footer-accent-soft: #eff6ff;
  --cs-footer-accent-glow: rgba(37, 99, 235, 0.12);
  --cs-footer-blue: #2563eb;
  --cs-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  --cs-shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.08);
}

html,
body,
.cs-site,
#page {
  background: #ffffff !important;
  color: #111827;
}

body {
  color: #111827;
}

/* Decorative space glows fight a white canvas. Hide them. */
[class*="__background"],
[class*="__glow"],
[class*="__aurora"],
[class*="__noise"],
[class*="__orb"] {
  display: none !important;
}

/* Header */
.cs-header {
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 0 rgba(16, 24, 40, 0.03);
}
.cs-brand,
.cs-brand__name,
.cs-nav a,
.cs-header-action,
.cs-header__search input,
.cs-mobile-toggle {
  color: #111827;
}
.cs-brand__tagline,
.cs-nav a,
.cs-header-action {
  color: #475467;
}
.cs-brand__name span,
.cs-brand__mark {
  color: #2563eb !important;
}
.cs-nav a:hover,
.cs-nav .current-menu-item > a,
.cs-nav .current_page_item > a,
.cs-nav .current-menu-ancestor > a {
  background: #eff6ff;
  color: #1d4ed8;
}
.cs-header-action,
.cs-header__search {
  background: #ffffff;
  border-color: #e5e7eb;
}
.cs-header-action:hover,
.cs-header-action[aria-expanded="true"] {
  background: #f8fafc;
  border-color: #93c5fd;
  color: #1d4ed8;
}

/* Menus */
.cs-mega,
.cs-mega-menu,
.cs-mobile-menu,
.cs-mobile-drawer,
.cs-search-panel {
  background: #ffffff !important;
  color: #111827;
  border-color: #e5e7eb !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}
.cs-mega a,
.cs-mobile-menu a,
.cs-mobile-drawer a {
  color: #344054;
}
.cs-mega a:hover,
.cs-mobile-menu a:hover,
.cs-mobile-drawer a:hover {
  background: #eff6ff;
  color: #1d4ed8;
}

/* Home, shop, product, account, cart, checkout shells */
.cs-home,
.cs-shop,
.cs-product,
.cs-account,
.cs-cart,
.cs-checkout,
.cs-legal,
.cs-discovery,
.cs-auth,
.cs-order {
  background: #ffffff !important;
  color: #111827;
}

.cs-home-hero__title,
.cs-shop-hero__title,
.cs-product-hero__title,
.cs-section-title,
.cs-account__title,
h1, h2, h3, h4 {
  color: #101828;
}
.cs-home-hero__title span,
.cs-shop-hero__title span,
.cs-product-hero__title span,
.cs-eyebrow,
[class*="__eyebrow"] {
  color: #1d4ed8;
  background: none;
  -webkit-text-fill-color: #1d4ed8;
}

p,
li,
.cs-home-hero__description,
.cs-shop-hero__description,
.cs-product-hero__description,
.cs-product-description,
[class*="__description"],
[class*="__note"],
[class*="__meta"] {
  color: #475467;
}

/* Cards and simple surfaces: white with a quiet border so text stays readable */
.cs-home [class*="__card"],
.cs-shop [class*="__card"],
.cs-product [class*="__card"],
.cs-account [class*="__card"],
.cs-cart [class*="__card"],
.cs-checkout [class*="__card"],
.cs-product-actions__card,
.cs-product-meta__item,
.cs-product-documentation__panel,
.cs-product-changelog__summary,
.cs-product-support__card,
.cs-product-gallery__browser,
.cs-product-gallery__stage,
.cs-footer-cta,
.cs-footer-trust__item,
.cs-auth [class*="__panel"],
.cs-checkout [class*="__panel"],
.cs-checkout [class*="__summary"],
.cs-cart [class*="__summary"] {
  background: #ffffff !important;
  color: #111827;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05) !important;
}

.cs-home [class*="__card"] h3,
.cs-shop [class*="__card"] h3,
.cs-account [class*="__card"] h3,
[class*="__card"] [class*="__title"],
.cs-footer-cta__title,
.cs-footer-column__title,
.cs-footer-brand__text {
  color: #101828 !important;
}

/* Soft blue chips, never purple glass */
[class*="__badge"],
[class*="__pill"],
[class*="__eyebrow"] {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}

/* Primary actions stay blue with white label */
.cs-home-button--primary,
.cs-header__cta,
.cs-footer-cta__primary,
.cs-product-actions__buy,
.cs-product-support__button--primary,
.cs-product-documentation__button,
.cs-discovery__button--primary,
.cs-order-button--primary,
.cs-account-theme-card__button--primary,
.cs-license-card__button--primary,
.cs-auth-button,
.cs-mobile-menu__cta,
.cs-shop-empty__button,
.cs-legal__button:not(.cs-legal__button--ghost),
button.button,
button.alt,
a.button,
a.checkout-button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce #respond input#submit.alt {
  background: #2563eb !important;
  border-color: #1d4ed8 !important;
  color: #ffffff !important;
  box-shadow: none;
}
.cs-home-button--primary:hover,
.cs-product-actions__buy:hover,
.cs-footer-cta__primary:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

/* Secondary actions: white surface, dark label */
.cs-home-button--secondary,
.cs-footer-cta__secondary,
.cs-product-actions__preview,
.cs-product-support__button--secondary,
.cs-order-button--secondary,
.cs-legal__button--ghost,
.cs-account-theme-card__button--license {
  background: #ffffff !important;
  color: #1d4ed8 !important;
  border: 1px solid #bfdbfe !important;
}
.cs-home-button--secondary:hover,
.cs-product-actions__preview:hover,
.cs-footer-cta__secondary:hover {
  background: #eff6ff !important;
  color: #1e40af !important;
}

/* Forms */
input,
select,
textarea,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #d0d5dd !important;
}
input::placeholder,
textarea::placeholder {
  color: #98a2b3 !important;
}
label,
.woocommerce form .form-row label {
  color: #344054 !important;
}

/* Footer */
.cs-footer {
  background: #ffffff !important;
  color: #111827 !important;
  border-top: 1px solid #e5e7eb;
}
.cs-footer-links a,
.cs-footer-brand__description,
.cs-footer-cta__description,
.cs-footer-bottom,
.cs-footer-trust__item span {
  color: #667085 !important;
}
.cs-footer-links a:hover {
  color: #1d4ed8 !important;
}

/* Tables and WooCommerce notices */
.woocommerce table.shop_table,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: #ffffff;
  color: #111827;
  border-color: #e5e7eb;
}
.woocommerce-message,
.woocommerce-info {
  border-top-color: #2563eb;
}
.woocommerce-error {
  border-top-color: #f04438;
  color: #7a271a;
}

@media (max-width: 767px) {
  .cs-shop-hero { padding-top: 24px; }
  .cs-shop-hero__title { font-size: 36px; }
  .cs-product-hero { padding-top: 2rem; }
}


/* Shop archive: force white canvas and readable cards even if shop.css is cached. */
.cs-shop,
.cs-shop-hero,
.cs-shop-library,
.cs-shop-products {
  background: #ffffff !important;
  color: #111827 !important;
}
.cs-header__cta,
.cs-mobile-menu__cta {
  background: #2563eb !important;
  border-color: #1d4ed8 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
.cs-header__cta:hover,
.cs-mobile-menu__cta:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}
.cs-shop-hero__title,
.cs-shop-library__title,
.cs-shop-library__heading h2 {
  color: #101828 !important;
}
.cs-shop-hero__title span,
.cs-shop-library__title span,
.cs-shop-library__heading h2 span {
  background: none !important;
  -webkit-text-fill-color: #2563eb !important;
  color: #2563eb !important;
}
.cs-shop-library__count,
.cs-shop-sort,
.cs-shop-sort__select,
.cs-shop-tools__search input {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #d0d5dd !important;
  box-shadow: none !important;
}
.cs-shop-library__count strong,
.cs-shop-library__count span,
.cs-shop-sort__label {
  color: #344054 !important;
}
.cs-theme-card,
.cs-shop ul.products li.product {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}
.cs-theme-card__browser,
.cs-theme-card__browser-bar,
.cs-theme-card__body,
.cs-theme-card__benefit,
.cs-theme-card__requirements {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #111827 !important;
}
.cs-theme-card__title,
.cs-theme-card__title a,
.cs-theme-card__price,
.cs-theme-card__price bdi,
.cs-theme-card__price-label {
  color: #101828 !important;
}
.cs-theme-card__description,
.cs-theme-card__category,
.cs-theme-card__benefit span,
.cs-theme-card__feature,
.cs-theme-card__browser-address {
  color: #475467 !important;
}
.cs-theme-card__details,
.cs-theme-card__demo {
  background: #ffffff !important;
  color: #1d4ed8 !important;
  border: 1px solid #bfdbfe !important;
}

/* Cart checkout button: white label on blue. */
.cs-cart-summary__checkout,
a.cs-cart-summary__checkout,
.cs-cart-summary__checkout span {
  background: #2563eb !important;
  color: #ffffff !important;
  border: 0 !important;
}
.cs-cart-summary__checkout:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

/* Mastercard mark: both circles must stay visible on white. */
.cs-payment-brand--mastercard {
  min-width: 118px !important;
  gap: 6px !important;
  background: #ffffff !important;
}
.cs-payment-brand--mastercard i {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  display: block !important;
  opacity: 1 !important;
  flex: 0 0 16px;
}
.cs-payment-brand--mastercard i:first-child {
  background: #eb001b !important;
  margin: 0 !important;
}
.cs-payment-brand--mastercard i:nth-child(2) {
  background: #f79e1b !important;
  margin-left: -8px !important;
}
.cs-payment-brand--mastercard b {
  color: #1a1a1a !important;
  font: 700 9px/1 Arial, sans-serif !important;
}

/* Checkout notices and the terms warning. */
.woocommerce-checkout .woocommerce-info {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px !important;
  padding: 14px 16px !important;
  border: 1px solid #bfdbfe !important;
  border-left: 4px solid #2563eb !important;
  border-radius: 12px !important;
  background: #f8fbff !important;
  color: #1e3a8a !important;
  box-shadow: none !important;
}
.woocommerce-checkout .woocommerce-info::before {
  color: #2563eb !important;
}
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-error {
  margin: 0 0 16px !important;
  padding: 14px 16px 14px 44px !important;
  list-style: none !important;
  border: 1px solid #fecaca !important;
  border-left: 4px solid #dc2626 !important;
  border-radius: 12px !important;
  background: #fff7f7 !important;
  color: #7f1d1d !important;
  box-shadow: none !important;
}
.woocommerce-checkout .woocommerce-error li {
  color: #7f1d1d !important;
  font-weight: 650;
}
.cs-checkout .woocommerce-terms-and-conditions-wrapper {
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #f8fafc;
}
.cs-checkout .woocommerce-terms-and-conditions-wrapper.woocommerce-invalid,
.cs-checkout .woocommerce-invalid .woocommerce-terms-and-conditions-wrapper {
  border-color: #fca5a5;
  background: #fff7f7;
}
.cs-checkout .woocommerce-terms-and-conditions-checkbox-text,
.cs-checkout .woocommerce-terms-and-conditions-wrapper label {
  color: #344054 !important;
}

/* Stop the payment panel from jumping when the PayPal card button mounts or is hovered. */
.cs-checkout-panel,
.cs-checkout-panel:hover,
.cs-checkout-summary__card,
.cs-checkout-summary__card:hover,
.cs-checkout-additional,
.cs-checkout-additional:hover,
.cs-checkout #payment,
.cs-checkout .payment_box,
.cs-checkout #ppc-button-ppcp-card-button-gateway-v6,
.cs-checkout [id^="ppc-button-"] {
  transform: none !important;
}
.cs-checkout .payment_box {
  min-height: 48px;
}


/* 1.1.0 requested presentation fixes */
.cs-home-theme-card__screen-overlay span {
  background: #1d4ed8 !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(29, 78, 216, 0.28);
}
.cs-theme-card__view {
  background: rgba(15, 23, 42, 0.28) !important;
  color: #ffffff !important;
  opacity: 0 !important;
  transform: none !important;
}
.cs-theme-card:hover .cs-theme-card__view {
  opacity: 1 !important;
  background: rgba(15, 23, 42, 0.38) !important;
  transform: none !important;
}
.cs-theme-card__view span {
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: #1d4ed8 !important;
  color: #ffffff !important;
}
.cs-home-theme-card__screen-overlay span svg,
.cs-theme-card__view svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

.cs-theme-card__actions a,
.cs-theme-card__details,
.cs-theme-card__demo {
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.cs-theme-card__actions a:hover,
.cs-theme-card__details:hover,
.cs-theme-card__demo:hover {
  transform: translateY(-2px);
  background: #eff6ff !important;
  border-color: #2563eb !important;
  color: #1d4ed8 !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.16);
}
.cs-theme-card__actions a:hover svg,
.cs-theme-card__details:hover svg,
.cs-theme-card__demo:hover svg {
  color: #2563eb !important;
  stroke: #2563eb !important;
}

.cs-cart__count,
[data-cs-cart-count] {
  background: #1d4ed8 !important;
  color: #ffffff !important;
  min-width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  box-shadow: 0 0 0 2px #ffffff;
}

.cs-product-actions__buttons .cs-product-actions__buy,
.cs-product-actions__buttons a.cs-product-actions__buy,
.cs-product-actions__buttons a.cs-product-actions__buy.button,
.woocommerce .cs-product-actions__buttons a.cs-product-actions__buy.button {
  background: #2563eb !important;
  border: 0 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22) !important;
}
.cs-product-actions__buttons a.cs-product-actions__buy.button:hover,
.cs-product-actions__buy:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}
.cs-product-actions__buy,
.cs-product-actions__buy *,
.cs-product-actions__buy .amount,
.cs-product-actions__buy ins {
  color: #ffffff !important;
}
.cs-product-actions__buy-icon {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

.cs-product-gallery__preview-links .cs-product-gallery__open-preview,
.cs-product-gallery__open-preview--ar {
  background: #1d4ed8 !important;
  color: #ffffff !important;
  border: 1px solid #1e40af !important;
  box-shadow: 0 10px 24px rgba(29, 78, 216, 0.35) !important;
}
.cs-product-gallery__open-preview:hover,
.cs-product-gallery__open-preview--ar:hover {
  background: #1e40af !important;
  color: #ffffff !important;
}
.cs-product-gallery__open-preview svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}


/* Requested only */
@media (max-width: 720px) {
.cs-theme-card__demo { justify-content: center !important; width: 100% !important; text-align: center; }
}
.cs-theme-card__benefit { background: #1d4ed8 !important; border-color: #1e40af !important; }
.cs-theme-card__benefit, .cs-theme-card__benefit small, .cs-theme-card__benefit strong, .cs-theme-card__benefit-icon, .cs-theme-card__benefit-icon svg { color: #ffffff !important; }
.cs-theme-card__benefit-icon { background: rgba(255,255,255,.16) !important; }
.cs-footer-trust__item { background: #fffef8 !important; color: #1e3a8a !important; border: 2px dashed #1d4ed8 !important; border-radius: 4px 14px 8px 14px !important; box-shadow: 0 8px 0 rgba(29,78,216,.08), 3px 6px 0 rgba(15,23,42,.06) !important; transform: rotate(-1.5deg); }
.cs-footer-trust__item:nth-child(2) { transform: rotate(1.2deg); }
.cs-footer-trust__item:nth-child(3) { transform: rotate(-.6deg); }
.cs-footer-trust__item strong, .cs-footer-trust__item small { color: #1e3a8a !important; }


/* Requested only: blue buttons, trust columns */
.cs-theme-card__details,
.cs-theme-card__demo {
background: #1d4ed8 !important;
color: #ffffff !important;
border: 0 !important;
justify-content: center;
}
.cs-theme-card__details svg,
.cs-theme-card__demo svg { color: #ffffff !important; stroke: #ffffff; }
.cs-footer-trust { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.cs-footer-trust__item { transform: none !important; }
@media (max-width: 767px) {
.cs-footer-trust { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}


/* Trust bar: no dashed outline, 4 columns desktop, 2 on mobile */
.cs-footer__trust,
.cs-footer-trust,
.cs-footer-trust__item {
  border-style: solid !important;
  transform: none !important;
}
.cs-footer__trust {
  background: transparent !important;
  border: 0 !important;
}
.cs-footer-trust {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch;
}
.cs-footer-trust__item {
  background: #ffffff !important;
  color: #1e3a8a !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04) !important;
  min-width: 0;
}
.cs-footer-trust__item strong,
.cs-footer-trust__item small { color: #1e3a8a !important; }
@media (max-width: 767px) {
  .cs-footer-trust { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
}