/* Zoom Box — améliorations de fermeture */

/* Fond semi-opaque derrière la croix pour qu'elle reste lisible sur
   n'importe quelle image, + coin arrondi discret. */
#zoomBox #closeZoomBox {
	background: rgba(0, 0, 0, 0.4);
	border-radius: 0 0 0 8px;
	transition: opacity 0.25s ease, background-color 0.15s ease;
}
#zoomBox #closeZoomBox:hover {
	background: #fff;
}

/* Ordinateur (souris) : la croix est discrète par défaut et apparaît
   quand la souris s'approche du haut de l'écran (cf. JS). */
@media (hover: hover) and (pointer: fine) {
	#zoomBox #closeZoomBox {
		opacity: 0;
	}
	#zoomBox.closeBox-visible #closeZoomBox {
		opacity: 1;
	}
}

/* Mobile / tactile : la croix reste toujours visible et un peu plus
   grande, car il n'y a pas de survol pour la révéler. */
@media (hover: none), (pointer: coarse) {
	#zoomBox #closeZoomBox {
		opacity: 1;
		height: 48px;
		width: 48px;
		line-height: 48px;
		font-size: 22px;
	}
}