/*
 * SKB Flow — WooCommerce screens.
 *
 * Layout and markup of the catalog come from the "WooCommerce Modif By Arisrach"
 * plugin (product list cards, attribute filter, trust header/footer, single product
 * mockup). This file only re-skins it with the theme tokens. Plugin variables are
 * set on <body>, which overrides the plugin's :root values for everything inside.
 */

body{
  --awm-sans:var(--sans);
  --awm-mono:var(--sans);
  --awm-blue:var(--violet);
  --awm-blue-light:#EEE8FD;
  --awm-blue-mid:#C6B2F8;
  --awm-blue-text:#3B0A9E;
  --awm-text:var(--ink);
  --awm-text-muted:var(--muted);
  --awm-border:#DCD8E1;
  --awm-surface:#fff;
  --awm-pill-bg:#F4F2F7;
  --awm-pill-text:#3D3846;
}

/* ---------- archive (shop, category, tag, brand) ---------- */
.skb-shop .woocommerce-products-header{margin:0}
.skb-shop .awm-card-title{font-size:15px !important}
.skb-shop .awm-cat-badge{letter-spacing:.02em !important}
.skb-shop .awm-trust-wrapper h2{font-family:var(--display) !important;font-weight:400 !important;font-size:clamp(24px,2.4vw,30px) !important;color:var(--ink) !important}
.skb-shop .awm-trust-wrapper a.wabutton-log-action{background:var(--violet) !important;box-shadow:none !important;border-radius:999px !important}
.skb-shop .awm-trust-wrapper a[href^="mailto:"]{border-radius:999px !important}
.skb-shop .woocommerce-info,.skb-shop .woocommerce-no-products-found .woocommerce-info{border-top-color:var(--violet)}
.skb-shop .woocommerce-pagination{margin-top:32px}
.skb-shop .woocommerce-pagination ul.page-numbers{border:0 !important;display:flex;flex-wrap:wrap;gap:8px}
.skb-shop .woocommerce-pagination ul.page-numbers li{border:0 !important}
.skb-shop .woocommerce-pagination ul.page-numbers li .page-numbers{padding:0 14px;min-width:42px;height:42px;line-height:40px;border:1px solid var(--line);border-radius:999px;background:none}
.skb-shop .woocommerce-pagination ul.page-numbers li span.current{background:var(--ink);color:var(--surface);border-color:var(--ink)}

/* ---------- single product ---------- */
/* The plugin draws its own white card; drop WooCommerce's outer frame so it isn't doubled. */
.skb-shop .g-body div.product{background:transparent;border:0;padding:0;border-radius:0;margin-bottom:0}
.skb-shop .awm-single-wrapper h1{font-family:var(--display) !important;font-weight:400 !important;font-size:clamp(28px,3vw,38px) !important;line-height:1.12 !important}
.skb-shop .awm-single-wrapper .cta-primary{background:var(--violet) !important;border-radius:999px !important;box-shadow:0 6px 16px rgba(90,15,224,.22) !important}
.skb-shop .awm-single-wrapper .cta-primary:hover{background:#4a08c2 !important}
.skb-shop .awm-single-wrapper .cta-sec{border-radius:999px !important;border-color:var(--ink) !important;color:var(--ink) !important}
.skb-shop .awm-single-wrapper .cta-sec:hover{border-color:var(--violet) !important;color:var(--violet) !important}
.skb-shop .awm-single-wrapper .tab{border-radius:999px}
.skb-shop .awm-single-wrapper .tab.active{background:#EEE8FD;color:#3B0A9E;border-color:#C6B2F8}
.skb-shop .awm-single-wrapper #awm-read-more-btn{color:var(--violet) !important}
.skb-shop .awm-recommended-section h2{font-family:var(--display);font-weight:400;font-size:clamp(24px,2.4vw,30px);border-bottom-color:var(--violet)}
.skb-shop .related.products > h2,.skb-shop .upsells.products > h2{font-family:var(--display);font-weight:400;font-size:clamp(24px,2.4vw,30px)}

/* ---------- WooCommerce UI (notices, buttons, cart, checkout, account) ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--violet) !important;background:#fff !important;color:var(--ink) !important;font-size:15px}
.woocommerce-message::before,.woocommerce-info::before{color:var(--violet) !important}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{
  font:500 15px/1 var(--sans) !important;padding:14px 22px !important;border-radius:999px !important;background:var(--violet) !important;color:#fff !important;border:0 !important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#4a08c2 !important}
.wc-block-components-button:not(.is-link){background:var(--violet) !important;color:#fff !important;border-radius:999px !important;font-family:var(--sans) !important}
.wc-block-components-button:not(.is-link):hover{background:#4a08c2 !important}
.wc-page{font-size:16px}
.wc-page h2,.wc-page h3{font-family:var(--display);font-weight:400}
.woocommerce table.shop_table{background:#fff;border-color:var(--line) !important;border-radius:8px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 24px}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{color:var(--violet);font-weight:500}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{
  font:inherit;border:1px solid var(--line);border-radius:8px;padding:11px 14px;background:#fff}

@media (max-width:640px){
  .skb-shop .awm-single-wrapper > div{padding:18px !important}
}