/* ==========================================================================
   Muna — Ajustes de diseño (observaciones de la clienta, 25/09/2026)
   Solo se carga con body.muna-aj (ver mu-plugins/muna-ajustes.php).
   ========================================================================== */

:root {
	--muna-aj-azul: #7F9DB5;
	--muna-aj-azul-oscuro: #6a8aa3;
	--muna-aj-gris: #8a8a8a;       /* selección / fondos grises */
	--muna-aj-gris-oscuro: #6e6e6e; /* subrayados, bordes activos */
	--muna-aj-linea: #e2e2e2;
	--muna-aj-texto: #4a4a4a;
}

/* ---------- 1) Menú integrado al banner (home, escritorio) ---------- */
@media (min-width: 1025px) {
	body.home.muna-aj .elementor-location-header { position: relative; z-index: 50; }
	body.home.muna-aj .elementor-location-header .elementor-element-539c34cd:not(.elementor-sticky--active) {
		position: absolute; top: calc(100% + 16px); left: 28px; right: 28px; width: auto !important;
		background: rgba(255, 255, 255, .72) !important;
		-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
		border-radius: 14px; box-shadow: 0 6px 24px rgba(0, 0, 0, .06);
	}
	/* logo más chico para que tenga aire */
	body.home.muna-aj .elementor-location-header .elementor-element-539c34cd:not(.elementor-sticky--active) img { width: 92px !important; max-width: none !important; height: auto !important; }
	/* el espacio reservado por el efecto "sticky" queda en el mismo lugar que la barra, sin empujar el banner
	   (no se oculta: Elementor lo usa para saber cuándo soltar la barra al volver arriba) */
	body.home.muna-aj .elementor-location-header .elementor-sticky__spacer { visibility: hidden !important; }
	/* al hacer scroll vuelve a ser la barra blanca de siempre */
	body.home.muna-aj .elementor-location-header .elementor-element-539c34cd.elementor-sticky--active { border-radius: 0; background: #fff !important; border-radius: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: 0 2px 12px rgba(0,0,0,.06); }
}

/* ---------- 2) Menú: hover, activo y subrayado en gris ---------- */
.muna-aj .elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
.muna-aj .elementor-location-header .elementor-nav-menu--main .elementor-item:focus,
.muna-aj .elementor-location-header .elementor-nav-menu--main .elementor-item.highlighted,
.muna-aj .elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active {
	color: var(--muna-aj-gris-oscuro) !important;
}
.muna-aj .elementor-location-header .elementor-nav-menu--main .elementor-item::before,
.muna-aj .elementor-location-header .elementor-nav-menu--main .elementor-item::after {
	background-color: var(--muna-aj-gris-oscuro) !important;
	border-color: var(--muna-aj-gris-oscuro) !important;
}
.muna-aj .elementor-location-header .elementor-nav-menu--dropdown a:hover,
.muna-aj .elementor-location-header .elementor-nav-menu--dropdown a:focus,
.muna-aj .elementor-location-header .elementor-nav-menu--dropdown a.highlighted,
.muna-aj .elementor-location-header .elementor-nav-menu--dropdown a.elementor-item-active,
.muna-aj .elementor-location-header .elementor-nav-menu--dropdown a.elementor-sub-item-active {
	background-color: var(--muna-aj-gris) !important;
	color: #fff !important;
}

/* ---------- 3) Pie: links de TyC y privacidad del mismo color que el texto ---------- */
.muna-aj .elementor-location-footer .elementor-element-0793aa5 a,
.muna-aj .elementor-location-footer .elementor-element-0793aa5 a:hover {
	color: inherit !important;
	text-decoration-color: currentColor !important;
}

/* ---------- 4) Página de producto ---------- */
/* Cuotas y envío en una fila, dentro de un recuadro gris claro */
.muna-aj.single-product .munabloom-cuotas-container {
	display: flex; gap: 0; background: #f6f6f6; border-radius: 10px; padding: 12px 8px; margin: 6px 0 4px;
}
.muna-aj.single-product .munabloom-cuotas-container .cuota-item {
	flex: 1 1 0; display: flex; align-items: center; gap: 10px; padding: 0 10px; margin: 0 !important;
	border: 0 !important; font-size: 12px; line-height: 1.35;
}
.muna-aj.single-product .munabloom-cuotas-container .cuota-item + .cuota-item { border-left: 1px solid var(--muna-aj-linea) !important; }
.muna-aj.single-product .munabloom-cuotas-container .cuota-icon { flex: 0 0 auto; }
.muna-aj.single-product .munabloom-cuotas-container .cuota-icon img { width: 28px; height: auto; }
.muna-aj.single-product .munabloom-cuotas-container .cuota-texto,
.muna-aj.single-product .munabloom-cuotas-container .cuota-texto strong { font-size: 11.5px !important; line-height: 1.4 !important; }
/* sin la línea entre el talle y la guía de talles */
.muna-aj.single-product form.cart table.variations { border-bottom: 0 !important; margin-bottom: 6px !important; }
@media (max-width: 767px) {
	.muna-aj.single-product .munabloom-cuotas-container { flex-direction: column; gap: 10px; }
	.muna-aj.single-product .munabloom-cuotas-container .cuota-item + .cuota-item { border-left: 0 !important; }
}
/* "Cuidado de las prendas" pasa a la lista; "Guía de talles" queda debajo del talle */
.muna-aj.single-product .elementor-element-8d02f02 { display: none; }
.muna-aj.single-product .muna-guia { margin: 2px 0 14px; }
.muna-aj.single-product .muna-guia a {
	display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muna-aj-texto) !important;
	text-decoration: underline; text-underline-offset: 3px; text-transform: none; letter-spacing: 0;
}
.muna-aj.single-product .muna-guia svg { width: 14px; height: 14px; }
/* Las pestañas de abajo ya no hacen falta (la descripción está en la ventana emergente) */
.muna-aj.single-product .elementor-element-3ba16b2 { display: none; }

/* Selector de color y talle: seleccionado en gris más oscuro */
.muna-aj.single-product .select_box .select_option.selected,
.muna-aj.single-product .select_box .select_option:hover { border-color: var(--muna-aj-gris-oscuro) !important; }

/* Cantidad con − y + y botón "Agregar al carrito" a lo ancho */
.muna-aj.single-product .variations_button,
.muna-aj.single-product form.cart:not(.variations_form) { display: flex !important; align-items: center; gap: 14px; }
.muna-aj.single-product .quantity.muna-qty {
	display: inline-flex; align-items: center; border: 0; margin: 0 !important; flex: 0 0 auto;
}
.muna-aj.single-product .quantity.muna-qty input.qty {
	width: 34px; border: 0 !important; background: transparent; text-align: center; padding: 0; font-size: 14px;
	-moz-appearance: textfield; box-shadow: none !important;
}
.muna-aj.single-product .quantity.muna-qty input.qty::-webkit-inner-spin-button,
.muna-aj.single-product .quantity.muna-qty input.qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.muna-aj.single-product .muna-qty__btn {
	width: 30px; height: 36px; border: 0; background: none; color: var(--muna-aj-texto); font-size: 18px; line-height: 1;
	cursor: pointer; padding: 0;
}
.muna-aj.single-product .single_add_to_cart_button {
	flex: 1 1 auto; width: 100%; margin: 0 !important;
	background: var(--muna-aj-azul) !important; border: 0 !important; color: #fff !important;
	border-radius: 30px !important; padding: 13px 20px !important; text-transform: none !important; font-size: 14px !important; font-weight: 500; letter-spacing: 0 !important;
}
.muna-aj.single-product .single_add_to_cart_button:hover { background: var(--muna-aj-azul-oscuro) !important; }
.muna-aj.single-product .single_add_to_cart_button.disabled { opacity: .7; }

/* Lista: Descripción / Cuidado / Envío / Cambios */
.muna-aj .muna-info { margin-top: 18px; border-top: 1px solid var(--muna-aj-linea); }
.muna-aj .muna-info__fila {
	display: flex; justify-content: space-between; align-items: center; width: 100%;
	padding: 13px 2px; border: 0; border-bottom: 1px solid var(--muna-aj-linea); border-radius: 0;
	background: none !important; color: var(--muna-aj-texto) !important; font-size: 13px; font-weight: 400;
	text-align: left; text-decoration: none !important; text-transform: none; letter-spacing: 0; cursor: pointer;
}
.muna-aj .muna-info__fila span { font-size: 18px; line-height: 1; color: var(--muna-aj-gris); }
.muna-aj .muna-info__fila:hover { color: #222 !important; }

/* Ventana emergente de la descripción */
.muna-modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; }
.muna-modal[hidden] { display: none; }
.muna-modal__fondo { position: absolute; inset: 0; background: rgba(0, 0, 0, .45); }
.muna-modal__caja {
	position: relative; background: #fff; border-radius: 12px; width: min(620px, 100%); max-height: 85vh; overflow: auto;
	padding: 34px 34px 28px; box-shadow: 0 20px 60px rgba(0, 0, 0, .2); color: var(--muna-aj-texto); font-size: 14px; line-height: 1.6;
}
.muna-modal__titulo { font-size: 20px; font-weight: 500; margin: 0 0 16px; color: #3F3F3F; }
.muna-modal__texto p { margin: 0 0 12px; }
.muna-modal__cerrar {
	position: absolute; top: 10px; right: 14px; border: 0; background: none !important; font-size: 28px; line-height: 1;
	color: #555 !important; cursor: pointer; padding: 4px;
}
body.muna-modal-abierto { overflow: hidden; }

/* ---------- 5) Avisos del carrito en el azul de la marca ---------- */
.muna-aj .woocommerce-info,
.muna-aj .woocommerce-message,
.muna-aj .wc-block-components-notice-banner.is-info { border-top-color: var(--muna-aj-azul) !important; }
.muna-aj .woocommerce-info::before,
.muna-aj .woocommerce-message::before { color: var(--muna-aj-azul) !important; }
.muna-aj .woocommerce-error:empty,
.muna-aj ul.woocommerce-error:not(:has(li)) { display: none; }

/* ---------- 6) % de descuento en categorías igual que en la home (círculo azul) ---------- */
.muna-aj .ast-onsale-card {
	width: 46px; height: 46px; min-width: 0; min-height: 0; padding: 0 !important; border-radius: 50% !important;
	background: #507A9B !important; color: #fff !important; box-shadow: none !important; border: 0 !important;
	display: flex !important; align-items: center; justify-content: center;
	font: 400 14px/1 Inter, 'Helvetica Neue', Arial, sans-serif !important; letter-spacing: 0;
}

/* ---------- 7) "Mostrar más productos" en lugar del paginador ---------- */
.muna-aj .muna-mas { display: flex; justify-content: center; margin: 34px 0 10px; }
.muna-aj .muna-mas__btn {
	display: inline-flex; align-items: center; gap: 8px; padding: 11px 44px; border-radius: 30px;
	border: 1px solid var(--muna-aj-gris) !important; background: transparent !important; color: var(--muna-aj-gris-oscuro) !important;
	font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; transition: background .2s, color .2s;
}
.muna-aj .muna-mas__btn:hover { background: var(--muna-aj-gris) !important; color: #fff !important; }
.muna-aj .muna-mas__btn[disabled] { opacity: .6; cursor: default; }
.muna-aj .muna-mas__btn svg { width: 12px; height: 12px; }
.muna-aj.muna-mas-activo .woocommerce-pagination { display: none !important; }

/* ---------- 9) Más aire entre la franja de cuotas y las categorías (home) ---------- */
body.home.muna-aj .elementor-element-5167e67 { margin-top: 32px !important; }

/* ---------- 10) Carrito lateral vacío con el mismo diseño que cuando tiene productos ---------- */
.muna-aj .widget_shopping_cart_content .ast-mini-cart-empty { display: none !important; }
.muna-aj .muna-mc__vacio-caja { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 30px 10px; }
.muna-aj .muna-mc__vacio-caja svg { width: 46px; height: 46px; color: var(--muna-aj-azul); margin-bottom: 16px; }
.muna-aj .muna-mc .muna-mc__vacio { display: block !important; font-size: 16px; color: #3F3F3F; margin: 0 0 6px; }
.muna-aj .muna-mc__vacio-sub { font-size: 13px; line-height: 1.5; color: #8a8a8a; margin: 0; }

/* ---------- 11) Botón "volver arriba" en gris ---------- */
.muna-aj #ast-scroll-top { background-color: var(--muna-aj-gris) !important; color: #fff !important; }
.muna-aj #ast-scroll-top:hover { background-color: var(--muna-aj-gris-oscuro) !important; }

/* ---------- Productos destacados (home): sin puntos del carrusel en ningún dispositivo (28/09) ---------- */
body.home.muna-aj .elementor-element-8a76308 .slick-dots { display: none !important; }