/**
 * styles/airport-slider.css
 *
 * Stile dello slider aeroporti.
 *
 * IMPORTANTE: in capi.css lo stile delle card e' agganciato all'antenato
 * #airport-grid-wrapper (e alla classe .airport-grid-wrapper). Lo slider usa
 * .airport-slider come contenitore, quindi quelle regole NON lo raggiungono.
 * Qui le riproduciamo scoped su .airport-slider, con gli stessi valori di capi.css,
 * cosi' le card dello slider sono identiche a quelle della griglia.
 * (Non modifichiamo capi.css perche' e' compilato da SCSS e verrebbe sovrascritto.)
 */

/* ---------- Layout slide: card a tutta altezza, uniformi ---------- */
.airport-slider-wrap { position: relative; }

.airport-slider.owl-carousel .owl-stage { display: flex; }
.airport-slider.owl-carousel .owl-item { display: flex; height: auto; }
.airport-slider .airport-slider__item { width: 100%; height: 100%; }

/* ---------- Card (da: #airport-grid-wrapper .airport-grid__item) ---------- */
.airport-slider .airport-grid__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 25px;
	background-color: #fff;
	border: 1px solid #f0f2f4;
	transition: transform 0.3s, opacity 0.5s;
}

/* ---------- Galleria immagini interna (da: .airport-grid-wrapper .img.owl-carousel) ---------- */
.airport-slider .img.owl-carousel {
	border-bottom-right-radius: 0px;
	overflow: hidden;
}
.airport-slider .airport-grid__item .owl-item img {
	display: block;
	width: -webkit-fill-available; 
	width: -moz-available;         
	width: stretch;                
	height: auto;
	object-fit: cover;
}
.airport-slider .img.owl-carousel .owl-nav {
	width: 100%;
	margin: auto;
}
.airport-slider .img.owl-carousel .owl-nav [class*=owl-]:before {
	font-size: 20px;
	color: #fff;
}
.airport-slider .img.owl-carousel .owl-nav button span { display: none; }

/* ---------- Meta (regione | paese) ---------- */
.airport-slider .airport-grid__item .post-meta-header { margin: -42px 0 0 0; }

/* ---------- Corpo card (da: #airport-grid-wrapper .airport-grid__item .post-body) ---------- */
.airport-slider .airport-grid__item .post-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: nowrap;
	width: 100%;
	padding: 24px;
	height: 100%;
	min-height: 180px;
}
.airport-slider .airport-grid__item .post-body .post-title {
	height: auto !important;
	padding: 0;
	margin: 0;
	flex-grow: 1;
	display: block;
}
.airport-slider .airport-grid__item .post-body .post-title a {
	display: inline;
	background: no-repeat 0 100%;
	background-image: linear-gradient(#212529, #212529);
	background-size: 0 2px;
	transition: all 0.3s, background-size 0.5s;
}
.airport-slider .airport-grid__item .post-body .post-title a:hover,
.airport-slider .airport-grid__item .post-body .post-title a:focus {
	background-size: 100% 2px;
}
.airport-slider .airport-grid__item .post-body .post-more-button {
	margin: 0;
	align-self: flex-start;
}

/* ---------- Bottone "N stores" (da: #airport-grid-wrapper + .airport-grid-wrapper div.post-more-button) ---------- */
.airport-slider div.post-more-button { text-align: right; }
.airport-slider div.post-more-button a {
	padding: 10px 24px 11px calc(16px + 1.42857em);
	text-transform: uppercase;
}
.airport-slider div.post-more-button a span { background-image: unset; }
.airport-slider .airport-grid__item .post-body .post-more-button .neuros-button {
	background-color: #fff;
	border-color: rgb(234, 27, 33);
	color: #000;
}
.airport-slider .airport-grid__item .post-body .post-more-button .neuros-button:hover {
	background-color: rgb(234, 27, 33);
	color: #fff;
}
.airport-slider .airport-grid__item .post-body .post-more-button .neuros-button::after { display: none; }
.airport-slider .airport-grid__item .post-body .post-more-button .neuros-button span.icon-button-arrow {
	background: transparent !important;
	background-image: none !important;
}

/* ===========================================================
   Controlli dello SLIDER esterno (frecce + pallini).
   Scoped con ">" sul contenitore owl per NON colpire il
   carosello interno della galleria (.img.owl-carousel).
   =========================================================== */
.airport-slider.owl-carousel > .owl-nav {
	margin-top: 16px;
	display: flex;
	gap: 8px;
	justify-content: center;
}
.airport-slider.owl-carousel > .owl-nav button.owl-prev,
.airport-slider.owl-carousel > .owl-nav button.owl-next {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #e2e2e2;
	font-size: 18px;
	line-height: 1;
	color: #000;
	transition: background .2s ease, color .2s ease;
}
.airport-slider.owl-carousel > .owl-nav button.owl-prev:hover,
.airport-slider.owl-carousel > .owl-nav button.owl-next:hover {
	background: #ed1c24;
	color: #fff;
	border-color: #ed1c24;
}
.airport-slider.owl-carousel > .owl-dots {
	margin-top: 12px;
	text-align: center;
}
.airport-slider.owl-carousel > .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 0 4px;
	background: #d6d6d6;
	border-radius: 50%;
	display: block;
}
.airport-slider.owl-carousel > .owl-dots .owl-dot.active span { background: #ed1c24; }

@media (max-width: 767px) {
	.airport-slider.owl-carousel > .owl-nav { margin-top: 12px; display:none; }
}