/**
 * Integración visual con cabecera del tema (Elementor / WooCommerce).
 * Encolar después de FiboSearch (dgwt-wcas-style).
 */

:root {
	--vdp-site-max-width: 1440px;
	--vdp-site-gutter: clamp(16px, 2.5vw, 40px);
	--vdp-header-icon-size: 48px;
	--vdp-header-icon-glyph-size: 22px;
	--vdp-header-icon-bg: #ece6db;
	--vdp-header-icon-bg-hover: #ded7cb;
	--vdp-header-icon-color: #171714;
	--vdp-header-icon-color-hover: #7d302e;
}

/* Cabecera Elementor — barra sticky a ancho completo; contenido interior en caja 1440px */
header.elementor-location-header > .e-con.e-parent {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	left: 0 !important;
	right: 0 !important;
	inset-inline-start: 0 !important;
	inset-inline-end: 0 !important;
	padding-left: max(var(--vdp-site-gutter), calc((100% - var(--vdp-site-max-width)) / 2)) !important;
	padding-right: max(var(--vdp-site-gutter), calc((100% - var(--vdp-site-max-width)) / 2)) !important;
	box-sizing: border-box !important;
}

header.elementor-location-header > .e-con.e-parent.elementor-sticky--active,
header.elementor-location-header > .e-con.e-parent.elementor-sticky--effects {
	width: 100% !important;
	max-width: 100% !important;
	left: 0 !important;
	right: 0 !important;
	inset-inline-start: 0 !important;
	inset-inline-end: 0 !important;
}

.vdp-header-account-column {
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: none !important;
}

.vdp-header-account-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: auto;
	align-self: center;
}

.e-con .vdp-header-account-wrap {
	align-self: center;
}

.vdp-header-account {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: var(--vdp-header-icon-size);
	height: var(--vdp-header-icon-size);
	min-width: var(--vdp-header-icon-size);
	min-height: var(--vdp-header-icon-size);
	padding: 0;
	border-radius: 100px;
	background: var(--vdp-header-icon-bg);
	color: var(--vdp-header-icon-color);
	text-decoration: none;
	border: 0;
	transition: background 0.15s ease, color 0.15s ease;
}

.vdp-header-account:hover,
.vdp-header-account:focus-visible {
	background: var(--vdp-header-icon-bg-hover);
	color: var(--vdp-header-icon-color-hover);
	outline: none;
}

.vdp-header-account__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

.vdp-header-icon__glyph {
	display: block;
	width: var(--vdp-header-icon-glyph-size);
	height: var(--vdp-header-icon-glyph-size);
	flex: 0 0 auto;
}

.elementor-location-header .vdp-header-account-column .elementor-widget-wrap {
	justify-content: center;
}

/* FiboSearch — mismo círculo 48px que .vdp-header-account (!important vs plugin) */
.elementor-location-header .elementor-widget-fibosearch {
	flex: 0 0 auto;
	width: auto;
	align-self: center;
}

.elementor-location-header .elementor-widget-fibosearch .elementor-widget-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	line-height: 0;
}

.elementor-location-header .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	width: var(--vdp-header-icon-size) !important;
	height: var(--vdp-header-icon-size) !important;
	min-width: var(--vdp-header-icon-size) !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
	position: relative;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: visible;
}

.elementor-location-header .dgwt-wcas-search-wrapp.dgwt-wcas-style-pirx.dgwt-wcas-layout-icon,
.elementor-location-header .dgwt-wcas-search-wrapp.dgwt-wcas-is-detail-box.dgwt-wcas-layout-icon {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.elementor-location-header .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-icon,
.elementor-location-header .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon a.dgwt-wcas-search-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: var(--vdp-header-icon-size) !important;
	height: var(--vdp-header-icon-size) !important;
	min-width: var(--vdp-header-icon-size) !important;
	min-height: var(--vdp-header-icon-size) !important;
	max-width: none !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 100px !important;
	background: var(--vdp-header-icon-bg) !important;
	color: var(--vdp-header-icon-color) !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

.elementor-location-header .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-icon:hover,
.elementor-location-header .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-icon:focus-visible,
.elementor-location-header .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon a.dgwt-wcas-search-icon:hover,
.elementor-location-header .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon a.dgwt-wcas-search-icon:focus-visible {
	background: var(--vdp-header-icon-bg-hover) !important;
	color: var(--vdp-header-icon-color-hover) !important;
	outline: none;
	opacity: 1 !important;
}

.elementor-location-header .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-icon > svg:not(.vdp-header-icon__glyph),
.elementor-location-header .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-ico-magnifier-handler {
	display: none !important;
}

.elementor-location-header .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-icon .vdp-header-icon__glyph {
	display: block !important;
	width: var(--vdp-header-icon-glyph-size) !important;
	height: var(--vdp-header-icon-glyph-size) !important;
}

.elementor-location-header .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-ico-magnifier-handler path,
.elementor-location-header .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-ico-magnifier path {
	fill: currentColor !important;
}

.elementor-location-header .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-icon-arrow {
	display: none !important;
}

/* Sin marco extra bajo el icono cuando la búsqueda está cerrada */
html:not(.dgwt-wcas-overlay-mobile-on)
	.elementor-location-header
	.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon:not(.dgwt-wcas-layout-icon-open)
	.dgwt-wcas-search-form,
html:not(.dgwt-wcas-overlay-mobile-on)
	.elementor-location-header
	.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon:not(.dgwt-wcas-layout-icon-open)
	.dgwt-wcas-suggestions-wrapp,
html:not(.dgwt-wcas-overlay-mobile-on)
	.elementor-location-header
	.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon:not(.dgwt-wcas-layout-icon-open)
	.dgwt-wcas-details,
html:not(.dgwt-wcas-overlay-mobile-on)
	.elementor-location-header
	.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon:not(.dgwt-wcas-layout-icon-open)
	.dgwt-wcas-details-left,
html:not(.dgwt-wcas-overlay-mobile-on)
	.elementor-location-header
	.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon:not(.dgwt-wcas-layout-icon-open)
	.dgwt-wcas-details-right {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
}

html:not(.dgwt-wcas-overlay-mobile-on)
	.elementor-location-header
	.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open
	.dgwt-wcas-search-form {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	left: auto;
	min-width: min(420px, calc(100vw - 40px));
	z-index: 1000;
}