/* Swedish Collector Culture – Modernist för WooCommerce.
   Ladda efter style.css (tokens). Gäller klassiska Woo-mallar + Woo-block. */

body.woocommerce, body.woocommerce-page { background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); }
.woocommerce *, .wc-block-components-button, .wp-block-button__link { border-radius: 0 !important; }

.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce .product_title, .woocommerce-loop-product__title { font-family: "Archivo Black", var(--font-heading) !important; font-weight: 400 !important; }

/* Knappar – solid accent, vänsterställd text */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce .single_add_to_cart_button, .woocommerce #place_order,
.wc-block-components-button:not(.is-link), .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button {
  background: var(--color-accent) !important; color: var(--color-bg) !important;
  font-family: var(--font-body); font-weight: 800; font-size: 15px; letter-spacing: 0;
  padding: 14px 20px; border: 0; box-shadow: none; text-align: left; justify-content: flex-start; white-space: nowrap;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .wc-block-components-button:not(.is-link):hover { background: var(--color-accent-600) !important; }
.woocommerce a.button:active, .woocommerce button.button:active { background: var(--color-accent-700) !important; }
.woocommerce :focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.woocommerce .button:disabled, .woocommerce .button.disabled { opacity: .45; }

/* Shop / kategori – rutnät med 2px linjer, inga skuggor */
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 0; margin: 0;
  border-top: 2px solid var(--color-divider); border-left: 2px solid var(--color-divider); }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; padding: 24px;
  border-right: 2px solid var(--color-divider); border-bottom: 2px solid var(--color-divider); }
.woocommerce ul.products li.product img { margin-bottom: 16px; background: var(--color-surface); aspect-ratio: 1 / 1; object-fit: contain; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--font-heading); font-weight: 800; font-size: 20px; padding: 0; }
.woocommerce ul.products li.product .price { color: var(--color-text); font-weight: 800; font-size: 17px; }
.woocommerce span.onsale { background: var(--color-accent); border-radius: 0; min-height: 0; line-height: 1; padding: 6px 10px; font-weight: 800; }

/* Produktsida */
.woocommerce div.product { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  border-top: 2px solid var(--color-divider); border-bottom: 2px solid var(--color-divider); }
.woocommerce div.product div.images, .woocommerce div.product div.summary { width: auto !important; float: none !important; margin: 0; }
.woocommerce div.product div.images { padding: 32px 32px 32px 0; border-right: 2px solid var(--color-divider); }
.woocommerce div.product div.images img { background: var(--color-surface); }
/* Produktbilder visas i färg (färgen är ett säljargument). Gråskala endast för stämningsbilder. */
.woocommerce div.product div.summary { padding: 40px 0 40px clamp(24px, 4vw, 56px); }
.woocommerce div.product .product_title { font-family: var(--font-heading); font-weight: 400; font-size: clamp(34px, 3.6vw, 48px); line-height: 1.06; letter-spacing: -0.02em; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--color-text); font-weight: 800; font-size: 32px; }
.woocommerce div.product form.cart { display: flex; gap: 8px; }
.woocommerce div.product form.cart .single_add_to_cart_button { flex: 1; }
.woocommerce .quantity .qty { border: 2px solid var(--color-text); height: 48px; width: 72px; font-weight: 800; background: transparent; }
.woocommerce div.product .woocommerce-tabs { grid-column: 1 / -1; padding: 64px 0 96px; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0; border-bottom: 2px solid var(--color-divider); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: none !important; border: 0 !important; margin: 0 28px -2px 0; padding: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 800; padding: 16px 0; color: color-mix(in srgb, var(--color-text) 60%, transparent); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom: 2px solid var(--color-accent) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--color-text); }
.woocommerce table.shop_attributes { border: 0; border-top: 2px solid var(--color-divider); max-width: 760px; }
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { background: none !important; border-bottom: 1px solid var(--color-divider); padding: 14px 0; font-style: normal; text-align: left; }
.woocommerce .star-rating span::before, .woocommerce p.stars a { color: var(--color-accent-700); }

/* Varukorg & kassa */
.woocommerce table.shop_table { border: 0; border-top: 2px solid var(--color-divider); border-collapse: collapse; }
.woocommerce table.shop_table th { font-weight: 800; text-align: left; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-top: 1px solid var(--color-divider); padding: 16px 12px 16px 0; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.wc-block-components-text-input input, .wc-block-components-combobox input {
  border: 2px solid var(--color-text) !important; background: transparent; padding: 12px 14px; font-family: var(--font-body); }
.woocommerce-checkout #payment, .wc-block-components-radio-control__option { background: transparent !important; border-radius: 0; }
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 2px solid var(--color-divider); }
.woocommerce-message, .woocommerce-info, .woocommerce-error { background: var(--color-surface); border-top: 2px solid var(--color-accent); color: var(--color-text); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--color-accent); }