/* =========================================================
   POWERSENSE | WooCommerce Global Identity Layer
   Source identity: assets/global.css
   ========================================================= */

body.ps-woo-global-ui {
  --brand-orange: #ff3b05;
  --brand-blue: #080063;

  --bg-page: #f5f5f7;
  --bg-surface: #ffffff;
  --border-subtle: #e5e7eb;

  --text-main: #020617;
  --text-muted: #4b5563;
  --text-soft: #5b6472;

  --radius-lg: 16px;
  --radius-xl: 22px;

  --shadow-soft: 0 14px 40px rgba(15, 23, 42, 0.12);
  --shadow-subtle: 0 8px 26px rgba(15, 23, 42, 0.06);

  /* Bridge tokens used in custom Woo CSS files */
  --ps-bg: var(--bg-page);
  --ps-bg-soft: #fafafc;
  --ps-surface: var(--bg-surface);
  --ps-surface-2: #f8fafc;

  --ps-text: var(--text-main);
  --ps-text-soft: var(--text-soft);
  --ps-text-faint: #7a8494;

  --ps-line: var(--border-subtle);
  --ps-line-strong: #d7deea;

  --ps-primary: var(--brand-blue);
  --ps-primary-dark: #05004a;
  --ps-primary-soft: rgba(8, 0, 99, 0.1);

  --ps-solar: var(--brand-orange);
  --ps-solar-soft: rgba(255, 59, 5, 0.12);

  --ps-success: #15803d;
  --ps-success-soft: rgba(21, 128, 61, 0.1);

  --ps-danger: #b91c1c;
  --ps-danger-soft: rgba(185, 28, 28, 0.1);

  --ps-shadow-soft: var(--shadow-subtle);
  --ps-shadow-card: var(--shadow-soft);
  --ps-shadow-button: 0 8px 22px rgba(8, 0, 99, 0.24);
}

body.ps-woo-global-ui .woocommerce,
body.ps-woo-global-ui .woocommerce-page {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  color: var(--text-main);
}

body.ps-woo-global-ui .site-main,
body.ps-woo-global-ui .content-area {
  background:
    radial-gradient(980px 360px at top right, rgba(8, 0, 99, 0.08), transparent 52%),
    radial-gradient(720px 300px at top left, rgba(255, 59, 5, 0.08), transparent 46%),
    linear-gradient(180deg, #fafafc 0%, var(--bg-page) 100%);
}

body.ps-woo-global-ui .woocommerce-breadcrumb {
  color: var(--text-soft);
}

body.ps-woo-global-ui .woocommerce-breadcrumb a {
  color: var(--brand-blue);
}

body.ps-woo-global-ui .woocommerce a,
body.ps-woo-global-ui .woocommerce-page a {
  color: var(--brand-blue);
}

body.ps-woo-global-ui .woocommerce a:hover,
body.ps-woo-global-ui .woocommerce-page a:hover {
  color: var(--brand-orange);
}

body.ps-woo-global-ui .woocommerce .woocommerce-info,
body.ps-woo-global-ui .woocommerce .woocommerce-message,
body.ps-woo-global-ui .woocommerce .woocommerce-error {
  border-radius: var(--radius-lg);
  border-color: var(--border-subtle);
  background: #ffffff;
  box-shadow: var(--shadow-subtle);
}

body.ps-woo-global-ui .woocommerce .button,
body.ps-woo-global-ui .woocommerce a.button,
body.ps-woo-global-ui .woocommerce button.button,
body.ps-woo-global-ui .woocommerce input.button,
body.ps-woo-global-ui .woocommerce #respond input#submit,
body.ps-woo-global-ui .woocommerce-page .button,
body.ps-woo-global-ui .woocommerce-page a.button,
body.ps-woo-global-ui .woocommerce-page button.button,
body.ps-woo-global-ui .woocommerce-page input.button,
body.ps-woo-global-ui .woocommerce-page #respond input#submit {
  border-radius: 12px;
  border: 1px solid rgba(8, 0, 99, 0.22);
  background: linear-gradient(180deg, #10007c 0%, #080063 100%);
  color: #ffffff;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(8, 0, 99, 0.22);
}

body.ps-woo-global-ui .woocommerce .button:hover,
body.ps-woo-global-ui .woocommerce a.button:hover,
body.ps-woo-global-ui .woocommerce button.button:hover,
body.ps-woo-global-ui .woocommerce input.button:hover,
body.ps-woo-global-ui .woocommerce #respond input#submit:hover,
body.ps-woo-global-ui .woocommerce-page .button:hover,
body.ps-woo-global-ui .woocommerce-page a.button:hover,
body.ps-woo-global-ui .woocommerce-page button.button:hover,
body.ps-woo-global-ui .woocommerce-page input.button:hover,
body.ps-woo-global-ui .woocommerce-page #respond input#submit:hover {
  color: #ffffff;
  border-color: rgba(255, 59, 5, 0.46);
  box-shadow: 0 10px 22px rgba(8, 0, 99, 0.28);
}

body.ps-woo-global-ui .woocommerce input[type="text"],
body.ps-woo-global-ui .woocommerce input[type="email"],
body.ps-woo-global-ui .woocommerce input[type="tel"],
body.ps-woo-global-ui .woocommerce input[type="number"],
body.ps-woo-global-ui .woocommerce input[type="password"],
body.ps-woo-global-ui .woocommerce textarea,
body.ps-woo-global-ui .woocommerce select,
body.ps-woo-global-ui .woocommerce-page input[type="text"],
body.ps-woo-global-ui .woocommerce-page input[type="email"],
body.ps-woo-global-ui .woocommerce-page input[type="tel"],
body.ps-woo-global-ui .woocommerce-page input[type="number"],
body.ps-woo-global-ui .woocommerce-page input[type="password"],
body.ps-woo-global-ui .woocommerce-page textarea,
body.ps-woo-global-ui .woocommerce-page select {
  border-radius: 12px;
  border: 1px solid var(--border-subtle);
}

body.ps-woo-global-ui .woocommerce input:focus,
body.ps-woo-global-ui .woocommerce textarea:focus,
body.ps-woo-global-ui .woocommerce select:focus,
body.ps-woo-global-ui .woocommerce-page input:focus,
body.ps-woo-global-ui .woocommerce-page textarea:focus,
body.ps-woo-global-ui .woocommerce-page select:focus {
  border-color: rgba(8, 0, 99, 0.35);
  box-shadow: 0 0 0 4px rgba(8, 0, 99, 0.08);
}

/* Archive card action colors and badges follow global brand identity */
body.ps-woo-global-ui.ps-woo-products-archive-ui ul.products li.product .button,
body.ps-woo-global-ui.ps-woo-products-archive-ui .woocommerce ul.products li.product .button,
body.ps-woo-global-ui.ps-woo-products-archive-ui .woocommerce-page ul.products li.product .button,
body.ps-woo-global-ui.ps-woo-products-archive-ui ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button__link,
body.ps-woo-global-ui.ps-woo-products-archive-ui ul.wc-block-product-template li.wc-block-product .wp-element-button,
body.ps-woo-global-ui.ps-woo-products-archive-ui ul.wc-block-product-template li.wc-block-product a {
  border-color: rgba(8, 0, 99, 0.24) !important;
  background: linear-gradient(180deg, #10007c 0%, #080063 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(8, 0, 99, 0.24) !important;
}

body.ps-woo-global-ui.ps-woo-products-archive-ui ul.products li.product .button:hover,
body.ps-woo-global-ui.ps-woo-products-archive-ui .woocommerce ul.products li.product .button:hover,
body.ps-woo-global-ui.ps-woo-products-archive-ui .woocommerce-page ul.products li.product .button:hover,
body.ps-woo-global-ui.ps-woo-products-archive-ui ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button__link:hover,
body.ps-woo-global-ui.ps-woo-products-archive-ui ul.wc-block-product-template li.wc-block-product .wp-element-button:hover,
body.ps-woo-global-ui.ps-woo-products-archive-ui ul.wc-block-product-template li.wc-block-product a:hover {
  border-color: rgba(255, 59, 5, 0.46) !important;
  box-shadow: 0 10px 22px rgba(8, 0, 99, 0.3) !important;
}

body.ps-woo-global-ui.ps-woo-products-archive-ui ul.products li.product .price ins,
body.ps-woo-global-ui.ps-woo-products-archive-ui .woocommerce ul.products li.product .price ins,
body.ps-woo-global-ui.ps-woo-products-archive-ui .woocommerce-page ul.products li.product .price ins,
body.ps-woo-global-ui.ps-woo-products-archive-ui .wc-block-grid__product-price ins,
body.ps-woo-global-ui.ps-woo-products-archive-ui .wc-block-components-product-price ins {
  color: var(--brand-blue) !important;
}

body.ps-woo-global-ui.ps-woo-products-archive-ui ul.products li.product .star-rating,
body.ps-woo-global-ui.ps-woo-products-archive-ui .woocommerce ul.products li.product .star-rating,
body.ps-woo-global-ui.ps-woo-products-archive-ui .woocommerce-page ul.products li.product .star-rating {
  color: var(--brand-orange) !important;
}

body.ps-woo-global-ui.ps-woo-products-archive-ui ul.products li.product .onsale,
body.ps-woo-global-ui.ps-woo-products-archive-ui .woocommerce ul.products li.product .onsale,
body.ps-woo-global-ui.ps-woo-products-archive-ui .woocommerce-page ul.products li.product .onsale,
body.ps-woo-global-ui.ps-woo-products-archive-ui .wc-block-grid__product-onsale,
body.ps-woo-global-ui.ps-woo-products-archive-ui .wc-block-components-product-sale-badge {
  background: rgba(8, 0, 99, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.34) !important;
  color: #f3f1ff !important;
}