/* ============================================================================
   villa-cards-modern.css — "Popüler Kiralık Villalar" (.sectionlarimiz)
   MINIMAL LUXURY (Airbnb / Apple) — temiz beyaz kart, banner/blur YOK.
   ----------------------------------------------------------------------------
   GÜVENLİK: HTML/PHP loop/href/JS (takvimgetir) DEĞİŞMEZ. Tümü .sectionlarimiz
   altına scope'lu. Ağır tema kuralları (üst turuncu banner, mavi lokasyon banner,
   tam-genişlik mavi buton, 1.2 zoom) RESET edilir. İkonlar: Font Awesome 5
   (PNG'ler CSS ile gizlendi). Görsel oranı tema padding-top'una DOKUNULMAZ (CLS).
   ============================================================================ */

.sectionlarimiz .col-lg-3,
.sectionlarimiz .col-md-6{ position: relative; margin-bottom: 28px; }

/* ---- Kart: temiz, ferah, çok soft shadow ---- */
.sectionlarimiz .villa-item{
	border-radius: 18px;
	box-shadow: 0 4px 16px rgba(12,22,54,.06);
	margin-bottom: 0;
	transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease;
}
.sectionlarimiz .villa-item:hover{
	transform: translateY(-4px);
	box-shadow: 0 14px 32px rgba(12,22,54,.12);
}

/* görsel: oran tema'dan (padding-top) gelir; sadece hover zoom'u HAFİFLET */
.sectionlarimiz .villa-item .img img{ transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.sectionlarimiz .villa-item:hover .img img{ transform: scale(1.05); }
.sectionlarimiz .villa-item .img img:hover{ transform: scale(1.05); }  /* tema 1.2'yi ezer */

/* ---- Fiyat badge: üst banner'ı RESET -> küçük beyaz pill (sol üst) ---- */
.sectionlarimiz .villa-item .img span{
	top: 12px; left: 12px; right: auto; bottom: auto;
	transform: none;
	width: auto; max-width: calc(100% - 24px);
	background: #fff;
	color: #172033;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 12.5px; font-weight: 700; line-height: 1.2;
	text-align: left;
	box-shadow: 0 2px 10px rgba(12,22,54,.16);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sectionlarimiz .villa-item .img span small{ font-weight: 500; color: #6b7688; }

/* ---- Açıklama: sol hizalı premium tipografi ---- */
.sectionlarimiz .villa-item .desc{
	display: flex; flex-direction: column;
	padding: 16px 16px 6px;
}
.sectionlarimiz .villa-item .desc h3{
	order: 1;
	margin: 0 0 6px;
	text-align: left; text-transform: none;
	font-size: 17px; line-height: 1.3; font-weight: 700; color: #172033;
	letter-spacing: .2px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  /* yükseklik stabil */
}

/* lokasyon: mavi banner'ı RESET -> küçük, sade, FA pin ---- */
.sectionlarimiz .villa-item .descop{
	order: 2;
	background: none; color: #6b7688; font-weight: 500;
	text-align: left; padding: 0; margin: 0 0 14px; border-radius: 0;
	display: flex; align-items: center; gap: 6px;
	font-size: 13px;
}
.sectionlarimiz .villa-item .descop img{ display: none !important; }
.sectionlarimiz .villa-item .descop::before{
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c5";
	color: #faa914; font-size: 12px;
}

/* CTA: tam-genişlik mavi butonu RESET -> minimal metin + turuncu ok ---- */
.sectionlarimiz .villa-item .main-btn,
.sectionlarimiz .villa-item .main-btn.second,
.sectionlarimiz .villa-item .main-btn.full{
	order: 3;
	width: auto; align-self: flex-start;
	display: inline-flex; align-items: center;
	background: none !important; border: 0 !important;
	color: #172033 !important;
	padding: 0; margin: 0 0 2px;
	font-size: 13px; font-weight: 700; letter-spacing: .4px;
	box-shadow: none; border-radius: 0;
}
.sectionlarimiz .villa-item .main-btn>i{
	color: #faa914; margin-left: 6px;
	transition: transform .2s ease;
}
.sectionlarimiz .villa-item:hover .main-btn>i{ transform: translateX(3px); }

/* ---- Bilgi satırı: tek satır modern info row + FA ikon + subtle divider ---- */
.sectionlarimiz .villa-item .specs{
	background: #fff;
	border-top: 1px solid #eef1f6;
	display: flex;
	padding: 12px 12px 16px;
}
.sectionlarimiz .villa-item .specs>div{
	flex: 1; width: auto;
	flex-direction: row;                 /* tema column'u ezer */
	justify-content: center; align-items: center; gap: 7px;
	padding: 0;
	border-right: 1px solid #eef1f6;
}
.sectionlarimiz .villa-item .specs>div:last-child{ border-right: none; }
.sectionlarimiz .villa-item .specs>div img{ display: none !important; }
.sectionlarimiz .villa-item .specs>div span{ font-size: 13px; color: #455064; line-height: 1.2; }
.sectionlarimiz .villa-item .specs>div::before{
	font-family: "Font Awesome 5 Free"; font-weight: 900;
	color: #faa914; font-size: 13px;
}
.sectionlarimiz .villa-item .specs>div:nth-child(1)::before{ content: "\f0c0"; } /* users  */
.sectionlarimiz .villa-item .specs>div:nth-child(2)::before{ content: "\f236"; } /* bed    */
.sectionlarimiz .villa-item .specs>div:nth-child(3)::before{ content: "\f2cd"; } /* bath   */

/* ---- "Tümünü Göster" ---- */
.sectionlarimiz .main-link-wrap{ width: 100%; text-align: center; margin-top: 10px; }
.sectionlarimiz .mlw-btn.btn-theme{
	display: inline-flex; align-items: center; gap: 8px;
	background: #172033; color: #fff;
	border-radius: 12px; padding: 12px 26px; font-weight: 700;
	text-decoration: none; box-shadow: 0 6px 18px rgba(23,32,51,.18);
	transition: background .2s ease, transform .2s ease;
}
.sectionlarimiz .mlw-btn.btn-theme:hover{ background: #faa914; transform: translateY(-1px); }

/* ---- Mobil: ferah, rahat tap alanı ---- */
@media (max-width: 575px){
	.sectionlarimiz .col-lg-3,
	.sectionlarimiz .col-md-6{ margin-bottom: 22px; }
	.sectionlarimiz .villa-item .desc h3{ font-size: 16px; }
}
@media (prefers-reduced-motion: reduce){
	.sectionlarimiz *{ transition: none !important; }
}