/**
 * Glucosence — global redesign (colors + typography only).
 * Overrides Shoplaza CSS variables; does not change layout structure.
 * No @import — CSP on saved pages blocks external stylesheets.
 */

:root {
  /* Brand */
  --pw-primary: #0d6e7a;
  --pw-primary-dark: #084f58;
  --pw-primary-light: #e8f4f6;
  --pw-accent: #18a3b8;
  --pw-text: #1b2d34;
  --pw-text-muted: #5a7179;
  --pw-surface: #ffffff;
  --pw-bg: #f4fafb;
  --pw-border: #d4e8ec;
  --pw-price: #c0392b;
  --pw-footer-bg: #2a7ae6;

  /* Typography */
  --type-text-font-size: 15px;
  --type-heading-font-size: 32px;
  --type-nav-font-size: 15px;
  --font-body-family: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto,
    Arial, sans-serif;
  --font-heading-family: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto,
    Arial, sans-serif;
  --font-body-weight: 400;
  --font-heading-weight: 600;

  /* Radii — slightly softer, still subtle */
  --global-large-border-radius: 8px;
  --global-border-radius: 8px;
  --global-small-border-radius: 6px;
  --global-fixed-border-radius: 8px;
  --btn-border-radius: 8px;
  --btn-fixed-border-radius: 8px;

  /* Page */
  --color-general-bg: var(--pw-bg);
  --color-body-bg: var(--pw-bg);
  --color-body-bg-80: rgba(244, 250, 251, 0.92);
  --color-general-text: var(--pw-text);
  --color-general-heading-text: var(--pw-text);
  --color-body-text: var(--pw-text);
  --color-product-title-text: var(--pw-text);
  --color-body-text-50: rgba(27, 45, 52, 0.5);
  --color-body-text-60: rgba(27, 45, 52, 0.6);
  --color-body-text-70: rgba(27, 45, 52, 0.7);
  --color-body-text-75: rgba(27, 45, 52, 0.75);
  --color-body-text-80: rgba(27, 45, 52, 0.8);
  --color-body-text-85: rgba(27, 45, 52, 0.85);
  --color-body-text-90: rgba(27, 45, 52, 0.9);

  /* Header */
  --color-header-bg: var(--pw-surface);
  --color-header-text: var(--pw-text);
  --color-header-text-70: rgba(27, 45, 52, 0.7);
  --color-header-search-bg: rgba(13, 110, 122, 0.08);
  --color-header-search-text: var(--pw-text);
  --color-header-search-text-50: rgba(27, 45, 52, 0.5);
  --color-header-search-btn-bg: var(--pw-primary);
  --color-header-search-btn-text: #ffffff;

  /* Menu */
  --color-menu-bg: var(--pw-primary-light);
  --color-menu-item-bg: var(--pw-surface);
  --color-menu-item-text: var(--pw-text);
  --color-menu-item-text-70: rgba(27, 45, 52, 0.7);
  --color-menu-item-text-80: rgba(27, 45, 52, 0.8);
  --color-menu-item-text-90: rgba(27, 45, 52, 0.9);
  --color-actived-menu-item-bg: var(--pw-primary);
  --color-actived-menu-item-text: #ffffff;

  /* Buttons */
  --color-btn-bg: var(--pw-primary);
  --color-btn-text: #ffffff;
  --color-primary-btn-bg: var(--pw-primary);
  --color-primary-btn-bg-10: rgba(13, 110, 122, 0.12);
  --color-primary-btn-text: #ffffff;

  /* Price */
  --color-price-text: var(--pw-price);
  --color-save-price-text: var(--pw-price);
  --color-compare-at-price-text: rgba(27, 45, 52, 0.55);

  /* Cart */
  --color-cart-dot-bg: var(--pw-accent);
  --color-cart-dot-text: #ffffff;
  --color-cart-subtotal-bg: var(--pw-primary-light);

  /* Announcement / newsletter */
  --color-announcement-bg: var(--pw-primary-light);
  --color-announcement-text: var(--pw-primary-dark);
  --color-newsletter-bg: var(--pw-primary-light);
  --color-newsletter-text: var(--pw-text);
  --color-newsletter-btn-bg: var(--pw-primary);
  --color-newsletter-btn-text: #ffffff;
  --color-newsletter-border: var(--pw-border);

  /* Footer */
  --color-footer-bg: var(--pw-footer-bg);
  --color-footer-text: rgba(255, 255, 255, 0.95);
  --color-footer-border: rgba(255, 255, 255, 0.12);

  /* Misc surfaces */
  --color-border: var(--pw-border);
  --color-border-35: rgba(212, 232, 236, 0.55);
  --color-border-60: rgba(212, 232, 236, 0.75);
  --color-sold-label-bg: var(--pw-primary-light);
  --color-sold-label-text: var(--pw-text);
  --color-label-bg: var(--pw-primary);
  --color-label-text: #ffffff;
  --color-countdown-bg: rgba(232, 244, 246, 0.95);
  --color-countdown-time-text: var(--pw-price);
  --color-overlay-title: var(--pw-text);
  --color-overlay-text: var(--pw-text);
  --color-mask-bg: rgba(12, 61, 71, 0.45);

  /* Checkout (Shoplaza theme vars) */
  --theme-main-color: var(--pw-primary);
  --theme-main-color_08: rgba(13, 110, 122, 0.1);
  --theme-btn-bg-color: var(--pw-primary);
  --theme-btn-text-color: #ffffff;
  --theme-bg-color: var(--pw-bg);
  --theme-summary-bg-color: var(--pw-primary-light);
  --theme-block-empty-bg-color: var(--pw-primary-light);
  --theme-autofill-bg-color: rgba(13, 110, 122, 0.08);
  --theme-block-text-main-color: var(--pw-text);
  --theme-text-main-color: var(--pw-text);
  --theme-summary-text-main-color: var(--pw-text);
  --theme-block-text-sub-color: var(--pw-text-muted);
  --theme-text-sub-color: var(--pw-text-muted);
  --theme-summary-text-sub-color: var(--pw-text-muted);
  --theme-block-border-color: var(--pw-border);
  --theme-border-color: var(--pw-border);
  --theme-summary-border-color: var(--pw-border);
  --theme-border-radius: 8px;
}

/* Typography — body & headings */
html body.nova,
.checkout-page {
  font-family: var(--font-body-family) !important;
  font-size: var(--type-text-font-size);
  line-height: 1.55;
  color: var(--color-body-text);
  -webkit-font-smoothing: antialiased;
}

.type-heading-font-family,
.theme-heading-font,
.theme-module-heading,
h1,
h2,
h3,
h4,
.fashion_graphic_title,
.product-info-title,
.trust-big-title,
.local-site-footer__name {
  font-family: var(--font-heading-family) !important;
  font-weight: var(--font-heading-weight);
  letter-spacing: -0.02em;
  color: var(--pw-text);
}

/* Header → hero seam (home) */
#shoplaza-section-header {
  border-bottom: none;
  box-shadow: none;
}

#shoplaza-section-header.show_shadow .header__desktop .header__menu-wrapper {
  box-shadow: none;
}

@media (min-width: 960px) {
  body:not(.header_scroll) .header__desktop .header__menu-wrapper.header__scroll_hide {
    display: none;
    max-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
}

.main-content {
  background-color: var(--pw-bg);
}

[data-section-id="1749711622213"] {
  background-color: var(--pw-bg);
}

.plugin__static-div:empty {
  display: none;
  height: 0;
  margin: 0;
  padding: 0;
}

/* Header polish */
.header__layout,
.header-bg,
.header__menu-wrapper.header-bg {
  background-color: var(--color-header-bg) !important;
  box-shadow: 0 1px 0 var(--pw-border);
}

.header__desktop .header__menu-item-first:hover .header__menu-item-sub::after,
.header__desktop .header__menu-item-first .header__menu-item-sub::after {
  background-color: var(--pw-primary) !important;
}

/* Primary buttons */
.button-primary,
.btn-checkout-primary,
#local-place-order {
  background-color: var(--pw-primary) !important;
  border-color: var(--pw-primary) !important;
  color: #fff !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
}

.button-secondary {
  color: var(--pw-primary) !important;
  border-color: var(--pw-primary) !important;
}

body[data-button-hover-animation="color_invert"] .button-primary:hover {
  color: var(--pw-primary) !important;
  background-color: #fff !important;
}

/* Cart drawer */
.local-cart-drawer {
  background: var(--pw-surface) !important;
  font-family: var(--font-body-family);
}

.local-cart-drawer__checkout {
  background: var(--pw-primary) !important;
  border-radius: var(--btn-border-radius) !important;
}

.local-cart-drawer__item-remove {
  color: var(--pw-primary) !important;
}

.local-cart-count.is-visible {
  background-color: var(--pw-accent) !important;
}

/* Trust / security blocks (product + checkout) */
.plugin-strengthen-trust-1539149753700-wrap .trust-title-block,
.trust-title-block {
  background: rgba(13, 110, 122, 0.12) !important;
}

.plugin-strengthen-trust-1539149753700-wrap .trust-title,
.trust-title,
.trust-thumbnail-desc-title {
  color: var(--pw-primary) !important;
}

.plugin-strengthen-trust-1539149753700-wrap .trust-thumbnail-desc,
.trust-thumbnail-desc {
  background: rgba(232, 244, 246, 0.6) !important;
}

.cst-settings .cst-title span {
  color: var(--pw-primary) !important;
  font-weight: 600;
}

/* FAQ */
.club-faq-questions-head,
.club-faq-head-container {
  font-family: var(--font-heading-family);
  color: var(--pw-text);
}

.club-faq-question-block.is-open .club-faq-questions-head {
  color: var(--pw-primary);
}

/* Footer */
.local-site-footer {
  background: linear-gradient(120deg, #1f5fbf 0%, #2a7ae6 48%, #3d8ef5 100%) !important;
  color: #ffffff !important;
}

.local-site-footer .local-site-footer__name,
.local-site-footer__tagline,
.local-site-footer__heading,
.local-site-footer__links a,
.local-site-footer__contact a,
.local-site-footer__note,
.local-site-footer__bottom {
  color: #ffffff !important;
}

.local-site-footer__heading {
  letter-spacing: 0.06em;
}

.local-site-footer__bottom {
  border-top-color: rgba(255, 255, 255, 0.28) !important;
}

/* Checkout */
.checkout-body,
.checkout-summary,
body.checkout-page {
  background-color: var(--pw-bg) !important;
}

.theme-main-color,
a.theme-main-color,
[data-robot="login-btn"] {
  color: var(--pw-primary) !important;
}

.checkout-countdown-on-going {
  border-radius: 8px;
}

/* Product price */
.product-info__header_price,
.color-price-text {
  color: var(--pw-price) !important;
}

/* Inputs — subtle focus */
input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border-color: var(--pw-primary) !important;
  box-shadow: 0 0 0 2px rgba(13, 110, 122, 0.15) !important;
}