/* ==========================================================================
   Ocaqo — WooCommerce styling to match the Iqaqo look and feel.
   Targets WooCommerce's standard CSS classes, which stay the same across
   themes, so this should keep working even if the parent theme changes.
   ========================================================================== */

:root {
	--ocaqo-background: #fdf6e8;
	--ocaqo-foreground: #2c2420;
	--ocaqo-primary: #b87a55;
	--ocaqo-accent: #c4956a;
	--ocaqo-muted: #f0e2cb;
	--ocaqo-border: #ddc39a;
}

body.woocommerce-page,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
	background-color: var(--ocaqo-background);
	color: var(--ocaqo-foreground);
	font-family: 'Karla', sans-serif;
}

.woocommerce h1, .woocommerce h2, .woocommerce h3 {
	font-family: 'Libre Caslon Display', serif;
	font-weight: 400;
}

/* Product grid cards */
.woocommerce ul.products li.product {
	background-color: #fff;
	border: 1px solid var(--ocaqo-border);
	border-radius: 14px;
	padding: 16px;
	transition: box-shadow 0.2s ease;
}
.woocommerce ul.products li.product:hover {
	box-shadow: 0 8px 24px rgba(184, 122, 85, 0.15);
}
.woocommerce ul.products li.product img {
	border-radius: 10px;
}
.woocommerce ul.products li.product .price {
	color: var(--ocaqo-primary);
	font-weight: 600;
}

/* Buttons — pill-shaped, terracotta, matching Iqaqo's CTA style */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce input.button,
.woocommerce-page a.button,
.woocommerce-page button.button {
	background-color: var(--ocaqo-primary) !important;
	color: var(--ocaqo-background) !important;
	border-radius: 999px !important;
	border: none !important;
	padding: 10px 24px !important;
	font-weight: 600 !important;
	font-family: 'Karla', sans-serif !important;
	transition: opacity 0.2s ease !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background-color: var(--ocaqo-primary) !important;
	opacity: 0.9;
}

/* Secondary / outline buttons (e.g. "View cart") */
.woocommerce a.added_to_cart {
	color: var(--ocaqo-primary) !important;
	border: 1px solid var(--ocaqo-primary) !important;
	border-radius: 999px !important;
	padding: 8px 18px !important;
}

/* Cart & checkout tables */
.woocommerce table.shop_table {
	border: 1px solid var(--ocaqo-border);
	border-radius: 14px;
	overflow: hidden;
}
.woocommerce table.shop_table th {
	background-color: var(--ocaqo-muted);
	font-family: 'Karla', sans-serif;
	font-weight: 700;
}

/* Sale badge */
.woocommerce span.onsale {
	background-color: var(--ocaqo-primary);
	border-radius: 999px;
	font-family: 'Karla', sans-serif;
}

/* Product single page price */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--ocaqo-primary);
	font-size: 1.4em;
}

/* Star ratings */
.woocommerce .star-rating span::before {
	color: var(--ocaqo-primary);
}

/* Account page tabs */
.woocommerce-MyAccount-navigation ul li a {
	font-family: 'Karla', sans-serif;
	color: var(--ocaqo-foreground);
}
.woocommerce-MyAccount-navigation ul li.is-active a {
	color: var(--ocaqo-primary);
	font-weight: 700;
}