/* ==========================================================================
   Ervam İnşaat — mobil düzenlemeleri
   Şablonun kendi CSS dosyaları değiştirilmedi; bu dosya en son yüklenir.
   Masaüstü görünümü birebir aynı kalır, değişiklikler yalnızca dar
   ekranlarda (max-width: 767px) devreye girer.
   ========================================================================== */

/* Kart görsellerinin yüksekliği. Daha önce JSX içinde satır içi stil olarak
   duruyordu; medya sorgusuyla ezilebilmesi için buraya taşındı. */
.project-block_three-image > img {
	height: 500px;
	object-fit: cover;
}

.project-block_one-image > img {
	height: 700px;
	object-fit: cover;
}

.project-detail_image > a > img {
	height: 200px;
	width: 100%;
	object-fit: cover;
}

@media only screen and (max-width: 767px) {

	/* --- Proje listesi: yan yana iki kart, daha küçük --- */

	.project-block_three {
		margin-bottom: 20px;
	}

	.project-block_three-image {
		border-radius: 16px;
	}

	.project-block_three-image > img {
		height: 230px;
	}

	/* Dokunmatikte hover olmadığı için metni kartın içine sabitliyoruz */
	.project-block_three-overlay {
		left: 14px;
		right: 14px;
		bottom: 14px;
	}

	.project-block_three-designation {
		font-size: 12px;
		margin-bottom: 4px;
	}

	.project-block_three-location {
		font-size: 12px;
		gap: 6px;
		margin-bottom: 6px;
	}

	.project-block_three-location > i {
		width: 13px;
	}

	.project-block_three-location > i img {
		width: 100%;
	}

	/* h3'ün genel line-height'ı 42px; dar kartta satırlar birbirinden
	   kopuk duruyordu, başlığın kendisinden eziyoruz. */
	.project-block_three-title,
	.project-block_three-title a {
		font-size: 15px;
		line-height: 20px;
	}

	/* Buton yalnızca hover ile göründüğü için mobilde zaten erişilemiyordu */
	.project-block_three_button {
		display: none;
	}

	/* --- Anasayfadaki öne çıkan projeler --- */

	.project-block_one-image > img {
		height: 360px;
	}

	/* --- Proje detayındaki resim galerisi: yan yana iki görsel --- */

	.project-detail_image > a > img {
		height: 130px;
	}
}