/* ==========================================================================
   Yilkomer – Projeler
   ========================================================================== */

.yk-container{
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
}

.yk-proje-arsiv,
.yk-proje-tekil{
	padding:60px 0 80px;
}
.post-type-archive-proje .elementor-post-info a {
	pointer-events: none;
	cursor: default;
	color: inherit;
	text-decoration: none;
}
/* --- Arşiv başlığı ------------------------------------------------------ */
.yk-arsiv-baslik{
	margin-bottom:40px;
	text-align:center;
}
.yk-arsiv-baslik h1{
	margin:0 0 12px;
	font-size:clamp(28px,4vw,44px);
	line-height:1.15;
	letter-spacing:-.02em;
}
.yk-arsiv-aciklama{
	max-width:640px;
	margin:0 auto;
	color:#666;
}

/* --- Proje grid --------------------------------------------------------- */
.yk-proje-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
	gap:32px;
}

.yk-proje-kart{
	background:#fff;
	border-radius:10px;
	overflow:hidden;
	box-shadow:0 1px 2px rgba(0,0,0,.06);
	transition:transform .25s ease, box-shadow .25s ease;
}
.yk-proje-kart:hover{
	transform:translateY(-4px);
	box-shadow:0 12px 28px rgba(0,0,0,.10);
}
.yk-proje-kart-link{
	display:block;
	color:inherit;
	text-decoration:none;
}
.yk-proje-kart-gorsel{
	position:relative;
	aspect-ratio:4/3;
	background:#f2f3f5;
	overflow:hidden;
}
.yk-proje-kart-gorsel img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	transition:transform .5s ease;
}
.yk-proje-kart:hover .yk-proje-kart-gorsel img{
	transform:scale(1.05);
}
.yk-gorsel-yok{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#9aa0a6;
	font-size:14px;
}
.yk-proje-kart-icerik{
	padding:20px 22px 24px;
}
.yk-proje-kart-baslik{
	margin:0 0 8px;
	font-size:20px;
	line-height:1.3;
}
.yk-proje-kart-ozet{
	margin:0 0 12px;
	color:#666;
	font-size:15px;
	line-height:1.6;
}
.yk-proje-kart-devam{
	font-size:14px;
	font-weight:600;
	color:#1a1a1a;
	border-bottom:1px solid currentColor;
	padding-bottom:2px;
}

/* --- Sayfalama ---------------------------------------------------------- */
.yk-proje-arsiv .pagination,
.yk-proje-arsiv .navigation{
	margin-top:48px;
	text-align:center;
}
.yk-proje-arsiv .page-numbers{
	display:inline-block;
	min-width:40px;
	padding:9px 12px;
	margin:0 3px;
	border:1px solid #e2e4e8;
	border-radius:6px;
	text-decoration:none;
	color:#1a1a1a;
	font-size:15px;
}
.yk-proje-arsiv .page-numbers.current,
.yk-proje-arsiv .page-numbers:hover{
	background:#1a1a1a;
	border-color:#1a1a1a;
	color:#fff;
}

/* --- Tekil proje -------------------------------------------------------- */
.yk-proje-header{
	max-width:820px;
	margin:0 auto 32px;
}
.yk-geri{
	display:inline-block;
	margin-bottom:16px;
	font-size:14px;
	color:#777;
	text-decoration:none;
}
.yk-geri:hover{ color:#1a1a1a; }

.yk-proje-baslik{
	margin:0;
	font-size:clamp(30px,4.5vw,50px);
	line-height:1.1;
	letter-spacing:-.02em;
}

.yk-proje-gorsel{
	margin:0 0 36px;
	border-radius:12px;
	overflow:hidden;
}
.yk-proje-gorsel img{
	width:100%;
	height:auto;
	display:block;
}

.yk-proje-kunye{
	display:flex;
	flex-wrap:wrap;
	gap:36px;
	list-style:none;
	margin:0 0 36px;
	padding:24px 0;
	border-top:1px solid #ececec;
	border-bottom:1px solid #ececec;
}
.yk-proje-kunye li{
	display:flex;
	flex-direction:column;
	gap:4px;
}
.yk-proje-kunye span{
	font-size:12px;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:#8a8f98;
}
.yk-proje-kunye strong{ font-size:16px; }
.yk-proje-kunye a{ color:inherit; }

.yk-proje-aciklama{
	max-width:820px;
	margin:0 auto 48px;
	font-size:17px;
	line-height:1.75;
	color:#333;
}
.yk-proje-aciklama p{ margin:0 0 1.2em; }
.yk-proje-aciklama img{ max-width:100%; height:auto; border-radius:8px; }

/* --- Bölüm başlığı ------------------------------------------------------ */
.yk-bolum-baslik{
	margin:0 0 24px;
	font-size:24px;
	letter-spacing:-.01em;
}

/* --- Galeri ------------------------------------------------------------- */
.yk-proje-galeri{ margin-bottom:64px; }
.yk-galeri-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
	gap:16px;
}
.yk-galeri-oge{
	display:block;
	border-radius:8px;
	overflow:hidden;
	background:#f2f3f5;
	aspect-ratio:4/3;
}
.yk-galeri-oge img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	transition:transform .4s ease;
}
.yk-galeri-oge:hover img{ transform:scale(1.04); }

/* --- Diğer projeler ----------------------------------------------------- */
.yk-diger-projeler{
	margin-top:24px;
	padding-top:56px;
	border-top:1px solid #ececec;
}
.yk-tumu{
	margin-top:40px;
	text-align:center;
}
.yk-buton{
	display:inline-block;
	padding:13px 30px;
	background:#1a1a1a;
	color:#fff;
	border-radius:8px;
	text-decoration:none;
	font-size:15px;
	font-weight:600;
	transition:opacity .2s ease;
}
.yk-buton:hover{ opacity:.85; color:#fff; }

.yk-bos{
	text-align:center;
	color:#777;
	padding:60px 0;
}

/* --- Mobil -------------------------------------------------------------- */
@media (max-width:600px){
	.yk-proje-arsiv,
	.yk-proje-tekil{ padding:36px 0 56px; }
	.yk-proje-grid{ grid-template-columns:1fr; gap:24px; }
	.yk-proje-kunye{ gap:24px; }
}