/* =========================================================
   Boss Driving Modern — WooCommerce dark theming (Phase 7)
   Loaded only on Woo pages. Matches the red/dark design.
   ========================================================= */

/* ---- Layout: clear the fixed header, set widths ---- */
.asf-woo { padding-top: 110px; padding-bottom: var(--asf-section-y); min-height: 60vh; }
.asf-woo__inner { padding-top: 40px; }
.asf-woo .asf-pagehero + .asf-woo__inner { padding-top: 56px; }
.woocommerce-cart .asf-entry,
.woocommerce-checkout .asf-entry,
.woocommerce-account .asf-entry { max-width: var(--asf-container); }

/* ---- Typography / links ---- */
.woocommerce, .woocommerce-page { color: var(--asf-text); }
.woocommerce a:not(.button):not(.asf-btn) { color: var(--asf-red-bright); }
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce-account h2,
.wc-block-components-title, .wp-block-woocommerce-checkout h2 { color: #fff; }

/* ---- Prices ---- */
.woocommerce .price, .woocommerce .amount, .wc-block-components-product-price,
.woocommerce-Price-amount { color: #fff; }
.woocommerce .price del .amount { color: var(--asf-muted-2); }
.woocommerce .price ins { text-decoration: none; }

/* ---- Buttons (classic + blocks) ---- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.wc-block-components-button, .wc-block-cart__submit-button,
button.wc-block-components-checkout-place-order-button {
	background: var(--asf-red) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 100px !important;
	font-family: var(--asf-font-head);
	font-weight: 700 !important;
	padding: 14px 26px !important;
	box-shadow: 0 12px 30px rgba(225, 29, 42, 0.35);
	transition: transform .25s, box-shadow .25s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.wc-block-components-button:hover, button.wc-block-components-checkout-place-order-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 38px rgba(225, 29, 42, 0.5) !important;
}
.woocommerce a.button.wc-backward,
.wc-block-components-button.outlined {
	background: transparent !important;
	border: 1px solid var(--asf-hair-2) !important;
	color: #fff !important;
	box-shadow: none;
}

/* ---- Notices ---- */
.woocommerce-message, .woocommerce-info, .woocommerce-error,
.wc-block-components-notice-banner {
	background: var(--asf-surface) !important;
	color: var(--asf-text) !important;
	border-radius: 12px;
	border-left: 4px solid var(--asf-red);
}
.woocommerce-message { border-left-color: #28a745; }
.woocommerce-error { border-left-color: var(--asf-red); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--asf-red-bright); }

/* ---- Form fields (classic + blocks) ---- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection,
.wc-block-components-text-input input,
.wc-block-components-textarea,
.wc-block-components-select .wc-block-components-select__container,
.wc-block-components-quantity-selector input {
	background: var(--asf-surface-2) !important;
	color: #fff !important;
	border: 1px solid var(--asf-hair) !important;
	border-radius: 12px !important;
}
.woocommerce form .form-row label, .wc-block-components-text-input label,
.wc-block-components-checkout-step__title, .wc-block-components-form .wc-block-components-text-input label {
	color: var(--asf-muted) !important;
}
.wc-block-components-text-input input:focus, .woocommerce form .form-row input.input-text:focus {
	border-color: var(--asf-red) !important;
}

/* ---- Tables (cart, account, order) ---- */
.woocommerce table.shop_table, .woocommerce table.shop_table th, .woocommerce table.shop_table td,
.woocommerce-table--order-details, .wc-block-components-order-summary {
	background: var(--asf-surface) !important;
	color: var(--asf-text) !important;
	border-color: var(--asf-hair) !important;
}
.woocommerce table.shop_table thead th { color: #fff; }
.woocommerce .cart_totals h2, .woocommerce-checkout #order_review_heading { color: #fff; }

/* ---- Block cart & checkout ---- */
.wc-block-checkout, .wc-block-cart, .wp-block-woocommerce-checkout, .wp-block-woocommerce-cart,
.wc-block-components-sidebar, .wc-block-components-totals-item, .wc-block-components-product-name,
.wc-block-components-product-metadata, .wc-block-components-order-summary-item__description,
.wc-block-cart-items, .wc-block-components-totals-footer-item { color: var(--asf-text); }
.wc-block-components-product-name { color: #fff !important; }
.wc-block-cart .wc-block-cart-items__header, .wc-block-components-totals-item__label { color: var(--asf-muted); }
.wc-block-components-sidebar, .wc-block-checkout__sidebar .wc-block-components-totals-wrapper,
.wc-block-cart__sidebar .wc-block-components-totals-wrapper {
	background: var(--asf-surface); border: 1px solid var(--asf-hair); border-radius: var(--asf-radius);
}
.wc-block-components-totals-footer-item { font-family: var(--asf-font-head); color: #fff; }
.wc-block-components-divider, hr.wc-block-components-product-metadata { border-color: var(--asf-hair) !important; }

/* ---- Shop loop ---- */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	background: var(--asf-surface); border: 1px solid var(--asf-hair); border-radius: var(--asf-radius);
	padding: 18px; transition: transform .3s, border-color .3s;
}
.woocommerce ul.products li.product:hover { transform: translateY(-6px); border-color: rgba(225, 29, 42, 0.4); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: #fff; font-family: var(--asf-font-head); }
.woocommerce ul.products li.product img { border-radius: 12px; margin-bottom: 14px; }

/* ---- Single product ---- */
.woocommerce div.product .product_title { color: #fff; font-family: var(--asf-font-head); }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--asf-red); font-family: var(--asf-font-head); font-weight: 800; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: var(--asf-surface); border-color: var(--asf-hair); border-radius: 10px 10px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--asf-surface-2); }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--asf-text); }
.woocommerce-product-gallery { border-radius: var(--asf-radius); overflow: hidden; }

/* ---- My account ---- */
.woocommerce-account .woocommerce-MyAccount-navigation ul { border: 1px solid var(--asf-hair); border-radius: var(--asf-radius); overflow: hidden; background: var(--asf-surface); }
.woocommerce-account .woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--asf-hair); }
.woocommerce-account .woocommerce-MyAccount-navigation li a { color: var(--asf-text); display: block; padding: 14px 18px; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: var(--asf-surface-2); color: var(--asf-red-bright); }

/* ---- Breadcrumb ---- */
.woocommerce .woocommerce-breadcrumb { color: var(--asf-muted-2); }