/**
 * Conservative SureCart presentation layer.
 *
 * The custom properties and WordPress block hosts below are safe theme-level
 * styling. Selectors marked "verify" must be checked against the installed
 * SureCart release; no plugin files or shadow-DOM internals are targeted.
 */
:root {
	--sc-color-primary-500: var(--wp--preset--color--text);
	--sc-color-primary-600: var(--wp--preset--color--brand-dark);
	--sc-color-primary-text: var(--wp--preset--color--white);
	--sc-focus-ring-color-primary: var(--wp--preset--color--brand);
	--sc-input-border-color-focus: var(--wp--preset--color--brand);
	--sc-border-radius-small: 2px;
	--sc-border-radius-medium: 2px;
	--sc-border-radius-large: 4px;
	--sc-font-sans: var(--wp--preset--font-family--interface);
	--sc-input-height-medium: 48px;
	--sc-button-height-medium: 48px;
	--sc-panel-border-color: var(--wp--preset--color--border);
	--sc-input-border-color: var(--wp--preset--color--border);
	--sc-input-background-color: var(--wp--preset--color--white);
	--sc-input-color: var(--wp--preset--color--text);
}

:where([class^="wp-block-surecart-"], [class*=" wp-block-surecart-"], sc-product-list, sc-product-page, sc-cart, sc-checkout, sc-customer-dashboard) { font-family: var(--wp--preset--font-family--interface); }

:where(.wp-block-surecart-product-list) { width: 100%; }

/* Verify after SureCart installation: public Product List child classes vary by release. */
:where(.wp-block-surecart-product-template) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 2rem); }
:where(.wp-block-surecart-product-card) { min-width: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
:where(.wp-block-surecart-product-image img, .wp-block-surecart-product-selected-variant-image img) { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; background: var(--wp--preset--color--white); }
:where(.wp-block-surecart-product-title) { font-family: var(--wp--preset--font-family--display); font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 400; line-height: 1.15; }
:where(.wp-block-surecart-product-list-price, .wp-block-surecart-product-price, .wp-block-surecart-price) { font-size: 0.95rem; font-weight: 600; }
:where(.wp-block-surecart-product-sale-badge) { border-radius: 2px; font-size: 0.68rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }

/* Product detail host; purchase state and values remain owned by SureCart. */
:where(.wp-block-surecart-product-page, .wp-block-surecart-product-form) { width: 100%; }
:where(.wp-block-surecart-product-page) { padding-block: var(--wp--preset--spacing--section); }
:where(.wp-block-surecart-product-page .wp-block-surecart-columns) { gap: clamp(2rem, 5vw, 6rem); }
:where(.wp-block-surecart-product-quantity-input, .wp-block-surecart-product-quantity-control) { min-height: 44px; }
:where(.wp-block-surecart-product-buy-buttons .wp-block-button__link) { width: 100%; min-height: 52px; }

/* Cart hosts — verify line-item class names after installation. */
:where(.wp-block-surecart-cart-menu-icon-button, .wp-block-surecart-cart-icon) { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
:where(.wp-block-surecart-cart, .wp-block-surecart-slide-out-cart, sc-cart) { color: var(--wp--preset--color--text); }
:where(.wp-block-surecart-cart-line-item) { padding-block: 1rem; border-bottom: 1px solid var(--wp--preset--color--border); }
:where(.wp-block-surecart-cart-line-item-image) { border-radius: 0; }

/* Checkout is themed through public variables and its host only. */
:where(.wp-block-surecart-checkout, .surecart-checkout-form, sc-checkout) {
	--sc-input-border-radius-medium: 2px;
	--sc-button-border-radius-medium: 2px;
	--sc-card-border-radius: 4px;
	color: var(--wp--preset--color--text);
}

/* Verify dashboard and confirmation wrapper classes after page creation. */
:where(.surecart-dashboard, .sc-customer-dashboard, [class*="surecart-customer-dashboard"], .surecart-purchase-confirmation) { color: var(--wp--preset--color--text); }
:where(.surecart-dashboard, .sc-customer-dashboard, .surecart-purchase-confirmation) a { text-underline-offset: 0.2em; }

@media (max-width: 767px) {
	:where(.wp-block-surecart-product-page) { padding-block: var(--wp--preset--spacing--section-mobile); }
}

@media (prefers-reduced-motion: reduce) {
	:where([class^="wp-block-surecart-"], [class*=" wp-block-surecart-"]) * { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}