/*
 * WooCommerce: catalogue, product, cart and checkout in the site's colours.
 *
 * Loaded on: shop, product, cart, checkout and account views
 * Enqueued by Stylchen\Frontend\Assets, after WooCommerce's own sheets.
 */

/* --- Buttons: classic templates and blocks ----------------------------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.wc-block-components-button:not(.is-link), .wc-block-grid__product-add-to-cart .wp-block-button__link,
.wp-block-woocommerce-empty-cart-block .wp-block-button__link {
  border: 0; border-radius: 0; padding: 10px 22px; background: var(--sc-red); color: #fff; font-family: "Open Sans", Arial, sans-serif; font-weight: 600; line-height: 1.5;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.wc-block-components-button:not(.is-link):hover, .wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
  background: var(--sc-red-dark); color: #fff;
}
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled[disabled] {
  background: var(--sc-red); color: #fff; opacity: .5;
}
/* The global button style (red fill, padding) must not leak into WooCommerce
   block controls that are plain icon or text buttons. */
.wc-block-components-quantity-selector__button,
.wc-block-cart-item__remove-link,
.wc-block-components-panel__button,
.wc-block-components-totals-coupon__button.is-link,
.wc-block-components-address-card__edit,
.wc-block-components-checkbox__input {
  border: 0; padding: 0; background: transparent; color: inherit; font-weight: inherit;
}
.wc-block-components-quantity-selector__button:hover { background: transparent; color: var(--sc-ink); }

/* --- Catalogue ---------------------------------------------------------- */
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--sc-ink); font-size: 1rem; font-weight: 600; }
.woocommerce ul.products li.product a img { background: #f4f4f4; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price,
.wc-block-grid__product-price, .wc-block-components-product-price { color: var(--sc-ink); font-weight: 600; }
.woocommerce span.onsale { background: var(--sc-red); }
.woocommerce .woocommerce-ordering select { border: 1px solid #ddd; padding: 6px 8px; font: inherit; }

/* --- Single product ------------------------------------------------------ */
.woocommerce div.product .product_title { margin: 0 0 12px; color: var(--sc-ink); font-family: "Open Sans", Arial, sans-serif; font-size: 1.75rem; font-weight: 600; line-height: 1.3; }
.woocommerce div.product p.price { font-size: 1.5rem; }
.woocommerce div.product form.cart .variations { margin-bottom: 15px; }
.woocommerce div.product form.cart .variations th, .woocommerce div.product form.cart .variations td { padding: 6px 12px 6px 0; vertical-align: middle; }
.woocommerce div.product form.cart .variations label { color: var(--sc-ink); font-weight: 600; }
.woocommerce div.product form.cart .variations select { min-width: 12rem; border: 1px solid #ddd; padding: 8px 10px; font: inherit; }
.woocommerce .quantity .qty { border: 1px solid #ddd; padding: 9px 6px; font: inherit; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 0; background: #f4f4f4; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #fff; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--sc-ink); font-weight: 600; }
.woocommerce div.product .woocommerce-tabs .panel h2, .woocommerce .related > h2 { color: var(--sc-ink); font-family: "Open Sans", Arial, sans-serif; font-size: 1.25rem; }
.woocommerce .product_meta { color: var(--sc-muted); font-size: 0.8125rem; }

/* --- Notices ------------------------------------------------------------- */
.woocommerce-message, .woocommerce-info { border-top-color: var(--sc-red); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--sc-red); }

/* --- Cart and checkout blocks ------------------------------------------- */
.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { color: var(--sc-ink); }
.wc-block-components-title, .wc-block-components-checkout-step__title { font-family: "Open Sans", Arial, sans-serif; }
.wc-block-components-text-input input, .wc-block-components-textarea, .wc-blocks-components-select__select { border-radius: 0; }