/**
 * Iconos sociales en el pie (Elementor / HFE): mismos assets que header-bar-icons.
 * Selectores por href + zonas de footer para no depender de data-id del template.
 */
html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="guia360"],
html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="tripadvisor"],
html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="google.com/maps"],
html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="maps.google"],
html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="maps.app.goo.gl"],
html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="instagram.com"] {
	display: inline-block;
	position: relative;
	width: 43px;
	height: 43px;
	line-height: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	vertical-align: middle;
	box-sizing: border-box;
}

html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="guia360"] {
	background-image: url("header-icons/header-360-guia.jpg");
	border-radius: 10px;
	overflow: hidden;
}

html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="tripadvisor"] {
	background-color: #fff;
	background-image: url("header-icons/header-tripadvisor.png");
	border-radius: 10px;
}

html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="google.com/maps"],
html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="maps.google"],
html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="maps.app.goo.gl"] {
	background-color: transparent;
	background-image: url("header-icons/header-google-maps.png");
	border-radius: 10px;
	overflow: hidden;
}

html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="instagram.com"] {
	background-image: url("header-icons/header-instagram.png");
	border-radius: 10px;
	overflow: hidden;
}

html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="guia360"] img,
html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="tripadvisor"] img,
html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="google.com/maps"] img,
html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="maps.google"] img,
html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="maps.app.goo.gl"] img,
html body :is(.elementor-location-footer, [data-elementor-type="footer"], .ehf-footer, .hfe-footer, footer) .elementor-widget.elementor-widget-image .elementor-widget-container a[href*="instagram.com"] img {
	opacity: 0 !important;
	width: 43px !important;
	height: 43px !important;
	max-width: none !important;
	object-fit: contain;
	vertical-align: top;
	pointer-events: none;
}

/* Inyectado por footer-append-instagram.js (puede quedar fuera de <footer> / location-footer) */
html body .chaniar-footer-instagram-injected.elementor-widget.elementor-widget-image .elementor-widget-container a[href*="instagram.com"] {
	display: inline-block;
	position: relative;
	width: 43px;
	height: 43px;
	line-height: 0;
	background-color: transparent;
	background-image: url("header-icons/header-instagram.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	overflow: hidden;
	border-radius: 10px;
	vertical-align: middle;
	box-sizing: border-box;
}

html body .chaniar-footer-instagram-injected.elementor-widget.elementor-widget-image .elementor-widget-container a[href*="instagram.com"] img {
	opacity: 0 !important;
	width: 43px !important;
	height: 43px !important;
	max-width: none !important;
	object-fit: contain;
	pointer-events: none;
}

/*
 * Fila de iconos + INFO: la clase la añade footer-append-instagram.js al padre de los widgets Imagen.
 */
html body .chaniar-footer-icon-row {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	column-gap: 0.45rem;
	row-gap: 0;
}

html body .chaniar-footer-icon-row > .elementor-element.elementor-widget-image {
	width: auto !important;
	max-width: none !important;
	flex: 0 0 auto !important;
	margin-block-end: 0 !important;
	margin-bottom: 0 !important;
}

/* Elementor 3: widgets hijos no siempre son directos */
html body .chaniar-footer-icon-row .elementor-element.elementor-widget-image {
	flex: 0 0 auto !important;
}

/* Orden: Instagram antes que Google Maps (360 y TripAdvisor primero) */
html body .chaniar-footer-icon-row .elementor-element.elementor-widget-image:has(a[href*="guia360"]) {
	order: 1;
}

html body .chaniar-footer-icon-row .elementor-element.elementor-widget-image:has(a[href*="tripadvisor"]) {
	order: 2;
}

html body .chaniar-footer-icon-row .elementor-element.elementor-widget-image:has(a[href*="instagram.com"]) {
	order: 3;
}

html body .chaniar-footer-icon-row .elementor-element.elementor-widget-image:has(a[href*="google.com/maps"]),
html body .chaniar-footer-icon-row .elementor-element.elementor-widget-image:has(a[href*="maps.google"]),
html body .chaniar-footer-icon-row .elementor-element.elementor-widget-image:has(a[href*="maps.app.goo.gl"]) {
	order: 4;
}
