/* Galería: el menú de la cabecera queda en negro al pasar el ratón, también en
   sus desplegables (propietario, 2026-09-27). WoodMart usa ahí el color
   principal (amarillo) y el menú no tiene un ajuste de color al pasar el ratón.
   El resto de enlaces de la web siguen el amarillo de Theme Settings. */

:is(.ld-gp-page, .ld-g-page) .whb-header .wd-nav-main {
	--nav-color-hover: #0C0E12;
	--nav-color-active: #0C0E12;
}

:is(.ld-gp-page, .ld-g-page) .whb-header .wd-nav-main .wd-dropdown-menu {
	--sub-menu-color-hover: #0C0E12;
	--wd-link-color-hover: #0C0E12;
}

/* Etiquetas "NEW" / "BEST PRICE" de los desplegables (propietario, 2026-09-27):
   la nube de WoodMart encima del nombre, pero más pequeña y un poco más baja,
   para que no pise la línea de arriba. El texto y el color de cada etiqueta
   siguen en Apariencia → Menús. */
:is(.ld-gp-page, .ld-g-page) .whb-header .wd-dropdown .menu-label {
	top: 5px;
	bottom: auto;
	padding: 1px 4px;
	font-size: 7.5px;
	line-height: 9px;
	letter-spacing: .03em;
}

:is(.ld-gp-page, .ld-g-page) .whb-header .wd-dropdown .menu-label::before {
	border-width: 3px;
	border-inline-end-width: 5px;
	border-inline-start-width: 0;
	inset-inline-start: 7px;
}

/* ------------------------------------------------ carrito lateral (Galería)
   El panel que se abre al pulsar el carrito de la cabecera, con el mismo
   aspecto que la página del carrito (propietario, 2026-09-27). */

:is(.ld-gp-page, .ld-g-page) .cart-widget-side {
	width: 380px;
	border-radius: 28px 0 0 28px;
	box-shadow: -30px 0 60px -30px rgba(20, 24, 35, .35);
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .wd-heading {
	padding: 22px 24px;
	border-bottom: 1px solid rgba(12, 14, 18, .08);
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .wd-heading .title {
	font-family: var(--wd-title-font);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -.02em;
	text-transform: none;
	color: #0C0E12;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .close-side-widget a {
	font-size: 14px;
	font-weight: 500;
	text-transform: none;
	color: #5B616C;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .close-side-widget a:hover {
	color: var(--wd-primary-color);
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .woocommerce-mini-cart-item {
	gap: 16px;
	padding: 18px 24px;
	border-bottom: 1px solid rgba(12, 14, 18, .08);
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .woocommerce-mini-cart-item:hover {
	background: #F7F8FA;
}

/* La foto entera, más alta que ancha y sin fondo gris, como en el carrito. */
:is(.ld-gp-page, .ld-g-page) .cart-widget-side .cart-item-image {
	flex: 0 0 72px;
	width: 72px;
	margin: 0;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .cart-item-image img {
	display: block;
	width: 72px;
	height: 90px;
	max-width: none;
	padding: 0;
	box-sizing: border-box;
	border-radius: 0;
	background: transparent;
	object-fit: contain;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .cart-info .wd-entities-title {
	padding-right: 18px;
	font-size: 15px;
	line-height: 1.3;
	color: #0C0E12;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .cart-info :is(.wd-product-sku, .variation) {
	margin-top: 4px;
	font-size: 13px;
	color: #5B616C;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .cart-info :is(.wd-label, .variation dt) {
	font-weight: 600;
	color: #0C0E12;
}

/* Cantidad: la pastilla gris del carrito, sin bordes. */
:is(.ld-gp-page, .ld-g-page) .cart-widget-side div.quantity {
	display: inline-flex;
	align-items: center;
	margin-top: 10px;
	border-radius: 999px;
	background: #F3F4F6;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side div.quantity :is(input[type="button"], .minus, .plus, input.qty) {
	height: 32px;
	min-height: 0;
	border: 0;
	background: transparent;
	color: #0C0E12;
	box-shadow: none;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side div.quantity :is(input[type="button"], .minus, .plus) {
	width: 30px;
	border-radius: 999px;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side div.quantity :is(input[type="button"], .minus, .plus):hover {
	color: var(--wd-primary-color);
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side div.quantity input.qty {
	width: 30px;
	font-weight: 600;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .remove {
	top: 18px;
	right: 20px;
	color: #5B616C;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .remove:hover {
	color: var(--wd-primary-color);
}

/* Subtotal y botones: "Checkout" amarillo y "View cart" gris, en pastilla. */
:is(.ld-gp-page, .ld-g-page) .cart-widget-side .shopping-cart-widget-footer {
	padding: 18px 24px 24px;
	border-top: 1px solid rgba(12, 14, 18, .08);
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .woocommerce-mini-cart__total {
	margin-bottom: 16px;
	padding: 0;
	border: 0;
	font-size: 16px;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .woocommerce-mini-cart__total strong {
	font-family: var(--wd-title-font);
	font-weight: 600;
	color: #0C0E12;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .woocommerce-mini-cart__buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .woocommerce-mini-cart__buttons .button {
	height: 52px;
	margin: 0;
	border-radius: 999px;
	font-size: 15px;
	font-weight: 600;
	text-transform: none;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .woocommerce-mini-cart__buttons .btn-cart {
	order: 2;
	background: #F1F2F4;
	color: #0C0E12;
	box-shadow: none;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .woocommerce-mini-cart__buttons .btn-cart:hover {
	background: #E6E8EC;
	color: #0C0E12;
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .woocommerce-mini-cart__buttons .checkout {
	order: 1;
	color: #0C0E12;
	box-shadow: 0 12px 30px -12px rgba(200, 140, 0, .55);
}

:is(.ld-gp-page, .ld-g-page) .cart-widget-side .woocommerce-mini-cart__buttons .checkout:hover {
	color: #0C0E12;
}

/* "2 × $14.99" bajo la cantidad */
:is(.ld-gp-page, .ld-g-page) .cart-widget-side .cart-info span.quantity {
	display: block;
	margin-top: 8px;
	font-size: 13px;
	color: #5B616C;
}

@media (max-width: 767px) {
	:is(.ld-gp-page, .ld-g-page) .cart-widget-side {
		width: min(380px, 92vw);
		border-radius: 22px 0 0 22px;
	}
}

/* Un elemento de texto del Header Builder sin nada dentro no ocupa sitio. WoodMart
   le da 10 px de relleno a cada lado: sin esto, el selector de idiomas
   ([ld_languages], que no pinta nada mientras los idiomas estén en borrador)
   empujaba "Help Center" y el carrito del móvil. */
.whb-header .wd-header-text:empty {
	display: none;
}
