/* ---------------------------------------------------------------------
   MedAuraMart — shop / product / cart / checkout / account / Dokan
   Class names verified against live-rendered markup and Dokan-lite 5.0.15
   template source, not guessed. Retheme pass: "Pharmacopeia Ledger" —
   paper/ink/oxblood, mono-uppercase buttons, sharp corners (--mam-radius: 0).
--------------------------------------------------------------------- */

/* WooCommerce buttons everywhere (loop add-to-cart, single product, forms) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .add_to_cart_button,
.woocommerce .single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
	background: var(--mam-ink);
	color: var(--mam-bg);
	border-radius: var(--mam-radius);
	font-family: var(--mam-font-mono);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 600;
	border: none;
	padding: 12px 20px;
	transition: background-color 150ms ease-out;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce #respond input#submit:hover {
	background: var(--mam-ink2);
	color: var(--mam-bg);
}
.woocommerce .single_add_to_cart_button.alt,
.storefront-sticky-add-to-cart__content-button.alt {
	background: var(--mam-accent);
}
.woocommerce .single_add_to_cart_button.alt:hover,
.storefront-sticky-add-to-cart__content-button.alt:hover {
	background: var(--mam-accent-deep);
}

/* Product loop (shop / category archive) */
.woocommerce-products-header { padding: 32px 0 8px; }
.woocommerce-products-header__title.page-title {
	font-family: var(--mam-font-display);
	color: var(--mam-ink);
}
ul.products li.product {
	background: var(--mam-white);
	border: 1px solid var(--mam-border);
	border-radius: var(--mam-radius);
	padding: 16px;
	transition: border-color 150ms ease-out;
}
ul.products li.product:hover { border-color: var(--mam-accent); }
ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--mam-font-display);
	font-size: 16px;
	color: var(--mam-ink);
	margin: 10px 0 4px;
}
ul.products li.product .price {
	font-family: var(--mam-font-mono);
	color: var(--mam-ink);
	font-weight: 600;
}
ul.products li.product .price ins { color: var(--mam-accent); text-decoration: none; }
ul.products li.product .price del { color: var(--mam-text-muted); }
ul.products li.product .onsale {
	background: var(--mam-accent);
	color: var(--mam-bg);
	font-family: var(--mam-font-mono);
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-weight: 600;
	border-radius: 0;
	min-height: auto;
	line-height: normal;
	padding: 3px 8px;
}

/* Single product page */
body.single-product #content.site-content { background: var(--mam-bg); padding-top: 20px; padding-bottom: 40px; }
body.single-product .woocommerce-breadcrumb {
	max-width: 1100px;
	margin: 0 auto 16px;
	padding: 0 44px;
	font-family: var(--mam-font-mono);
	font-size: 11px;
	color: var(--mam-text-muted);
}
div.product {
	background: var(--mam-white);
	border: 1px solid var(--mam-border);
	border-radius: var(--mam-radius-lg);
	padding: 32px;
}
div.product .summary { padding-left: 28px; }
div.product .product_title.entry-title { font-size: 28px; margin-bottom: 8px; }
div.product p.price, div.product span.price {
	font-family: var(--mam-font-mono);
	color: var(--mam-ink);
	font-size: 20px;
	font-weight: 600;
}
div.product .woocommerce-product-details__short-description { color: var(--mam-text-muted); font-size: 15px; }
div.product .product_meta {
	font-family: var(--mam-font-mono);
	border-top: 1px solid var(--mam-border);
	margin-top: 20px;
	padding-top: 16px;
	font-size: 12px;
	color: var(--mam-text-muted);
}
div.product .quantity .qty { border-radius: var(--mam-radius); border-color: var(--mam-border); height: 46px; font-family: var(--mam-font-mono); }
.woocommerce-product-gallery__image--placeholder,
.woocommerce-product-gallery__wrapper {
	background: var(--mam-bg-alt);
	border-radius: var(--mam-radius);
	overflow: hidden;
}
.woocommerce-tabs.wc-tabs-wrapper { margin-top: 32px; }
.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li { border-radius: 0; }
.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li.active { border-bottom-color: transparent; }
.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li a {
	font-family: var(--mam-font-mono);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-weight: 600;
}
.woocommerce-tabs.wc-tabs-wrapper .panel { color: var(--mam-text); }

/* Storefront's sticky "you're viewing X" add-to-cart bar renders unpositioned on this
   stack (removing its action hook didn't stick, a timing conflict with the parent theme's
   own hook registration) — force-hide rather than fight it, the in-card button suffices. */
.storefront-sticky-add-to-cart { display: none !important; }

/* Storefront's prev/next product nav ships as raw unstyled peek-thumbnails positioned
   mostly off-canvas (the "broken floating box" bug) — give it real, contained styling. */
nav.storefront-product-pagination {
	position: static;
	display: flex;
	justify-content: space-between;
	gap: 16px;
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--mam-border);
}
nav.storefront-product-pagination a {
	position: static !important;
	width: auto !important;
	height: auto !important;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px;
	border-radius: 0;
	text-decoration: none;
	max-width: 260px;
}
nav.storefront-product-pagination a:hover { background: var(--mam-bg-alt); }
nav.storefront-product-pagination img {
	width: 44px;
	height: 44px;
	object-fit: cover;
	border-radius: 0;
	flex-shrink: 0;
}

/* Related / cross-sell "more from this seller" strip reuses the shop-loop card look */
div.product ul.products li.product { padding: 12px; }

/* Cart & Checkout — WooCommerce Blocks (11.x default) */
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout { font-family: var(--mam-font-body); }
.wp-block-woocommerce-cart .wc-block-components-panel,
.wp-block-woocommerce-cart-items-block,
.wp-block-woocommerce-cart-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-checkout-fields-block > * {
	background: var(--mam-white);
	border: 1px solid var(--mam-border);
	border-radius: var(--mam-radius-lg);
	padding: 24px;
	margin-bottom: 16px;
}
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value,
.wc-block-components-product-name {
	font-family: var(--mam-font-body);
	color: var(--mam-text);
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--mam-font-mono) !important;
	color: var(--mam-ink);
	font-weight: 600;
}
.wc-block-components-button,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button,
.wc-block-checkout__actions .wc-block-components-checkout-place-order-button {
	background: var(--mam-ink) !important;
	border-radius: var(--mam-radius) !important;
	font-family: var(--mam-font-mono) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	border: none !important;
}
.wc-block-components-button:hover { background: var(--mam-ink2) !important; }
.wc-block-components-checkout-place-order-button {
	background: var(--mam-accent) !important;
}
.wc-block-components-checkout-place-order-button:hover { background: var(--mam-accent-deep) !important; }
.wc-block-components-text-input input,
.wc-block-components-combobox input,
.wc-block-components-radio-control__input,
.wp-block-woocommerce-checkout input[type="text"],
.wp-block-woocommerce-checkout input[type="email"],
.wp-block-woocommerce-checkout input[type="tel"],
.wp-block-woocommerce-checkout select {
	border-radius: var(--mam-radius) !important;
}
.wc-block-components-title { font-family: var(--mam-font-display) !important; color: var(--mam-ink) !important; }

/* My Account */
.woocommerce-MyAccount-navigation ul { border: 1px solid var(--mam-border); border-radius: var(--mam-radius-lg); overflow: hidden; }
.woocommerce-MyAccount-navigation-link a {
	padding: 12px 18px;
	display: block;
	font-family: var(--mam-font-mono);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--mam-text);
}
.woocommerce-MyAccount-navigation-link.is-active a {
	background: var(--mam-ink);
	color: var(--mam-bg);
}
.woocommerce-form-login, .woocommerce-form-register {
	background: var(--mam-white);
	border: 1px solid var(--mam-border);
	border-radius: var(--mam-radius-lg);
	padding: 28px;
}
.woocommerce-Input.woocommerce-Input--text.input-text {
	border-radius: var(--mam-radius);
	border-color: var(--mam-border);
}

/* Dokan public storefront (classic PHP templates) */
.dokan-store-wrap { background: transparent; }
.dokan-store-tabs {
	background: var(--mam-ink);
	border-radius: var(--mam-radius);
}
.dokan-store-tabs li a {
	color: var(--mam-paper-dim);
	font-family: var(--mam-font-mono);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-weight: 600;
}
.dokan-store-tabs li.active a, .dokan-store-tabs li a:hover { color: var(--mam-bg); background: rgba(255,255,255,0.08); }
.dokan-btn.dokan-btn-theme,
.dokan-single-seller .dokan-btn-theme,
.dokan-store-list-filter-button.dokan-btn-theme {
	background: var(--mam-accent) !important;
	border-color: var(--mam-accent) !important;
	color: var(--mam-bg) !important;
	border-radius: var(--mam-radius) !important;
	font-family: var(--mam-font-mono);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-weight: 600;
}
.dokan-btn.dokan-btn-theme:hover { background: var(--mam-accent-deep) !important; border-color: var(--mam-accent-deep) !important; }
.dokan-form-control { border-radius: var(--mam-radius); border-color: var(--mam-border); }
.dokan-store-widget.dokan-store-menu, .dokan-store-widget.dokan-store-contact {
	background: var(--mam-white);
	border: 1px solid var(--mam-border);
	border-radius: var(--mam-radius-lg);
	padding: 18px;
}
.dokan-single-seller {
	background: var(--mam-white);
	border: 1px solid var(--mam-border);
	border-radius: var(--mam-radius-lg);
	transition: border-color 150ms ease-out;
}
.dokan-single-seller:hover { border-color: var(--mam-accent); }

/* Dokan seller dashboard (React/Tailwind app mounted at #dokan-vendor-dashboard-root) —
   the app reads its accent color from this CSS custom-property scale, so retheme via
   tokens rather than fighting compiled utility classnames. */
:root {
	--dokan-button-background-color: #7A2E2E; /* the actual un-set fallback var() Dokan's own --primary chain reads first, inside an !important @layer rule we can't otherwise out-cascade */
	--primary: #7A2E2E;
	--colors-primary-50: #F7ECEA;
	--colors-primary-100: #EBD2CD;
	--colors-primary-200: #D7A59A;
	--colors-primary-300: #C37968;
	--colors-primary-400: #A44E3F;
	--colors-primary-500: #7A2E2E;
	--colors-primary-600: #5E2222;
	--colors-primary-700: #4A1B1B;
	--colors-primary-800: #391414;
	--colors-primary-900: #290E0E;
}
