/*
 * Catálogo en blanco (2026-10-07): tienda, categorías y ficha de producto
 * sobre fondo blanco liso con textos oscuros. Va acotado a body.ap-catalogo-blanco
 * (clase añadida en inc/setup.php cuando is_woocommerce()) y se carga al
 * final para mandar sobre arridal.css, filtros.css y carrito.css.
 * Cabecera, menú y pie siguen en verde.
 */

body.ap-catalogo-blanco {
	background: #fff;
	background-image: none;
	background-attachment: scroll;
}

/* El texto oscuro solo dentro del contenido: cabecera, menú, pie y cajón del
   carrito heredan el crema de siempre (siguen sobre verde). */
body.ap-catalogo-blanco .ap-header,
body.ap-catalogo-blanco .ap-footer,
body.ap-catalogo-blanco .ap-mobile-nav {
	color: var(--crema);
}

/* Tokens genéricos de main.css que asumían fondo oscuro */
body.ap-catalogo-blanco .ap-main {
	--puntada: var(--puntada-papel);
	--ap-line: rgba(6, 61, 33, 0.16);
	--ap-line-strong: rgba(6, 61, 33, 0.36);
	--ap-line-soft: rgba(6, 61, 33, 0.08);
	--ap-white: var(--tinta);
	--ap-mist: var(--tinta-3);
	--ap-mist-2: var(--tinta-3);
	--ap-steel: var(--tinta-3);
	--ap-surface: var(--papel);
	--ap-surface-2: #f1efe6;
	--ap-surface-3: #ebe8dd;
	--ap-black: #fff;
	--ap-ink: var(--papel);
	--sombra: 0 14px 34px rgba(6, 61, 33, 0.16);
	--ap-shadow-card: 0 10px 28px -14px rgba(6, 61, 33, 0.35);
	--ap-shadow-lift: 0 18px 38px -16px rgba(6, 61, 33, 0.4);
	color: var(--tinta);
}

/* ---- Cabecera de tienda / categoría ---- */
body.ap-catalogo-blanco .ap-main h1,
body.ap-catalogo-blanco .ap-main h2,
body.ap-catalogo-blanco .ap-main h3,
body.ap-catalogo-blanco .ap-page-hero__title,
body.ap-catalogo-blanco .ap-shop-hero__title {
	color: var(--verde);
}

body.ap-catalogo-blanco .ap-page-hero__text,
body.ap-catalogo-blanco .ap-shop-hero__text,
body.ap-catalogo-blanco .ap-section__subtitle,
body.ap-catalogo-blanco .woocommerce-result-count {
	color: var(--tinta-3);
}

body.ap-catalogo-blanco .ap-main .ap-eyebrow {
	color: var(--verde-3);
}

body.ap-catalogo-blanco .ap-main .ap-eyebrow__mark {
	border-top-color: var(--verde-3);
}

body.ap-catalogo-blanco .ap-breadcrumb,
body.ap-catalogo-blanco .ap-crumb-sep {
	color: var(--tinta-3);
}

body.ap-catalogo-blanco .ap-breadcrumb a {
	color: var(--verde-2);
}

body.ap-catalogo-blanco .ap-breadcrumb a:hover {
	color: var(--verde-3);
}

body.ap-catalogo-blanco .ap-link-arrow {
	color: var(--verde-2);
	border-bottom-color: var(--puntada-papel);
}

body.ap-catalogo-blanco .ap-link-arrow:hover {
	color: var(--verde-3);
	border-color: var(--verde-3);
}

body.ap-catalogo-blanco .ap-prose {
	color: var(--tinta);
}

body.ap-catalogo-blanco .ap-prose a {
	color: var(--verde-2);
}

/* ---- Ordenar / filtros ---- */
body.ap-catalogo-blanco .woocommerce-ordering select,
body.ap-catalogo-blanco .ap-main select {
	border: 1px solid rgba(6, 61, 33, 0.22);
	background-color: #fff;
}

body.ap-catalogo-blanco .apf__panel,
body.ap-catalogo-blanco .apf__toggle {
	border: 1px solid rgba(6, 61, 33, 0.12);
}

body.ap-catalogo-blanco .apf-results .woocommerce-info,
body.ap-catalogo-blanco .apf-results .woocommerce-no-products-found {
	color: var(--tinta);
}

/* ---- Tarjetas de producto ---- */
body.ap-catalogo-blanco .ap-theme ul.products li.product,
body.ap-catalogo-blanco ul.products li.product {
	border: 1px solid rgba(6, 61, 33, 0.12);
}

body.ap-catalogo-blanco ul.products li.product:hover {
	border: 1px solid rgba(6, 61, 33, 0.2);
}

body.ap-catalogo-blanco .ap-shop__body > ul.products {
	border-top-color: var(--puntada-papel);
}

/* ---- Paginación ---- */
body.ap-catalogo-blanco .ap-pagination .page-numbers,
body.ap-catalogo-blanco .woocommerce-pagination .page-numbers {
	border-color: rgba(6, 61, 33, 0.35);
	color: var(--verde);
}

body.ap-catalogo-blanco .ap-pagination .page-numbers:hover,
body.ap-catalogo-blanco .woocommerce-pagination .page-numbers:hover {
	border-color: var(--verde-3);
	color: var(--verde-3);
}

body.ap-catalogo-blanco .ap-pagination .page-numbers.current,
body.ap-catalogo-blanco .woocommerce-pagination .page-numbers.current {
	background: var(--verde);
	border-color: var(--verde);
	color: var(--crema);
}

/* ---- Ficha de producto ---- */
body.ap-catalogo-blanco.single-product div.product .product_title {
	color: var(--verde);
}

body.ap-catalogo-blanco.single-product div.product .price,
body.ap-catalogo-blanco.single-product div.product .summary .ap-price--ask {
	color: var(--tinta-3);
}

body.ap-catalogo-blanco .woocommerce-product-details__short-description {
	color: var(--tinta-2);
}

body.ap-catalogo-blanco .product_meta {
	border-top-color: var(--puntada-papel);
	color: var(--tinta-3);
}

body.ap-catalogo-blanco .product_meta a {
	color: var(--verde-2);
}

body.ap-catalogo-blanco .product_meta a:hover {
	color: var(--verde-3);
}

body.ap-catalogo-blanco .stock.in-stock {
	color: var(--verde-3);
}

body.ap-catalogo-blanco.single-product div.product .woocommerce-product-gallery {
	border: 1px solid rgba(6, 61, 33, 0.12);
}

body.ap-catalogo-blanco .ap-specs--single,
body.ap-catalogo-blanco .ap-consult {
	border: 1px solid rgba(6, 61, 33, 0.12);
}

/* Pestañas */
body.ap-catalogo-blanco div.product .woocommerce-tabs {
	border-top-color: var(--puntada-papel);
}

body.ap-catalogo-blanco div.product .woocommerce-tabs ul.tabs li {
	border-color: rgba(6, 61, 33, 0.35);
}

body.ap-catalogo-blanco div.product .woocommerce-tabs ul.tabs li a {
	color: var(--verde);
}

body.ap-catalogo-blanco div.product .woocommerce-tabs ul.tabs li.active {
	border-color: var(--verde);
	background: var(--verde);
}

body.ap-catalogo-blanco div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--crema);
}

body.ap-catalogo-blanco .woocommerce-tabs .panel {
	color: var(--tinta);
}

body.ap-catalogo-blanco .woocommerce-tabs .panel h2 {
	color: var(--verde);
}

body.ap-catalogo-blanco .shop_attributes th,
body.ap-catalogo-blanco .shop_attributes td {
	border-color: var(--puntada-papel);
}

body.ap-catalogo-blanco .shop_attributes th {
	color: var(--tinta-3);
}

body.ap-catalogo-blanco .related.products,
body.ap-catalogo-blanco .upsells.products {
	border-top-color: var(--puntada-papel);
}

body.ap-catalogo-blanco .ap-seal {
	border-color: var(--puntada-papel);
	color: var(--tinta-3);
}

/* Avisos de WooCommerce */
body.ap-catalogo-blanco .woocommerce-message,
body.ap-catalogo-blanco .woocommerce-info,
body.ap-catalogo-blanco .woocommerce-error {
	border: 1px solid rgba(6, 61, 33, 0.12);
}