/* Anlú · Tarjetas de la tienda con el mismo aspecto que el buscador.
   Solo toca .c-product-grid__item, así que no afecta a nada más de la web.
   El truco :not(#anlu-nunca) sube la especificidad para ganarle al tema
   sin cambiar a qué elementos se aplica.

   LOS COLORES NO ESTÁN AQUÍ: viven en paleta.css, que se carga antes que
   este archivo. Aquí se usan por su nombre, con el color de siempre detrás
   como red de seguridad. */

/* --- la marca sube por encima del nombre --- */
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__details{display:flex;flex-direction:column;text-align:center;justify-content:flex-start!important}
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__bottom{display:contents}
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__brands{order:-2;margin:0 0 1px!important;min-height:16px}
/* Si el producto no tiene marca, se reserva su hueco para que los nombres
   queden a la misma altura en toda la fila. */
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__details:not(:has(.c-product-grid__brand)) .c-product-grid__title-wrap{margin-top:17px}
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__price-wrap{margin-top:auto!important}
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__title-wrap{order:-1}

/* --- textos --- */
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__brand{font-size:10.5px!important;text-transform:uppercase!important;letter-spacing:.07em!important;color:var(--anlu-texto-suave,#a3907f)!important;font-weight:700!important;text-decoration:none!important}
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__title{font-size:15px!important;line-height:1.35!important;font-weight:600!important;color:var(--anlu-titulo,#4a3a30)!important;text-transform:none!important;text-align:center}
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .anlu-indicaciones{justify-content:center}
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .stock,
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .stock-container-grid,
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .stock-container-grid-var{font-size:11px!important;text-transform:none!important;letter-spacing:normal!important;color:var(--anlu-texto-suave,#a3907f)!important;font-weight:600!important;text-align:center;margin:2px 0 0}

/* --- precio --- */
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .price{font-size:16.5px!important;font-weight:700!important;color:var(--anlu-texto,#6b4f3f)!important}

/* El precio anterior, el tachado de las ofertas. La raya que pinta el
   navegador la coloca la propia letra (Quicksand), y en esta letra cae muy
   alta: en vez de partir el número por la mitad pasa casi por encima, y no
   parece un precio tachado sino un número subrayado por arriba. No hay
   forma de subir o bajar esa raya desde CSS, así que se apaga la del
   navegador y se pinta una nuestra a media altura del número.
   Solo entra en los precios de WooCommerce (el <del> tiene dentro el importe),
   nunca en un texto tachado del blog. */
del:has(.woocommerce-Price-amount):not(#anlu-nunca):not(#anlu-nunca){text-decoration:none!important}
del:has(.woocommerce-Price-amount):not(#anlu-nunca) .woocommerce-Price-amount{position:relative}
del:has(.woocommerce-Price-amount):not(#anlu-nunca) .woocommerce-Price-amount::after{content:"";position:absolute;left:-1px;right:-1px;top:55%;height:max(1px,.08em);background:currentColor;opacity:.9;pointer-events:none}
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .anlu-ppu{font-size:11.5px!important;color:var(--anlu-texto-suave,#a3907f)!important;font-weight:600!important;display:block}

/* --- cabeceras de página sin foto de fondo ---
   El tema pinta el título y las migas de pan en BLANCO, porque esa cabecera
   está pensada para ir encima de una foto. Cuando la página no lleva foto
   (las entradas del blog, por ejemplo) el fondo es casi blanco y el título
   se vuelve invisible. Las que sí llevan foto traen la clase --custom-bg y
   no se tocan: ahí el blanco es el correcto. */
.c-page-header--default:not(.c-page-header--custom-bg):not(#anlu-nunca):not(#anlu-nunca),
.c-page-header--default:not(.c-page-header--custom-bg):not(#anlu-nunca) .c-page-header__title,
.c-page-header--default:not(.c-page-header--custom-bg):not(#anlu-nunca) .c-page-header__desc,
.c-page-header--default:not(.c-page-header--custom-bg):not(#anlu-nunca) .c-breadcrumbs,
.c-page-header--default:not(.c-page-header--custom-bg):not(#anlu-nunca) .c-breadcrumbs a{color:var(--anlu-titulo,#4a3a30)!important}
.c-page-header--default:not(.c-page-header--custom-bg):not(#anlu-nunca) .c-breadcrumbs{opacity:.75}

/* ==================================================================
   LOS TRES ASPECTOS QUE SE REPITEN POR TODA LA TIENDA.
   Antes cada botón llevaba su propia copia de estas líneas, ocho veces.
   Ahora se escriben una vez y debajo se dice quién las usa.
   ================================================================== */

/* 1) BOTÓN CLARO: el de "Añadir al carrito" y todos sus hermanos. */
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__atc,
html body .single_add_to_cart_button:not(#anlu-nunca):not(#anlu-nunca):not(#anlu-nunca),
#afx-dd:not(#anlu-nunca) .afx-fbtn,
#anlu-cross-modal:not(#anlu-nunca) .anlu-card-btn-box .button,
.anlu-gc__btn:not(#anlu-nunca):not(#anlu-nunca),
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .xoo-wl-action-btn,
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .xoo-wl-btn-container .xoo-wl-action-btn,
a.boton-solicitar-anlu:not(#anlu-nunca):not(#anlu-nunca){
	background:#fff!important;background-color:#fff!important;color:var(--anlu-boton,#8a6a55)!important;
	border:var(--anlu-borde,1.5px solid #ded3c8)!important;border-radius:var(--anlu-radio,8px)!important;
	text-transform:none!important;font-weight:600!important;box-shadow:none!important}

/* 2) PASTILLA: los botones de peso y los formatos del buscador. */
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .variable-item-span,
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .variable-item-span,
#afx-dd:not(#anlu-nunca) .afx-vb,
#afx-dd:not(#anlu-nunca) .afx-vb2,
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .variations select,
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .variations select{
	background:#fff!important;color:var(--anlu-texto,#6b4f3f)!important;
	border:var(--anlu-borde,1.5px solid #ded3c8)!important;border-radius:var(--anlu-radio,8px)!important;
	text-transform:none!important;font-weight:600!important;box-shadow:none!important}

/* 3) SELECCIONADO: el beige de lo que el cliente ha elegido. */
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) li.variable-item.selected .variable-item-span,
body.single-product:not(#anlu-nunca):not(#anlu-nunca) li.variable-item.selected .variable-item-span,
#afx-dd:not(#anlu-nunca) .afx-vb.sel,
#afx-dd:not(#anlu-nunca) .afx-vb2.sel{
	background:var(--anlu-beige,#ece1d5)!important;border-color:var(--anlu-linea-fuerte,#c9b29c)!important;
	color:var(--anlu-beige-texto,#5d4534)!important;font-weight:700!important}

/* --- lo que cada uno añade por su cuenta sobre esa base --- */
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__atc{width:100%!important;padding:10px!important;font-size:13px!important;letter-spacing:normal!important}
html body .single_add_to_cart_button:not(#anlu-nunca):not(#anlu-nunca):not(#anlu-nunca){letter-spacing:normal!important}
/* "Solicitar Información": lo pinta un fragmento de código con un estilo
   escrito en la propia etiqueta (borde marrón fuerte de 2px y forma de
   píldora). Ese fragmento no se puede editar desde aquí, así que el botón se
   iguala al de "Añadir al carrito" desde el plugin. */
a.boton-solicitar-anlu:not(#anlu-nunca):not(#anlu-nunca){width:100%!important;max-width:none!important;padding:10px!important;font-size:13px!important;letter-spacing:normal!important;text-align:center!important}
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .variable-item-span,
#afx-dd:not(#anlu-nunca) .afx-vb,
#afx-dd:not(#anlu-nunca) .afx-vb2{padding:8px 13px!important;font-size:12.5px!important}
/* Productos con muchas variaciones: el desplegable, cuadrado como los botones. */
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .variations select,
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .variations select{font-size:12.5px!important;letter-spacing:normal!important;padding:9px 12px!important;height:auto!important;min-height:0!important}

/* --- los que pasan al beige al pasar el ratón --- */
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__atc:hover,
html body .single_add_to_cart_button:not(#anlu-nunca):not(#anlu-nunca):not(#anlu-nunca):hover,
#afx-dd:not(#anlu-nunca) .afx-fbtn:hover,
#anlu-cross-modal:not(#anlu-nunca) .anlu-card-btn-box .button:hover,
.anlu-gc__btn:not(#anlu-nunca):not(#anlu-nunca):hover,
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .xoo-wl-action-btn:hover,
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .xoo-wl-btn-container .xoo-wl-action-btn:hover,
#afx-dd:not(#anlu-nunca) .afx-add:not(.done):not([disabled]):not(.afx-dis):hover,
#afx-dd:not(#anlu-nunca) .afx-pbtn:hover,
a.boton-solicitar-anlu:not(#anlu-nunca):not(#anlu-nunca):hover{
	background:#fff!important;background-color:#fff!important;
	border-color:var(--anlu-boton,#8a6a55)!important;color:var(--anlu-texto,#6b4f3f)!important}

/* --- botones de peso: colocación --- */
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .variations ul{justify-content:center;gap:6px}
/* El tema sube el bloque siguiente 15px con un margen negativo; con nuestros
   botones, más altos, eso hacía que se comieran el precio. */
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .variations{margin-bottom:6px!important}
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) li.variable-item{padding:0!important;box-shadow:none!important}

/* --- el contador de cantidad, en el mismo beige que la variación elegida --- */
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__quantity{background-color:var(--anlu-beige,#ece1d5)!important;color:var(--anlu-beige-texto,#5d4534)!important;border:1.5px solid var(--anlu-linea-fuerte,#c9b29c)!important;border-radius:var(--anlu-radio,8px)!important}
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__quantity button,
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__quantity input,
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__quantity i,
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .c-product-grid__quantity span{background:transparent!important;color:var(--anlu-beige-texto,#5d4534)!important;border:0!important;box-shadow:none!important}

/* --- ficha de producto: mismo lenguaje que los listados --- */
/* La cantidad y el botón, uno debajo del otro y del mismo ancho: si no, el
   cuadradito de la cantidad queda pegado al botón y parece un apaño. */
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__quantity{background:var(--anlu-beige,#ece1d5)!important;border:1.5px solid var(--anlu-linea-fuerte,#c9b29c)!important;border-radius:var(--anlu-radio,8px)!important;color:var(--anlu-beige-texto,#5d4534)!important;
	width:100%!important;max-width:none!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 0 8px 0!important;padding:0!important}
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__quantity input,
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__quantity button{background:transparent!important;color:var(--anlu-beige-texto,#5d4534)!important;border:0!important;
	flex:1 1 auto!important;min-width:0!important;width:auto!important;height:100%!important;text-align:center!important;font-weight:700!important;font-size:14px!important;padding:0!important;margin:0!important;-moz-appearance:textfield}
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__quantity input::-webkit-outer-spin-button,
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__quantity input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__quantity .anlu-qbtn{flex:0 0 38px!important;width:38px!important;height:100%!important;
	background:transparent!important;border:0!important;box-shadow:none!important;color:var(--anlu-beige-texto,#5d4534)!important;font-size:19px!important;font-weight:700!important;
	line-height:1!important;padding:0!important;margin:0!important;cursor:pointer;border-radius:6px!important;text-transform:none!important;min-width:0!important}
/* El tema le pone order:2 al campo, así que hay que colocarlos a mano. */
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__quantity .anlu-qmenos{order:1!important}
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__quantity input{order:2!important}
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__quantity .anlu-qmas{order:3!important}
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__quantity .anlu-qbtn:hover:not([disabled]){background:#e0d2c2!important}
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__quantity .anlu-qbtn[disabled]{opacity:.3;cursor:default}
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .anlu-oculto{display:none!important}
/* El tema mete sus propios − y + un rato después de cargar; con los nuestros
   se verían dos de cada. Se esconden los suyos, que además tocan el formulario
   y no el carrito. */
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__quantity > button:not(.anlu-qbtn){display:none!important}
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .single_add_to_cart_button{width:100%!important;min-height:42px!important;justify-content:center!important}
/* El tema pinta este botón con un span interior (.c-product__button_hint) y con
   una regla muy pesada, así que hace falta subir aún más la especificidad. */
html body .single_add_to_cart_button:not(#anlu-nunca):not(#anlu-nunca):not(#anlu-nunca) .c-product__button_hint{background:transparent!important;background-color:transparent!important;color:var(--anlu-boton,#8a6a55)!important}
html body .single_add_to_cart_button:not(#anlu-nunca):not(#anlu-nunca):not(#anlu-nunca) i,
html body .single_add_to_cart_button:not(#anlu-nunca):not(#anlu-nunca):not(#anlu-nunca) svg,
html body .single_add_to_cart_button:not(#anlu-nunca):not(#anlu-nunca):not(#anlu-nunca) span{color:var(--anlu-boton,#8a6a55)!important;fill:var(--anlu-boton,#8a6a55)!important}

/* Sobra: el botón de abajo ya dice qué hacer. El tema lo escribe dos veces,
   como texto y como ::before del envoltorio de las variaciones. */
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) .variation-message,
body.single-product:not(#anlu-nunca):not(#anlu-nunca) .variation-message{display:none!important}
.c-product-grid__item:not(#anlu-nunca):not(#anlu-nunca) form.variations_form > div::before,
body.single-product:not(#anlu-nunca):not(#anlu-nunca) form.variations_form > div::before{content:none!important;display:none!important}

/* El corazón de favoritos, sobre la foto y arriba a la derecha también en móvil. */
@media(max-width:880px){
	body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__gallery.anlu-gal{position:relative}
	body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__gallery.anlu-gal .c-product__wishlist{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;z-index:6;margin:0!important;width:auto!important}
	body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__gallery.anlu-gal .c-product__wishlist{width:40px!important;height:40px!important}
	body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__gallery.anlu-gal .c-product__wishlist .c-wishlist__btn{background:#fff!important;border-radius:50%!important;width:40px!important;height:40px!important;display:flex!important;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(107,79,63,.18)!important;
		padding:0!important;min-width:0!important;font-size:0!important;overflow:hidden}
	/* El botón lleva dentro "Añadir a favoritos" y "Quitar de favoritos"; en móvil
	   el tema los enseña y rompen la burbuja. Aquí solo queremos el icono. */
	body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__gallery.anlu-gal .c-product__wishlist-text,
	body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__gallery.anlu-gal .c-wishlist__btn-text{display:none!important}
	body.single-product:not(#anlu-nunca):not(#anlu-nunca) .c-product__gallery.anlu-gal .c-wishlist__btn i{font-size:19px!important}}

/* ------------------------------------------------------------------
   Barra de búsqueda (panel #afx-dd): sus botones eran píldoras en
   marrón fuerte y en mayúsculas. Se dejan igual que los del feed.
   ------------------------------------------------------------------ */
#afx-dd:not(#anlu-nunca) .afx-add{border-radius:var(--anlu-radio,8px)!important;text-transform:none!important;letter-spacing:normal!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important}
#afx-dd:not(#anlu-nunca) .afx-add:not(.done):not([disabled]):not(.afx-dis){border:var(--anlu-borde,1.5px solid #ded3c8)!important;background:#fff!important;color:var(--anlu-boton,#8a6a55)!important}

/* El "Aplicar" de los filtros, en la misma línea. */
#afx-dd:not(#anlu-nunca) .afx-pbtn{border-radius:var(--anlu-radio,8px)!important;border:var(--anlu-borde,1.5px solid #ded3c8)!important;background:#fff!important;color:var(--anlu-boton,#8a6a55)!important;text-transform:none!important;letter-spacing:normal!important;font-weight:600!important}