/* DC Elementor Gallery
 * La media query del punto B2 (telefono = solo immagini) viene iniettata da PHP
 * con il breakpoint reale di Elementor. Qui restano gli stili dell'icona overlay (B1).
 */

.dc-gallery-item__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: var(--title-text-color, #fff);
	opacity: var(--dc-icon-opacity, 1);
	transition: opacity 0.3s ease;
}

/* "Show Icon on Hover" attivo: icona nascosta, appare all'hover/focus dell'immagine. */
.dc-icon-hover--yes .dc-gallery-item__icon {
	opacity: 0;
}

.dc-icon-hover--yes .e-gallery-item:hover .dc-gallery-item__icon,
.dc-icon-hover--yes .e-gallery-item:focus .dc-gallery-item__icon,
.dc-icon-hover--yes .e-gallery-item:focus-within .dc-gallery-item__icon {
	opacity: var(--dc-icon-opacity, 1);
}

.dc-gallery-item__icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.dc-gallery-item__icon i {
	font-size: inherit;
}