/**
 * Fit Foodie Fits — WooCommerce default style overrides.
 *
 * Forces every WooCommerce core component into the brand system:
 * zero border-radius, JetBrains Mono UI text, #A61919 accent,
 * high-contrast black/white surfaces.
 *
 * @package FitFoodieFits
 * @version 1.0.0
 */

/* -------------------------------------------------------------------------
 * Global resets.
 * ---------------------------------------------------------------------- */
.woocommerce,
.woocommerce-page {
	font-family: var(--ffs-font-sans);
}

.woocommerce *,
.woocommerce-page * {
	border-radius: 0 !important;
}

/* -------------------------------------------------------------------------
 * Buttons.
 * ---------------------------------------------------------------------- */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
	background-color: #18181b;
	color: #ffffff;
	font-family: var(--ffs-font-mono);
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	padding: 0.9em 2em;
	border: 1px solid #18181b;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #payment #place_order:hover {
	background-color: #A61919;
	border-color: #A61919;
	color: #ffffff;
}

.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce input.button.disabled,
.woocommerce a.button:disabled,
.woocommerce button.button:disabled,
.woocommerce input.button:disabled {
	background-color: #e4e4e7;
	border-color: #e4e4e7;
	color: #71717a;
}

/* Single product add-to-cart alt button. */
.woocommerce div.product form.cart .button {
	background-color: #A61919;
	border-color: #A61919;
	width: 100%;
}

.woocommerce div.product form.cart .button:hover {
	background-color: #18181b;
	border-color: #18181b;
}

/* -------------------------------------------------------------------------
 * Prices & sale badges.
 * ---------------------------------------------------------------------- */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
	color: #18181b;
	font-family: var(--ffs-font-mono);
	font-weight: 700;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce ul.products li.product .price ins {
	color: #A61919;
	text-decoration: none;
	font-weight: 800;
}

.woocommerce div.product p.price del,
.woocommerce ul.products li.product .price del {
	color: #a1a1aa;
	font-weight: 400;
}

.woocommerce span.onsale {
	background-color: #A61919;
	color: #ffffff;
	font-family: var(--ffs-font-mono);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	min-height: 0;
	min-width: 0;
	line-height: 1;
	padding: 6px 10px;
	top: 12px;
	left: 12px;
	margin: 0;
}

/* -------------------------------------------------------------------------
 * Star ratings.
 * ---------------------------------------------------------------------- */
.woocommerce .star-rating span::before,
.woocommerce p.stars a:hover::after,
.woocommerce p.stars.selected a::before {
	color: #A61919;
}

.woocommerce .star-rating::before {
	color: #d4d4d8;
}

/* -------------------------------------------------------------------------
 * Forms: inputs, quantity, selects.
 * ---------------------------------------------------------------------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .quantity .qty,
.woocommerce div.product form.cart .variations select {
	border: 1px solid #e4e4e7;
	background-color: #ffffff;
	color: #18181b;
	font-family: var(--ffs-font-mono);
	font-size: 12px;
	padding: 0.75em;
	outline: none;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce .quantity .qty:focus,
.woocommerce div.product form.cart .variations select:focus {
	border-color: #A61919;
	box-shadow: none;
}

.woocommerce form .form-row label {
	font-family: var(--ffs-font-mono);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #71717a;
}

.woocommerce .quantity .qty {
	width: 4.5em;
	text-align: center;
}

/* -------------------------------------------------------------------------
 * Notices & messages.
 * ---------------------------------------------------------------------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
	background-color: #fafafa;
	color: #18181b;
	font-family: var(--ffs-font-mono);
	font-size: 12px;
	border-top: 3px solid #18181b;
}

.woocommerce-message {
	border-top-color: #18181b;
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: #18181b;
}

.woocommerce-info {
	border-top-color: #52525b;
}

.woocommerce-error {
	border-top-color: #A61919;
}

.woocommerce-error::before {
	color: #A61919;
}

/* -------------------------------------------------------------------------
 * Product gallery.
 * ---------------------------------------------------------------------- */
.woocommerce div.product div.images img {
	display: block;
	width: 100%;
	height: auto;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	border-radius: 0 !important;
	background: #ffffff;
	border: 1px solid #e4e4e7;
}

.woocommerce div.product div.images .flex-control-thumbs {
	margin-top: 8px;
	display: flex;
	gap: 8px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	width: auto;
	flex: 0 0 25%;
	max-width: calc(25% - 6px);
}

.woocommerce div.product div.images .flex-control-thumbs li img {
	border: 1px solid #e4e4e7;
	opacity: 0.6;
	transition: opacity 0.2s ease, border-color 0.2s ease;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
	opacity: 1;
	border-color: #18181b;
}

/* -------------------------------------------------------------------------
 * Cart & checkout tables.
 * ---------------------------------------------------------------------- */
.woocommerce table.shop_table {
	border: 1px solid #e4e4e7;
	border-collapse: collapse;
	font-family: var(--ffs-font-mono);
	font-size: 12px;
}

.woocommerce table.shop_table th {
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: #52525b;
	background-color: #fafafa;
	border-bottom: 1px solid #e4e4e7;
}

.woocommerce table.shop_table td {
	border-top: 1px solid #f4f4f5;
}

.woocommerce table.shop_table td.actions .coupon .input-text {
	border: 1px solid #e4e4e7;
	padding: 0.75em;
	font-family: var(--ffs-font-mono);
	font-size: 11px;
}

.woocommerce a.remove {
	color: #A61919 !important;
	font-weight: 400;
}

.woocommerce a.remove:hover {
	background: #A61919;
	color: #ffffff !important;
}

/* -------------------------------------------------------------------------
 * Pagination.
 * ---------------------------------------------------------------------- */
.woocommerce nav.woocommerce-pagination ul {
	border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
	border: 1px solid #e4e4e7;
	margin: 0 3px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	font-family: var(--ffs-font-mono);
	font-size: 11px;
	font-weight: 700;
	padding: 0.6em 1em;
	color: #52525b;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
	background-color: #18181b;
	color: #ffffff;
}

/* -------------------------------------------------------------------------
 * Reviews.
 * ---------------------------------------------------------------------- */
.woocommerce #reviews #comments ol.commentlist li img.avatar {
	display: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
	border: none;
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------------------------------
 * Breadcrumb (removed via hooks; belt-and-suspenders).
 * ---------------------------------------------------------------------- */
.woocommerce .woocommerce-breadcrumb {
	display: none;
}