/* Eski sitenin üzerine kullanılabilirlik düzeltmeleri.
   Eski şablonlar ve stiller değiştirilmez; bu dosya sayfa sonunda yüklenir ve onları ezer. */

/* 1) Proje görselleri her zaman renkli; üzerine gelince büyüyüp komşu karoya taşma yok.
   (Karonun kendi transform'una dokunulmaz: ızgara karoları onunla konumlandırıyor.) */
article.portfolio .resim,
article.portfolio .resim:hover {
	filter: none !important;
	transform: none !important;
}
article.portfolio { overflow: hidden; }
article.portfolio .resim:before,
article.portfolio .resim:after { display: none !important; }

/* 2) Künye yazısı görselin alt kısmında, koyu geçişli zemin üzerinde: her görselde okunur. */
article.portfolio .desc {
	top: auto !important;
	bottom: 0;
	height: auto !important;
	padding: 56px 20px 16px !important;
	background: linear-gradient(to top, rgba(20, 20, 20, 0.92), rgba(20, 20, 20, 0.7) 60%, rgba(20, 20, 20, 0));
	pointer-events: none;
}
article.portfolio .desc h3 {
	font-size: 12pt !important;
	line-height: 1.5;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
article.portfolio .desc h3 { margin: 0 !important; padding: 0 !important; }
article.portfolio .desc h3 p { margin: 0 0 2px !important; }

/* Fare olan ekranlarda künye üzerine gelince yumuşakça açılır. */
@media (hover: hover) and (pointer: fine) {
	article.portfolio .desc { opacity: 0; transition: opacity 0.25s ease !important; }
	article.portfolio .resim:hover .desc,
	article.portfolio .resim:focus-visible .desc { opacity: 1; }
}

/* Dokunmatik ekranlarda künye hep görünür; üzerine gelme durumu olmadığı için tek dokunuşta açılır. */
@media (hover: none), (pointer: coarse) {
	article.portfolio .desc { opacity: 1 !important; transition: none !important; padding: 32px 14px 10px !important; }
	article.portfolio .desc h3 { font-size: 8pt !important; line-height: 1.4; }
}

/* 3) Hizmet ve ekip kartları: büyüyüp üst üste binme yok. */
.liste .infobox,
.liste .infobox:hover {
	transform: none !important;
	transition: none !important;
}

/* 4) Ana sayfa slayt yazısı açık renkli fotoğraflarda da okunur. */
.owl-carousel .owl-slide-animated {
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.75), 0 1px 3px rgba(0, 0, 0, 0.6);
}

/* 5) Dokunmada gri vurgu kutusu çıkmasın. */
a, article, .infobox { -webkit-tap-highlight-color: transparent; }

/* 6) Kategori filtresi dar ekranda taşmasın, alt satıra geçsin. */
.filter-dropdown ul.flex-container { flex-wrap: wrap !important; row-gap: 8px; }

/* 7) Soluk alt başlıklar ve sekmeler koyu zeminde okunsun (renkler aynı, yalnız saydamlık azaltıldı). */
.baslikkutu .baslik .altbaslik { opacity: 0.8 !important; }
.alt-basliklar .altbaslik { opacity: 0.85; }

/* 8) Dil geçişi: üst çubukta sağda (proje penceresinin kapat düğmesiyle çakışmaz) ve yan menüde. */
.nav .top-menu .dil-secim {
	position: absolute;
	right: 70px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
}
.dil-secim a, .dil-secim-yan a, .dil-secim-yan span {
	font-family: Raleway, sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	color: #cccccc;
	text-decoration: none;
}
.dil-secim a { display: inline-block; padding: 10px 6px; }
.dil-secim a:hover, .dil-secim a:focus-visible, .dil-secim-yan a:hover { color: #d5b369; }
.dil-secim-yan { margin: 30px 40px 0; }
.dil-secim-yan .aktif { color: #d5b369; margin-right: 14px; }
@media (max-width: 575px) {
	.nav .top-menu .dil-secim { right: 54px; }
}

/* 9) Sosyal simgelerin mavi vurgusu sitenin altın rengiyle değiştirildi. */
.social i:hover { color: #d5b369 !important; }

/* 10) İletişim formu: KVKK onayı ve görünmez spam tuzağı. */
.kvkk-onay label { font-weight: normal; line-height: 1.5; cursor: pointer; }
.kvkk-onay input[type="checkbox"] { margin-right: 6px; vertical-align: -1px; }
.kvkk-onay a { color: #d5b369; text-decoration: underline; }
.hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.iletisim_form textarea.form-control { height: auto; resize: vertical; }

/* 11) Çerez onayı bandı. */
.cerez-bant {
	position: fixed;
	left: 16px;
	right: 16px;
	bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	z-index: 100000;
	max-width: 760px;
	margin: 0 auto;
	padding: 16px 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
	background: #3a3a3a;
	border: 1px solid #555;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45);
	color: #e6e6e6;
	font-family: Raleway, sans-serif;
	font-size: 14px;
	line-height: 1.5;
}
.cerez-bant p { flex: 1 1 320px; margin: 0; }
.cerez-bant a { color: #d5b369; text-decoration: underline; }
.cerez-dugmeler { display: flex; gap: 10px; margin-left: auto; }
.cerez-bant button {
	font: inherit;
	letter-spacing: 1px;
	padding: 10px 18px;
	min-height: 44px;
	border: 1px solid #d5b369;
	cursor: pointer;
}
.cerez-kabul { background: #d5b369; color: #2b2b2b; }
.cerez-red { background: transparent; color: #e6e6e6; }

/* 12) Proje penceresindeki ileri/geri okları kapanmış başka bir alan adından çağrılıyordu (404); sitenin kendi kopyaları. */
.prev { background: url(../images/prev.svg) no-repeat !important; background-size: 100% !important; }
.prev:hover { background: url(../images/prev2.svg) no-repeat !important; background-size: 100% !important; }
.next { background: url(../images/next.svg) no-repeat !important; background-size: 100% !important; }
.next:hover { background: url(../images/next2.svg) no-repeat !important; background-size: 100% !important; }

/* 13) İletişim sayfası: 13 pt yazıya 11 px satır yüksekliği verilmişti, iki satırlık adresler üst üste biniyordu. */
.liste .infobox .desc .col-md-4 p { line-height: 1.6 !important; margin-bottom: 6px; }

/* 14) Sayfa başlığı artık <h1> (arama motorları için); görünüm eski <div> ile aynı kalsın. */
h1.anabaslik { margin: 0 !important; }