/* ── Galleria in stile demo-hostel-single (Canvas): carosello full-width ──
   Regole estratte da demos/hostel/hostel.css (solo la parte carosello). */

.owl-carousel-full.full-nav .owl-nav [class*=owl-] {
	opacity: 1 !important;
	top: 0;
	margin-top: 0;
	height: 100%;
	border-radius: 0;
	background: transparent;
	padding: 0 30px;
}

.owl-carousel-full.full-nav .owl-nav [class*=owl-]:hover { background: rgba(0,0,0,0.07) !important; }

.owl-carousel-full.full-nav .owl-dots {
	position: absolute;
	left: 50%;
	bottom: 15px;
	transform: translateX(-50%);
}

.owl-carousel-full.full-nav .owl-dots .owl-dot { background: #FFF; }

/* ── Adattamenti TrabocchiVacanze: media uniformi + click + badge play ── */
#oc-images .oc-item { position: relative; }
#oc-images .oc-item a {
	display: block;
	position: relative;
	cursor: pointer;
}
#oc-images .oc-item img,
#oc-images .oc-item video {
	width: 100%;
	height: 480px;
	object-fit: cover;
	display: block;
}

@media (max-width: 767px) {
	#oc-images .oc-item img,
	#oc-images .oc-item video { height: 320px; }
}