/*
 * More Mimarlık — özel stiller.
 * Header ve hero, Archinic'in gerçek markup + CSS'iyle (assets/vendor) render edilir.
 * Burada yalnızca genel/ek etkileşimler bulunur.
 */

.wp-block-post-featured-image img {
	transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.6s ease;
	will-change: transform;
}

.wp-block-post-featured-image a:hover img {
	transform: scale(1.03);
	filter: saturate(1.05);
}

.wp-block-query-pagination {
	border-top: 1px solid var(--wp--preset--color--stone-light);
	padding-top: var(--wp--preset--spacing--20);
}

::selection {
	background: var(--wp--preset--color--clay);
	color: var(--wp--preset--color--base);
}

/* -------------------------------------------------------------------------
 * Footer (parts/footer.html) — beyaz zemin, üç parça, metin sosyal linkler.
 * ---------------------------------------------------------------------- */
.mm-footer-sosyal a {
	color: var(--wp--preset--color--ink, #16110d);
	text-decoration: none;
	letter-spacing: 0.02em;
	transition: color 0.2s ease;
}

.mm-footer-sosyal a:hover {
	color: var(--wp--preset--color--clay, #b5562e);
}

/* -------------------------------------------------------------------------
 * Takım ızgarası ([mm_takim]) — portre foto + ad + görev + sosyal.
 * Flex + center: az kişi olduğunda kartlar ortalanır; çoğalınca satıra dizilir.
 * ---------------------------------------------------------------------- */
.mm-takim {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(1rem, 2vw, 1.5rem);
}

.mm-takim__kart {
	position: relative;
	flex: 0 1 380px;
	max-width: 410px;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	background-color: var(--wp--preset--color--stone-light, #d9d4cc);
	background-size: cover;
	background-position: center;
}

.mm-takim__kart::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(22, 17, 13, 0.75) 0%, rgba(22, 17, 13, 0.1) 45%, rgba(22, 17, 13, 0) 70%);
}

.mm-takim__icerik {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	padding: 1.5rem;
	color: var(--wp--preset--color--base, #fbfaf7);
}

.mm-takim__ad {
	margin: 0 0 0.15rem;
	font-family: var(--wp--preset--font-family--display, serif);
	font-size: var(--wp--preset--font-size--large, 1.5rem);
	line-height: 1.15;
	color: inherit;
}

.mm-takim__gorev {
	margin: 0;
	font-size: 0.8125rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	opacity: 0.85;
}

.mm-takim__sosyal {
	display: flex;
	gap: 0.6rem;
	margin-top: 0.9rem;
}

.mm-takim__sosyal a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	color: var(--wp--preset--color--base, #fbfaf7);
	border: 1px solid rgba(251, 250, 247, 0.4);
	border-radius: 50%;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.mm-takim__sosyal a:hover {
	background: var(--wp--preset--color--base, #fbfaf7);
	color: var(--wp--preset--color--ink, #16110d);
}

/* -------------------------------------------------------------------------
 * Hakkımızda (templates/page-hakkimizda.html) — içeriği sola yasla.
 * Constrained düzen normalde içerik sütununu ortalar; burada sol kenara hizalanır
 * (geniş/tam hizalı bloklar etkilenmez).
 * ---------------------------------------------------------------------- */
.mm-icerik-sol.is-layout-constrained > :not(.alignwide):not(.alignfull),
.mm-icerik-sol .wp-block-post-content.is-layout-constrained > :not(.alignwide):not(.alignfull) {
	margin-left: 0;
	margin-right: auto;
}

/* -------------------------------------------------------------------------
 * İletişim sayfası (templates/page-iletisim.html)
 * Sol: iletişim bilgileri · Sağ: form · altta harita.
 * ---------------------------------------------------------------------- */
.mm-iletisim-bilgi {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 1.75rem;
}

.mm-iletisim-bilgi__satir {
	margin: 0;
}

.mm-iletisim-bilgi dt {
	margin: 0 0 0.35rem;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--stone, #57514a);
}

.mm-iletisim-bilgi dd {
	margin: 0;
	font-size: var(--wp--preset--font-size--medium, 1.0625rem);
	line-height: 1.5;
	color: var(--wp--preset--color--ink, #16110d);
}

.mm-iletisim-bilgi a {
	color: inherit;
	text-decoration: none;
}

.mm-iletisim-bilgi a:hover {
	color: var(--wp--preset--color--clay, #b5562e);
}

/* Form */
.mm-iletisim-form {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.mm-iletisim-form__satir {
	display: flex;
	gap: 1rem;
}

.mm-iletisim-form__satir > * {
	flex: 1;
}

.mm-iletisim-form input,
.mm-iletisim-form textarea {
	width: 100%;
	padding: 0.85rem 1rem;
	font: inherit;
	color: var(--wp--preset--color--ink, #16110d);
	background: var(--wp--preset--color--base, #fbfaf7);
	border: 1px solid var(--wp--preset--color--stone-light, #d9d4cc);
	border-radius: 0;
	transition: border-color 0.2s ease;
}

.mm-iletisim-form input::placeholder,
.mm-iletisim-form textarea::placeholder {
	color: var(--wp--preset--color--stone, #57514a);
	opacity: 0.8;
}

.mm-iletisim-form input:focus,
.mm-iletisim-form textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--ink, #16110d);
}

.mm-iletisim-form textarea {
	resize: vertical;
	min-height: 9rem;
}

.mm-iletisim-form__gonder {
	align-self: flex-start;
	padding: 0.85rem 2.25rem;
	font: inherit;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--base, #fbfaf7);
	background: var(--wp--preset--color--ink, #16110d);
	border: 0;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.mm-iletisim-form__gonder:hover {
	background: var(--wp--preset--color--clay, #b5562e);
}

.mm-iletisim-mesaj {
	margin: 0;
	padding: 0.85rem 1rem;
	font-size: var(--wp--preset--font-size--small, 0.875rem);
}

.mm-iletisim-mesaj--ok {
	background: rgba(120, 150, 110, 0.15);
	color: #3a5a2e;
}

.mm-iletisim-mesaj--hata {
	background: rgba(181, 86, 46, 0.12);
	color: var(--wp--preset--color--clay, #b5562e);
}

/* Harita */
.mm-iletisim-harita {
	margin-top: var(--wp--preset--spacing--40, 2.5rem);
	aspect-ratio: 16 / 7;
	overflow: hidden;
	background: var(--wp--preset--color--stone-light, #d9d4cc);
}

.mm-iletisim-harita iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

@media (max-width: 600px) {
	.mm-iletisim-form__satir {
		flex-direction: column;
	}
}

/* -------------------------------------------------------------------------
 * Üst menü ([mm_ust_menu]) — tek satır, yatay, kaydırmasız.
 * ---------------------------------------------------------------------- */
.mm-ust-menu {
	display: flex !important;
	flex-direction: row !important;
	/* Vendor .pxl-list1.style-default flex-wrap:wrap'i ezmek için !important. */
	flex-wrap: nowrap !important;
	align-items: center;
	gap: clamp(1rem, 2vw, 2.25rem);
	margin: 0;
}

.mm-ust-menu .pxl--item {
	margin: 0;
	white-space: nowrap;
}

/* Menü kapsayıcısının dar sabit genişliğini (446px) kaldır — öğeler tek satıra
   sığsın. Üst menü alanı (5e590e2) zaten ~982px geniş. */
.elementor-29 .elementor-element.elementor-element-f4087c0 {
	--width: auto;
	width: auto;
}

/* -------------------------------------------------------------------------
 * Kategori arşivi alt-nav'ı ([mm_kategori_icerik]) — alt kategori bağlantıları.
 * ---------------------------------------------------------------------- */
/* Başta ve alt kategorisi olmayan seçimlerde gizli kalsın. */
.mm-alt-kat[hidden] {
	display: none !important;
}

.mm-alt-kat__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem 1.75rem;
}

/* Filtrelenen projeler header'ın (ana menü + alt-nav) arkasında kalmasın. */
#projeler {
	scroll-margin-top: 130px;
}

.mm-alt-kat__link {
	text-decoration: none;
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	letter-spacing: 0.06em;
	text-transform: capitalize;
	color: var(--wp--preset--color--stone, #57514a);
	transition: color 0.2s ease;
}

.mm-alt-kat__link:hover,
.mm-alt-kat__link.is-active {
	color: var(--wp--preset--color--ink, #16110d);
}

/* -------------------------------------------------------------------------
 * Projeler listesi (patterns/projeler.php) — Archinic düzeni.
 * Her proje bir satır: solda ikon + ad + konum (ortalanmış), sağda büyük görsel.
 * ---------------------------------------------------------------------- */
.mm-projeler {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: clamp(0.5rem, 0vw, 5rem)
}

.mm-proje {
	margin: 0;
}

/* Filtrede gizlenen proje. */
.mm-proje.mm-hide {
	display: none;
}

.mm-proje__baglanti {
	display: grid;
	/* Görsel tam ortada; iki yandaki eşit boşluklar onu merkezler. */
	grid-template-columns: 1fr minmax(0, 400px) 1fr;
	align-items: start;
	gap: clamp(1.5rem, 4vw, 2rem);
	text-decoration: none;
	color: inherit;
}

/* Sol blok: ikon + ad + konum — görselin sol üst köşesine yaslı. */
.mm-proje__bilgi {
	grid-column: 1;
	justify-self: end;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
}

.mm-proje__gorsel {
	grid-column: 2;
}

.mm-proje__ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	margin-bottom: 1.25rem;
	border-radius: 0.5rem;
}

.mm-proje__ikon img {
	display: block;
	object-fit: contain;
}

.mm-proje__ad {
	margin: 0 0 0.1rem;
	font-family: var(--wp--preset--font-family--body, serif);
	font-size: var(--wp--preset--font-size--medium, 1.5rem);
	line-height: 1.2;
	color: var(--wp--preset--color--ink, #16110d);
}

.mm-proje__konum {
	margin: 0;
	font-size: 0.8125rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--cyan-bluish-gray, #57514a);
}

/* Sağ blok: görsel. */
.mm-proje__gorsel {
	margin: 0;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--wp--preset--color--stone-light, #d9d4cc);
}

.mm-proje__resim {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.6s ease;
	will-change: transform;
}

.mm-proje__resim--bos {
	display: block;
}

.mm-proje__baglanti:hover .mm-proje__resim {
	transform: scale(1.03);
	filter: saturate(1.05);
}

@media (max-width: 781px) {
	.mm-proje__baglanti {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}

	/* Mobilde tek sütun: önce görsel, altında ortalanmış bilgi bloğu. */
	.mm-proje__gorsel {
		grid-column: 1;
		order: -1;
	}

	.mm-proje__bilgi {
		grid-column: 1;
		justify-self: center;
		align-items: center;
		text-align: center;
	}
}

/* -------------------------------------------------------------------------
 * Proje detayı — sol sütun kimlik bloğu ([mm_proje_kimlik]).
 * İkon (siyah kare) + proje adı (serif) + konum (büyük-harf gri).
 * ---------------------------------------------------------------------- */
.mm-kimlik {
	margin: 0 0 var(--wp--preset--spacing--40, 2.5rem);
	text-align: right;
}

.mm-kimlik__ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	margin-bottom: 1.25rem;
	border-radius: 0.5rem;
}

.mm-kimlik__ikon img {
	display: block;
	object-fit: contain;
}

.mm-kimlik__ad {
	margin: 0 0 0.4rem;
	font-family: var(--wp--preset--font-family--body, serif);
	font-size: var(--wp--preset--font-size--large, 1.5rem);
	line-height: 1.2;
	color: var(--wp--preset--color--ink, #16110d);
}

.mm-kimlik__konum {
	margin: 0;
	font-size: 0.8125rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--stone, #57514a);
}

/* -------------------------------------------------------------------------
 * Proje künyesi (shortcode [mm_proje_kunye]).
 * Etiket: küçük büyük-harf gri; değer: altında. İki düzen: grid | stacked.
 * ---------------------------------------------------------------------- */
.mm-kunye {
	margin: 0;
}

.wp-block-paragraph{
	margin-left: 0!important;
	max-width: 1280px!important;
}

.mm-kunye--grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1.75rem, 3vw, 2.75rem) 1.5rem;
}

.mm-kunye--stacked {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	text-align: right;
}

.mm-kunye__satir {
	margin: 0;
}

.mm-kunye__etiket {
	margin: 0 0 0.4rem;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color:  #797979;
}

.mm-kunye__deger {
	margin: 0;
	font-size: var(--wp--preset--font-size--medium, 1.0625rem);
	line-height: 1.4;
	color: var(--wp--preset--color--ink, #16110d);
}
/* Masaüstü header içeriği yalnızca masaüstünde; mobil header (#pxl-header-mobile)
   vendor'da 1200px altında devreye girdiğinden, desktop içeriğini de orada gizle
   (aksi halde 600–1200 arası iki header üst üste biner). */
.pxl-header-content {
	display: block;
}

@media (max-width: 1200px) {
	.pxl-header-content {
		display: none;
	}
}

@media (max-width: 600px) {
	.mm-kunye--grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}