/* ==========================================================================
   La Banda Más Fiel · tienda (WooCommerce) con los colores de la revista
   ========================================================================== */

.tienda {
	padding-block: var(--esp-m) var(--esp-xl);
}

/* Migas de pan. */
.woocommerce-breadcrumb {
	margin-bottom: var(--esp-m);
	font: 700 var(--t-xs) / 1.3 var(--f-titular);
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--tinta-2);
}
.woocommerce-breadcrumb a {
	text-decoration: none;
	color: var(--marron-medio);
}
.migas__sep {
	margin-inline: 8px;
	opacity: 0.5;
}

/* Barra de resultados y orden. */
.woocommerce .woocommerce-result-count {
	font: 600 var(--t-xs) / 2.6 var(--f-titular);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--tinta-2);
}
.woocommerce .woocommerce-ordering select {
	padding: 10px 12px;
	border: 2px solid var(--linea);
	border-radius: 0;
	background: var(--papel);
	color: var(--tinta);
	font: 600 var(--t-s) var(--f-titular);
}

/* Grilla de productos. */
.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: var(--esp-m);
	margin: 0;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after {
	display: none;
}
.woocommerce ul.products li.product {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	display: grid;
	align-content: start;
	gap: 6px;
}
.woocommerce ul.products li.product a img {
	margin-bottom: 10px;
	aspect-ratio: 1;
	object-fit: cover;
	background: var(--papel-2);
	transition: transform 0.8s var(--sale);
}
.woocommerce ul.products li.product a:hover img {
	transform: scale(1.03);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 0;
	font: 800 clamp(1.25rem, 1.1rem + 0.4vw, 1.5rem) / 1 var(--f-titular);
	text-transform: uppercase;
	color: var(--tinta);
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--marron-medio);
	font: 900 1.375rem / 1 var(--f-titular);
}
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del {
	color: var(--tinta-2);
	opacity: 0.7;
	font-weight: 600;
}
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins {
	text-decoration: none;
}

/* Etiqueta de oferta: la estrella dorada. */
.woocommerce span.onsale {
	top: 10px;
	left: 10px;
	right: auto;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 6px 10px 5px;
	border-radius: 0;
	background: var(--dorado);
	color: oklch(22% 0.03 50);
	font: 900 var(--t-xs) / 1 var(--f-titular);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.woocommerce ul.products li.product .onsale {
	margin: 0;
}

/* Botones de WooCommerce con el estilo de la revista. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wc-block-components-button:not(.is-link),
.wp-block-button__link.add_to_cart_button {
	padding: 14px 20px 12px;
	border: 0;
	border-radius: 0;
	background: var(--marron);
	color: var(--sobre-marron);
	font: 800 var(--t-s) / 1 var(--f-titular);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	transition: background-color 0.2s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.wc-block-components-button:not(.is-link):hover {
	background: var(--marron-profundo);
	color: var(--sobre-marron);
}
.woocommerce a.added_to_cart {
	margin-left: 10px;
	font: 700 var(--t-xs) / 1 var(--f-titular);
	text-transform: uppercase;
	color: var(--marron-medio);
}
.woocommerce .button:disabled,
.woocommerce .button.disabled {
	opacity: 0.5;
}

/* Ficha de producto. */
.woocommerce div.product {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	gap: var(--esp-l);
	align-items: start;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
	width: auto;
	float: none;
	margin: 0;
}
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related,
.woocommerce div.product .upsells {
	grid-column: 1 / -1;
}
.woocommerce div.product .product_title {
	font-size: clamp(2.25rem, 1.4rem + 3vw, 4rem);
	font-weight: 900;
	line-height: 0.9;
	text-transform: uppercase;
	margin-bottom: 16px;
}
.woocommerce div.product .woocommerce-product-details__short-description {
	margin-block: 18px;
	font-size: var(--t-m);
	line-height: 1.6;
	color: var(--tinta-2);
}
.woocommerce div.product form.cart {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-block: 22px;
}
.woocommerce div.product form.cart .variations select {
	padding: 10px 12px;
	border: 2px solid var(--linea);
	border-radius: 0;
	background: var(--papel);
	color: var(--tinta);
}
.woocommerce .quantity .qty {
	width: 4.5em;
	padding: 12px 6px;
	border: 2px solid var(--linea);
	border-radius: 0;
	background: var(--papel);
	color: var(--tinta);
	font: 700 1.125rem var(--f-titular);
}
.woocommerce div.product .product_meta {
	padding-top: 14px;
	border-top: 1px solid var(--linea);
	font-size: var(--t-xs);
	color: var(--tinta-2);
}
.woocommerce div.product .product_meta a {
	color: var(--marron-medio);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0;
	margin-bottom: 0;
	border-bottom: 6px solid var(--linea-fuerte);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	margin: 0 4px 0 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: var(--papel-2);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	padding: 12px 18px 10px;
	font: 800 var(--t-s) / 1 var(--f-titular);
	text-transform: uppercase;
	color: var(--tinta-2);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: var(--marron);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--sobre-marron);
}
.woocommerce div.product .woocommerce-tabs .panel {
	padding-top: var(--esp-m);
	max-width: var(--prosa);
}
.woocommerce .related > h2,
.woocommerce .upsells > h2 {
	margin-bottom: var(--esp-m);
	padding-bottom: 12px;
	border-bottom: 6px solid var(--linea-fuerte);
	font-size: var(--t-2xl);
	font-weight: 900;
	text-transform: uppercase;
}

/* Avisos. */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
	border-radius: 0 !important;
	border: 0 !important;
	border-top: 4px solid var(--marron) !important;
	background: var(--papel-2) !important;
	color: var(--tinta) !important;
	font-size: var(--t-s);
}
.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--marron-medio);
}
.woocommerce-error {
	border-top-color: var(--mal) !important;
}

/* Formularios, carrito y pago (bloques y clásicos). */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.wc-block-components-text-input input,
.wc-block-components-combobox .components-combobox-control__input,
.wc-blocks-components-select__select {
	border-radius: 0 !important;
	border-color: var(--linea) !important;
	background: var(--papel) !important;
	color: var(--tinta) !important;
}
.wc-block-components-text-input input:focus,
.woocommerce form .form-row input.input-text:focus {
	border-color: var(--marron) !important;
	box-shadow: 0 0 0 1px var(--marron) !important;
}
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
	font-family: var(--f-texto);
}
.wc-block-components-title,
.wc-block-components-checkout-step__title,
.wc-block-cart__totals-title {
	font-family: var(--f-titular) !important;
	font-weight: 800 !important;
	text-transform: uppercase;
}
.wc-block-components-totals-item__value,
.wc-block-components-product-price,
.wc-block-formatted-money-amount {
	font-family: var(--f-titular);
	font-weight: 800;
}
.wc-block-components-product-name {
	font: 800 1.125rem / 1.1 var(--f-titular);
	text-transform: uppercase;
	color: var(--tinta);
	text-decoration: none;
}
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	width: 100%;
}
.wc-block-components-radio-control__input:checked {
	border-color: var(--marron) !important;
}
.wc-block-components-radio-control__input:checked::before {
	background: var(--marron) !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
	font: 900 var(--t-2xl) / 0.9 var(--f-titular);
	text-transform: uppercase;
}

/* Mi cuenta. */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 6px solid var(--linea-fuerte);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 12px 0;
	border-bottom: 1px solid var(--linea);
	font: 800 var(--t-s) / 1 var(--f-titular);
	text-transform: uppercase;
	text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--marron-medio);
}

/* Estrellas de valoración. */
.woocommerce .star-rating span::before,
.woocommerce p.stars a {
	color: var(--dorado-osc);
}

@media (max-width: 860px) {
	.woocommerce div.product {
		grid-template-columns: 1fr;
	}
}

/* Páginas de carrito, pago y cuenta: título alineado con el contenido. */
.articulo--tienda .articulo__cabeza {
	max-width: none;
}
.articulo--tienda .articulo__cuerpo {
	padding-top: var(--esp-m);
}

/* Carrito vacío: sin el ícono de WooCommerce, solo el mensaje. */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
	display: none !important;
}
.wp-block-woocommerce-empty-cart-block {
	text-align: center;
}
.wp-block-woocommerce-empty-cart-block .wp-block-separator {
	max-width: 80px;
	border: 0;
	height: 6px;
	background: var(--linea-fuerte);
	margin: var(--esp-l) auto;
}