/*
Theme Name: BC Racing Apex
Theme URI: https://bcracing.lt
Author: BC Racing
Author URI: https://bcracing.lt
Description: Custom racing / coilovers shop theme based on the "Apex Precision" design. Dark carbon-fibre aesthetic with gold accents, built with Tailwind CSS + WooCommerce.
Version: 1.1
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bcracing-apex
*/

/* ---------- Base ---------- */
html { scroll-behavior: smooth; }
body { font-family: "Hanken Grotesk", system-ui, sans-serif; background-color: #121414; color: #e2e2e2; }

.carbon-pattern {
	background-image:
		repeating-linear-gradient(45deg, #121414 25%, transparent 25%, transparent 75%, #121414 75%, #121414),
		repeating-linear-gradient(45deg, #121414 25%, #0D0D0D 25%, #0D0D0D 75%, #121414 75%, #121414);
	background-position: 0 0, 10px 10px;
	background-size: 20px 20px;
}
.pb-safe { padding-bottom: env(safe-area-inset-bottom); }
.speed-skew { transform: skewX(-8deg); }
.anti-skew { transform: skewX(8deg); display: inline-block; }

.admin-bar header.fixed { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar header.fixed { top: 46px; } }

/* ---------- WooCommerce: shop grid ---------- */
.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid !important;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 24px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
@media (min-width: 640px)  { .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1024px) { .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (min-width: 1280px) { .woocommerce ul.products { grid-template-columns: repeat(4, minmax(0,1fr)); } }
.woocommerce ul.products li.product {
	width: 100% !important;
	margin: 0 !important;
	float: none !important;
	border-radius: 0.5rem;
}
.woocommerce ul.products li.product::before { display: none; }

/* ---------- WooCommerce: buttons ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce .single_add_to_cart_button,
.woocommerce #place_order,
.wc-block-components-button {
	background-color: #e5c534 !important;
	color: #0D0D0D !important;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em;
	border-radius: 2px !important;
	border: none !important;
	padding: 0.75rem 1.75rem !important;
	transition: background-color .2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce #place_order:hover { background-color: #E6C200 !important; }

/* loop add-to-cart inside product card */
.apex-loop-cart .button { white-space: nowrap; font-size: 12px !important; padding: 0.6rem 1rem !important; }
.apex-loop-cart .added_to_cart { display:inline-block; margin-top:.5rem; color:#e5c534 !important; font-family:"Space Mono",monospace; font-size:12px; text-transform:uppercase; }

/* ---------- WooCommerce: prices & links ---------- */
.woocommerce .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-Price-amount { color: #e5c534 !important; font-family: "Montserrat", sans-serif; font-weight: 700; }
.woocommerce .price del { color: #98907a !important; opacity:.7; }

/* ---------- Single product ---------- */
.woocommerce div.product .product_title {
	font-family: "Montserrat", sans-serif; font-weight: 800; text-transform: uppercase; color: #e2e2e2; letter-spacing:-0.01em;
}
.woocommerce div.product { color:#cfc6ae; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background:#1e2020; border-color:#4c4734;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background:#0D0D0D; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color:#cfc6ae; }
.woocommerce-tabs .panel { background:#1a1c1c; padding:1.5rem; border:1px solid #4c4734; }
.woocommerce span.onsale {
	background:#E63946 !important; color:#fff !important; border-radius:2px; font-family:"Space Mono",monospace; text-transform:uppercase;
}

/* ---------- Cart & Checkout ---------- */
.woocommerce table.shop_table {
	background:#1a1c1c; border:1px solid #4c4734; border-radius:4px; color:#e2e2e2;
}
.woocommerce table.shop_table th { color:#e2e2e2; font-family:"Space Mono",monospace; text-transform:uppercase; }
.woocommerce table.shop_table td { border-top:1px solid #333535; color:#cfc6ae; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-checkout #payment {
	background:#1a1c1c; border:1px solid #4c4734; border-radius:4px;
}
.woocommerce-checkout #payment { padding:1rem; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container .select2-selection {
	background:#0D0D0D !important; color:#e2e2e2 !important; border:1px solid #4c4734 !important; border-radius:2px;
}
.woocommerce-info, .woocommerce-message, .woocommerce-error {
	background:#1e2020 !important; color:#e2e2e2 !important; border-top:3px solid #e5c534 !important;
}
.woocommerce-error { border-top-color:#E63946 !important; }
.woocommerce-info::before, .woocommerce-message::before { color:#e5c534 !important; }

/* headings */
.woocommerce h1, .woocommerce h2, .woocommerce h3 { font-family:"Montserrat",sans-serif; }