/*
|--------------------------------------------------------------------------
| DESTINATIONS TENDANCE
|--------------------------------------------------------------------------
*/

.sama-voyage-destinations{

	padding:90px 0;

	background:#fff;

}

.sama-voyage-destinations-grid{

	display:grid;

	grid-template-columns:repeat(5,minmax(220px,1fr));

	gap:24px;

}

.sama-destination-card{

	position:relative;

	display:block;

	height:300px;

	border-radius:22px;

	overflow:hidden;

	text-decoration:none;

	box-shadow:0 18px 45px rgba(0,0,0,.10);

	transition:.35s;

}

.sama-destination-card:hover{

	transform:translateY(-8px);

	box-shadow:0 28px 60px rgba(0,0,0,.18);

}

.sama-destination-card img{

	width:100%;

	height:100%;

	object-fit:cover;

	object-position:center;

	display:block;

	transition:transform .6s ease;

}

.sama-destination-card:hover img{

	transform:scale(1.08);

}

/*
|--------------------------------------------------------------------------
| Dégradé
|--------------------------------------------------------------------------
*/

.sama-destination-card::before{

	content:"";

	position:absolute;

	inset:0;

	background:linear-gradient(

		to top,

		rgba(0,0,0,.78) 0%,

		rgba(0,0,0,.35) 35%,

		rgba(0,0,0,0) 75%

	);

	z-index:1;

	transition:.35s;

}

.sama-destination-card:hover::before{

	background:linear-gradient(

		to top,

		rgba(0,0,0,.88) 0%,

		rgba(0,0,0,.45) 40%,

		rgba(0,0,0,0) 80%

	);

}

/*
|--------------------------------------------------------------------------
| Texte
|--------------------------------------------------------------------------
*/

.sama-destination-overlay{

	position:absolute;

	left:24px;

	right:24px;

	bottom:22px;

	z-index:2;

}

.sama-destination-overlay h3{

	margin:0;

	font-size:18px;

	font-weight:700;

	color:#fff;

	line-height:1.25;

	text-shadow:0 2px 8px rgba(0,0,0,.35);

}

.sama-destination-overlay span{

	display:block;

	margin-top:6px;

	font-size:15px;

	color:rgba(255,255,255,.92);

	text-shadow:0 2px 6px rgba(0,0,0,.35);

}

/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width:1400px){

	.sama-voyage-destinations-grid{

		grid-template-columns:repeat(4,1fr);

	}

}

@media (max-width:1100px){

	.sama-voyage-destinations-grid{

		grid-template-columns:repeat(3,1fr);

	}

}

@media (max-width:768px){

	.sama-voyage-destinations-grid{

		grid-template-columns:1fr;

	}

	.sama-destination-card{

		height:260px;

	}

}