/* Logo row at the top of the mobile menu sidebar */
#mobile-menu-panel.hamburger-panel .panel__logo {
	background: var(--gz-color-light, #ffffff);
	border-bottom: 1px solid rgba(0, 0, 0, .08);
}
#mobile-menu-panel.hamburger-panel .panel__logo-img {
	height: 22px;
	width: auto;
	display: block;
}

/* Tabs row: neutral background instead of the brand red, dark text/icon */
#mobile-menu-panel.hamburger-panel .panel__header {
	background: var(--gz-color-light, #ffffff);
	border-bottom: 1px solid rgba(0, 0, 0, .08);
}
#mobile-menu-panel.hamburger-panel .panel__menu-items li a {
	color: var(--gz-color-dark, #1a1a1a) !important;
	opacity: .5;
}
#mobile-menu-panel.hamburger-panel .panel__menu-items li a.active {
	opacity: 1;
}
#mobile-menu-panel.hamburger-panel .panel__button-close {
	color: var(--gz-color-dark, #1a1a1a) !important;
	opacity: .7;
}
#mobile-menu-panel.hamburger-panel .panel__button-close:hover {
	opacity: 1;
}

/* Menu list: a touch more breathing room and a subtle tap state */
#mobile-menu-panel.hamburger-panel .main-navigation.hambuger-navigation > ul.menu > li > a {
	padding-top: 16px;
	padding-bottom: 16px;
	transition: background-color .2s ease;
}
#mobile-menu-panel.hamburger-panel .main-navigation.hambuger-navigation > ul.menu > li > a:active {
	background: rgba(0, 0, 0, .03);
}

/* Carousel de marcas (home): ajustar el logo entero sin recortarlo, centrado */
.glozin-image-carousel .glozin-image-carousel__item {
	align-items: center;
	justify-content: center;
	padding: 16px 20px;
}
.glozin-image-carousel .gz-ratio {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.glozin-image-carousel .gz-responsive-image {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.glozin-image-carousel .gz-ratio img {
	object-fit: contain !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 100% !important;
}

/* Banner principal (home): "ya llegó" en script dorado, como acompañamiento del título */
.glozin-slide-script {
	display: inline-block;
	font-family: 'Dancing Script', cursive;
	font-weight: 700;
	color: #EDC155;
	letter-spacing: normal;
	font-size: 1.15em;
	line-height: 1.1;
}
@media (max-width: 767px) {
	.glozin-slide-script {
		font-size: 1.05em;
	}
}

/* Degradado oscuro de izquierda a derecha sobre toda la foto, en vez de un
   recuadro sólido detrás del texto — usa el overlay ::after que el propio
   widget ya trae (hoy transparente) en lugar de agregar una capa nueva. */
.glozin-slides-elementor__item::after {
	background: linear-gradient(
		90deg,
		rgba(0, 0, 0, .78) 0%,
		rgba(0, 0, 0, .58) 22%,
		rgba(0, 0, 0, .28) 42%,
		rgba(0, 0, 0, .06) 58%,
		rgba(0, 0, 0, 0) 68%
	) !important;
}
@media (max-width: 767px) {
	.glozin-slides-elementor__item::after {
		background: linear-gradient(
			180deg,
			rgba(0, 0, 0, .35) 0%,
			rgba(0, 0, 0, .62) 38%,
			rgba(0, 0, 0, .62) 70%,
			rgba(0, 0, 0, .3) 100%
		) !important;
	}
}

/* Línea a cada lado del texto "antes del título" (ej. NUEVOS INGRESOS) */
.glozin-slide__before-title {
	display: inline-flex !important;
	align-items: center;
	gap: 14px;
	letter-spacing: .12em;
}
.glozin-slide__before-title::before,
.glozin-slide__before-title::after {
	content: '';
	width: 28px;
	height: 1px;
	background: currentColor;
	flex-shrink: 0;
}

/* Un poco de profundidad en el título y el texto script */
.glozin-slide__title {
	text-shadow: 0 2px 18px rgba(0, 0, 0, .35);
}
.glozin-slide-script {
	text-shadow: 0 2px 14px rgba(0, 0, 0, .3);
}

/* Banner del megamenu "Tienda": mismo lenguaje visual que el banner principal
   (degradado sobre la foto, kicker con líneas, botón con borde en vez de pastilla). */
.menu-widget-banner__content::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0) 25%,
		rgba(0, 0, 0, .5) 70%,
		rgba(0, 0, 0, .7) 100%
	);
	z-index: 1;
	pointer-events: none;
}

.menu-widget-banner__before-title {
	display: inline-flex !important;
	align-items: center;
	gap: 12px;
	text-transform: uppercase;
	letter-spacing: .14em !important;
	font-size: 11px;
	opacity: .9;
}
.menu-widget-banner__before-title::before,
.menu-widget-banner__before-title::after {
	content: '';
	width: 20px;
	height: 1px;
	background: currentColor;
	flex-shrink: 0;
}

.menu-widget-banner__title {
	letter-spacing: -.01em !important;
	text-shadow: 0 2px 14px rgba(0, 0, 0, .35);
	margin-top: 4px;
}

.menu-widget-banner__description {
	opacity: .85;
	font-size: 13px;
}

.menu-widget-banner__button.gz-button-light {
	--gz-button-bg-color: transparent;
	--gz-button-bg-color-hover: #ffffff;
	--gz-button-color: #ffffff;
	--gz-button-color-hover: #111111;
	--gz-button-border-color: #ffffff;
	--gz-button-border-color-hover: #ffffff;
	--gz-button-rounded: 0;
	--gz-button-border-width: 1px;
	--gz-button-padding-top: 13px;
	--gz-button-padding-bottom: 13px;
	border: 1px solid var(--gz-button-border-color) !important;
	min-width: 160px;
}

/* Pagina "La Empresa": fotos con esquinas suaves y sombra, kicker dorado
   arriba de "Local Físico" para que respire el mismo lenguaje del home. */
.elementor-element-3dd3a82 img,
.elementor-element-b6d00ce img {
	border-radius: 14px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
}
.elementor-element-5e546b5 {
	display: inline-flex !important;
	align-items: center;
	gap: 12px;
	text-transform: uppercase;
	letter-spacing: .12em !important;
	font-size: 12px !important;
	color: #C9A227 !important;
	font-weight: 600 !important;
}
.elementor-element-5e546b5::before,
.elementor-element-5e546b5::after {
	content: '';
	width: 24px;
	height: 1px;
	background: currentColor;
	flex-shrink: 0;
}

/* Pagina 404: numero grande en vez de la ilustracion de ballena generica
   que traia el tema, para que quede acorde a la marca. */
.arioli-404 {
	padding-top: 80px;
	padding-bottom: 20px;
}
.arioli-404__number {
	font-size: 160px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: -.02em;
	color: #111111;
	margin-bottom: 10px;
}
.arioli-404__number::after {
	content: '';
	display: block;
	width: 48px;
	height: 2px;
	background: #C9A227;
	margin: 24px auto 0;
}
@media (max-width: 767px) {
	.arioli-404 {
		padding-top: 50px;
	}
	.arioli-404__number {
		font-size: 96px;
	}
}

/* "Ofertas": estado vacio prolijo cuando no hay ningun producto en oferta,
   en vez de dejar la seccion en blanco. */
.arioli-empty-state {
	max-width: 480px;
	margin: 0 auto;
	padding: 40px 20px 20px;
	text-align: center;
}
.arioli-empty-state p {
	color: #555555;
	margin-bottom: 24px;
}

/* Ficha de producto: "Disponible en el local" (color sin stock online) como
   una pastilla con icono, no como texto suelto. */
p.stock.out-of-stock {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	background: #111111;
	color: #ffffff !important;
	border-radius: 999px;
	padding: 10px 18px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .01em;
	line-height: 1.2;
}
p.stock.out-of-stock::before {
	content: '';
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	background-color: #ffffff;
	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 9l1.5-5h15L21 9'/><path d='M3 9v10a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V9'/><path d='M3 9h18'/><path d='M9 14a3 3 0 0 0 6 0'/></svg>") center / contain no-repeat;
	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 9l1.5-5h15L21 9'/><path d='M3 9v10a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V9'/><path d='M3 9h18'/><path d='M9 14a3 3 0 0 0 6 0'/></svg>") center / contain no-repeat;
}

/* Ficha de producto: si no hay stock (boton "Disponible en el local"
   deshabilitado), no tiene sentido mostrar el selector de cantidad -1+ al
   lado — no se puede comprar nada igual. */
.quantity:has(+ .single_add_to_cart_button.disabled),
.quantity:has(+ button.disabled) {
	display: none !important;
}