/* ==========================================================================
   MEK Film Theme — main.css
   Renkler ve ölçüler MEK Panel'den CSS değişkenleri olarak gelir (:root).
   ========================================================================== */

:root {
	--mek-primary: #e3a33c;
	--mek-secondary: #3d8c88;
	--mek-background: #141117;
	--mek-card: #1f1b23;
	--mek-button: #e3a33c;
	--mek-button-text: #1a1408;
	--mek-hover: #f2c06a;
	--mek-heading: #f5efe4;
	--mek-text: #c9c1b5;
	--mek-link: #e3a33c;
	--mek-header: #141117;
	--mek-menu: #e9e3d8;
	--mek-menu-hover: #e3a33c;
	--mek-footer: #0f0d11;
	--mek-footer-text: #a29a90;
	--mek-footer-link: #e9e3d8;
	--mek-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--mek-font-heading: Georgia, "Times New Roman", serif;
	--mek-font-menu: var(--mek-font-body);
	--mek-font-size: 17px;
	--mek-menu-size: 16px;
	--mek-heading-weight: 400;
	--mek-container: 1320px;
	--mek-header-h: 80px;
	--mek-logo-w: 150px;
	--mek-logo-w-mobile: 120px;
	--mek-slider-h: 0px;
	--mek-cols-desktop: 4;
	--mek-cols-tablet: 2.5;
	--mek-cols-mobile: 1.5;
	--mek-slider-bg: #c23a38;
	--mek-slider-title: #ffffff;
	--mek-slider-btn: #ffffff;
	--mek-slider-right: #ffffff;
	--mek-slider-ui: #1c1a1f;

	/* Türetilmiş değerler */
	--mek-gutter: clamp(1.25rem, 4vw, 3rem);
	--mek-muted: color-mix(in srgb, var(--mek-text) 62%, var(--mek-background));
	--mek-line: color-mix(in srgb, var(--mek-text) 16%, transparent);
	--mek-radius: 6px;
	--mek-admin-bar: var(--wp-admin--admin-bar--height, 0px);
	--mek-ease: cubic-bezier(.2, .7, .2, 1);
}

/* ---------- Temel ---------- */

*,
*::before,
*::after { box-sizing: border-box; }

html {
	/* Panel → Yazı Tipleri → Yazı boyutu: tüm rem ölçüleri buna göre orantılı değişir */
	font-size: calc(var(--mek-font-size, 17px) * .94118);
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--mek-background);
	color: var(--mek-text);
	font-family: var(--mek-font-body);
	font-size: 1.0625rem;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
}

img,
video,
iframe,
svg { max-width: 100%; }

img,
video { height: auto; display: block; }

a { color: var(--mek-link); text-decoration-thickness: 1px; text-underline-offset: .2em; }
a:hover { color: var(--mek-hover); }

h1, h2, h3, h4, h5, h6 {
	color: var(--mek-heading);
	font-family: var(--mek-font-heading);
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -.01em;
	margin: 0 0 .5em;
	text-wrap: balance;
}

p { margin: 0 0 1em; }

:focus-visible {
	outline: 2px solid var(--mek-primary);
	outline-offset: 3px;
	border-radius: 2px;
}

::selection { background: var(--mek-primary); color: var(--mek-button-text); }

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.skip-link:focus {
	clip: auto;
	clip-path: none;
	height: auto;
	width: auto;
	left: 1rem;
	top: 1rem;
	z-index: 1000;
	padding: .75rem 1rem;
	background: var(--mek-primary);
	color: var(--mek-button-text);
	border-radius: var(--mek-radius);
}

.mek-container {
	width: 100%;
	max-width: calc(var(--mek-container) + var(--mek-gutter) * 2);
	margin-inline: auto;
	padding-inline: var(--mek-gutter);
}

.mek-container--narrow { max-width: calc(760px + var(--mek-gutter) * 2); }
.mek-container--media { max-width: calc(1040px + var(--mek-gutter) * 2); }

/* ---------- Butonlar ---------- */

.mek-btn,
.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
	min-height: 48px;
	padding: .75em 1.5em;
	border: 1px solid var(--mek-button);
	border-radius: 999px;
	background: var(--mek-button);
	color: var(--mek-button-text);
	font-family: var(--mek-font-body);
	font-size: .975rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s, border-color .2s, color .2s;
}

.mek-btn:hover,
.wp-block-button__link:hover {
	background: var(--mek-hover);
	border-color: var(--mek-hover);
	color: var(--mek-button-text);
}

.mek-btn--lg { min-height: 54px; padding-inline: 1.9em; font-size: 1rem; }

.mek-btn--ghost,
.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--mek-heading);
	border-color: color-mix(in srgb, var(--mek-heading) 45%, transparent);
}

.mek-btn--ghost:hover,
.is-style-outline .wp-block-button__link:hover {
	background: color-mix(in srgb, var(--mek-heading) 10%, transparent);
	border-color: var(--mek-heading);
	color: var(--mek-heading);
}

.mek-chip {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: .3em .95em;
	border: 1px solid var(--mek-line);
	border-radius: 999px;
	color: var(--mek-heading);
	font-size: .875rem;
	text-decoration: none;
	transition: border-color .2s, color .2s;
}

.mek-chip:hover,
.mek-chip.is-active { border-color: var(--mek-primary); color: var(--mek-primary); }

/* ==========================================================================
   Header
   ========================================================================== */

.site-header {
	position: relative;
	z-index: 50;
	background: var(--mek-header);
	transition: background-color .35s var(--mek-ease), box-shadow .35s;
}

.mek-sticky-header .site-header {
	position: sticky;
	top: var(--mek-admin-bar);
}

/* Manşet / film arka planı olan sayfalarda header görselin üzerine biner */
.mek-has-hero .site-header {
	position: absolute;
	inset: var(--mek-admin-bar) 0 auto 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .55), transparent);
}

.mek-has-hero.mek-sticky-header .site-header { position: fixed; }

.mek-has-hero .site-header.is-scrolled,
.mek-menu-open .site-header {
	background: var(--mek-header);
	box-shadow: 0 1px 0 var(--mek-line);
}

.site-header__inner {
	display: flex;
	align-items: center;
	gap: 2rem;
	min-height: var(--mek-header-h);
}

.site-branding { flex: 0 0 auto; }

.site-logo {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: var(--mek-heading);
}

.site-logo__img { width: var(--mek-logo-w); max-width: 100%; height: auto; }
.site-logo__img--mobile { display: none; }

.site-logo__text {
	font-family: var(--mek-font-heading);
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: -.01em;
	color: var(--mek-heading);
}

.site-nav {
	display: flex;
	align-items: center;
	gap: 1.25rem 2rem;
	margin-left: auto;
}
.site-header--menu-center .site-nav { margin-inline: auto; }
.site-header--menu-center .site-header__inner::after { content: ""; flex: 0 0 var(--mek-logo-w); }

.site-nav__list {
	display: flex;
	align-items: center;
	gap: .25rem 1.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-nav__list li { position: relative; }

.site-nav__list a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--mek-menu);
	font-family: var(--mek-font-menu);
	font-size: var(--mek-menu-size);
	font-weight: 500;
	text-decoration: none;
	transition: color .2s, transform .2s;
}

.site-nav__list .current-menu-item > a,
.site-nav__list .current-menu-ancestor > a { color: var(--mek-menu-hover); }

.site-nav__list .sub-menu {
	position: absolute;
	top: 100%;
	left: -1rem;
	min-width: 220px;
	margin: 0;
	padding: .5rem 0;
	list-style: none;
	background: var(--mek-header);
	border: 1px solid var(--mek-line);
	border-radius: var(--mek-radius);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .2s, transform .2s, visibility .2s;
}

.site-nav__list li:hover > .sub-menu,
.site-nav__list li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }

.site-nav__list .sub-menu a { display: flex; padding: 0 1rem; min-height: 40px; }

.mek-menu-toggle {
	display: none;
	margin-left: auto;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--mek-menu);
	cursor: pointer;
}

.mek-menu-toggle__bars { display: grid; gap: 7px; width: 26px; margin: auto; }

.mek-menu-toggle__bars span {
	display: block;
	height: 2px;
	background: currentColor;
	border-radius: 2px;
	transition: transform .3s var(--mek-ease);
}

.mek-menu-open .mek-menu-toggle__bars span:first-child { transform: translateY(4.5px) rotate(45deg); }
.mek-menu-open .mek-menu-toggle__bars span:last-child { transform: translateY(-4.5px) rotate(-45deg); }

/* ==========================================================================
   Manşet slider — solda renkli panel, sağda medya
   ========================================================================== */

.mek-hero {
	position: relative;
	background: var(--mek-slider-right);
	color: var(--mek-slider-ui);
}

.mek-slider {
	position: relative;
	touch-action: pan-y;
}

/* Tüm slaytlar aynı hücrede üst üste: yükseklik en uzun slayta göre ayarlanır */
.mek-slider__track { display: grid; }

.mek-slide {
	--slide-bg: var(--mek-slider-bg);
	--slide-title: var(--mek-slider-title);
	--slide-btn: var(--mek-slider-btn);
	position: relative;
	grid-area: 1 / 1;
	min-height: var(--mek-slider-h);
	padding: calc(var(--mek-header-h) + clamp(1rem, 2.5vw, 2.5rem)) 0 clamp(6.5rem, 10vh, 8rem);
	opacity: 0;
	visibility: hidden;
	transition: opacity .8s var(--mek-ease), visibility 0s linear .8s;
}

.mek-slide.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 1;
	transition: opacity .8s var(--mek-ease), visibility 0s;
}

.mek-slide__panel {
	position: absolute;
	inset: 0 auto 0 0;
	width: 55%;
	background: var(--slide-bg);
}

.mek-slide__grid {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.75fr);
	gap: clamp(2rem, 3.5vw, 3.5rem);
	height: 100%;
}

.mek-slide__text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2rem;
	min-width: 0;
	padding: clamp(1.5rem, 7vh, 5rem) 0 clamp(.5rem, 2vh, 1.5rem) clamp(0rem, 2vw, 2.5rem);
}

.mek-slide__title {
	margin: 0;
	color: var(--slide-title);
	font-size: clamp(2.2rem, 4.2vw, 4.5rem);
	font-weight: 400;
	line-height: 1.02;
	letter-spacing: -.01em;
	overflow-wrap: anywhere;
}

.mek-slide__logo {
	width: auto;
	max-width: min(100%, 440px);
	max-height: 190px;
	object-fit: contain;
	object-position: left center;
}

.mek-slide__desc {
	max-width: 38ch;
	margin: 1.25rem 0 0;
	color: var(--slide-btn);
	opacity: .85;
	font-size: 1.05rem;
}

.mek-slide__text > .mek-slide__title + .mek-slide__desc { margin-top: -1rem; }

.mek-slide__link {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: .6rem;
	padding: .5rem 0 .65rem;
	border-bottom: 1px solid currentColor;
	color: var(--slide-btn);
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	text-decoration: none;
	transition: gap .25s var(--mek-ease), opacity .2s;
}

.mek-slide__link:hover { color: var(--slide-btn); gap: 1rem; opacity: .9; }

.mek-slide__media {
	position: relative;
	align-self: start;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #000;
	box-shadow: var(--mek-slider-shadow, 0 34px 60px -14px rgba(0, 0, 0, .55), 0 14px 24px -10px rgba(0, 0, 0, .35));
}

.mek-slide__media > a,
.mek-slide__media > img,
.mek-video { display: block; width: 100%; height: 100%; }

.mek-slide__img,
.mek-slide__media iframe,
.mek-slide__media video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 0;
}

.mek-slide.is-active .mek-slide__img { animation: mek-media-in 1.1s var(--mek-ease) both; }

@keyframes mek-media-in {
	from { transform: scale(1.05); }
	to { transform: scale(1); }
}

.mek-slide__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--mek-card), color-mix(in srgb, var(--slide-bg) 55%, #000));
}

.mek-video {
	position: relative;
	padding: 0;
	border: 0;
	background: #000;
	cursor: pointer;
}

.mek-video__play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	place-items: center;
	width: 84px;
	height: 58px;
	border-radius: 14px;
	background: var(--slide-bg);
	color: #fff;
	transform: translate(-50%, -50%);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
	transition: transform .2s var(--mek-ease);
}

.mek-video:hover .mek-video__play,
.mek-video:focus-visible .mek-video__play { transform: translate(-50%, -50%) scale(1.08); }

.mek-video.is-playing .mek-video__play { display: none; }

/* Sayaç ve oklar — medyanın altında, sağ alanda */
.mek-slider__controls {
	position: absolute;
	left: 0;
	right: 0;
	bottom: clamp(1.75rem, 4vh, 2.75rem);
	z-index: 2;
	pointer-events: none;
}

.mek-slider__nav {
	position: absolute;
	left: calc(55% + clamp(1.5rem, 3.5vw, 3.5rem));
	bottom: 0;
	display: flex;
	align-items: center;
	gap: 1rem;
	pointer-events: auto;
}

.mek-slider__count {
	display: flex;
	align-items: center;
	gap: .55rem;
	margin: 0 1.75rem 0 0;
	color: var(--mek-slider-ui);
	font-size: 1rem;
	font-variant-numeric: tabular-nums;
}

.mek-slider__sep { width: 1px; height: 1.2em; background: currentColor; opacity: .6; }
.mek-slider__total { opacity: .5; }

.mek-slider__arrow {
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	padding: 0;
	border: 1px solid currentColor;
	border-radius: 50%;
	background: transparent;
	color: var(--mek-slider-ui);
	cursor: pointer;
	transition: background-color .2s, color .2s;
}

.mek-slider__arrow:hover {
	background: var(--mek-slider-ui);
	color: var(--mek-slider-right);
}

/* Manşet üzerindeki header: menü sağ alan rengine uyar */
.mek-hero-split:not(.mek-menu-open) .site-header:not(.is-scrolled) { background: transparent; }

.mek-hero-split:not(.mek-menu-open) .site-header:not(.is-scrolled) .site-nav__list > li > a { color: var(--mek-hero-menu, var(--mek-slider-ui)); }
.mek-hero-split:not(.mek-menu-open) .site-header:not(.is-scrolled) .site-logo__text { color: var(--mek-slider-title); }

/* ==========================================================================
   Bölümler / Kartlar
   ========================================================================== */

.mek-section { padding-block: clamp(3rem, 7vw, 5.5rem); }
.mek-section--tight { padding-block: clamp(2rem, 5vw, 3.5rem); }
.mek-hero + .mek-section { padding-top: clamp(1.5rem, 3vw, 2.5rem); }

.mek-section__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
}

.mek-section__title {
	margin: 0;
	font-size: clamp(1.6rem, 2.6vw, 2.25rem);
	font-weight: 400;
}

.mek-section__link {
	flex: 0 0 auto;
	color: var(--mek-heading);
	font-size: .95rem;
	text-decoration: underline;
	text-decoration-color: var(--mek-primary);
	text-underline-offset: .35em;
}

/* ---------- Bölüm kartları (kutu + gölge) ---------- */

.mek-episode-grid {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: clamp(1.25rem, 2vw, 1.75rem);
}

.mek-ep {
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	background: var(--mek-card);
	border: 1px solid color-mix(in srgb, var(--mek-heading) 7%, transparent);
	border-radius: 10px;
	box-shadow:
		0 2px 6px rgba(0, 0, 0, .28),
		0 16px 36px -14px rgba(0, 0, 0, .7);
	transition: transform .3s var(--mek-ease), box-shadow .3s var(--mek-ease);
}

.mek-ep:hover {
	transform: translateY(-4px);
	box-shadow:
		0 4px 10px rgba(0, 0, 0, .32),
		0 24px 46px -14px rgba(0, 0, 0, .8);
}

.mek-ep__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: color-mix(in srgb, var(--mek-card) 70%, #000);
}

.mek-ep__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s var(--mek-ease);
}

.mek-ep:hover .mek-ep__media img { transform: scale(1.04); }

.mek-ep__placeholder {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--mek-card), color-mix(in srgb, var(--mek-secondary) 35%, var(--mek-card)));
	color: color-mix(in srgb, var(--mek-heading) 30%, transparent);
	font-family: var(--mek-font-heading);
	font-size: 3.5rem;
}

.mek-ep__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: .85rem 1rem 1rem;
}

.mek-ep--no-media .mek-ep__body { border-top: 3px solid var(--mek-primary); }

.mek-ep__film {
	align-self: flex-start;
	margin-bottom: .25rem;
	color: var(--mek-primary);
	font-size: .8rem;
	font-weight: 500;
	text-decoration: none;
}

.mek-ep__film:hover { color: var(--mek-hover); text-decoration: underline; }

.mek-ep__title {
	margin: 0 0 .4rem;
	font-size: 1.05rem;
	line-height: 1.3;
}

.mek-ep__title a { color: var(--mek-heading); text-decoration: none; }
.mek-ep__title a:hover { color: var(--mek-hover); }

.mek-ep__excerpt {
	display: -webkit-box;
	margin: 0 0 .75rem;
	overflow: hidden;
	color: var(--mek-muted);
	font-size: .875rem;
	line-height: 1.55;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.mek-ep__more {
	align-self: flex-start;
	margin-top: auto;
	padding-block: .2rem;
	color: var(--mek-heading);
	font-size: .85rem;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: color-mix(in srgb, var(--mek-primary) 60%, transparent);
	text-underline-offset: .4em;
	transition: text-decoration-color .2s, color .2s;
}

.mek-ep__more:hover { color: var(--mek-primary); text-decoration-color: var(--mek-primary); }

/* ---------- Yana kaydırılabilir bölüm şeridi ---------- */

.mek-section__tools { display: flex; align-items: center; gap: 1.25rem; }
.mek-carousel__arrows { display: flex; gap: .5rem; }

/* Oklar kartların sağında ve solunda, görselin ortasında */
.mek-carousel { position: relative; }

.mek-carousel__arrow {
	position: absolute;
	top: var(--mek-arrow-top, 38%);
	z-index: 3;
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	padding: 0;
	border: 1px solid color-mix(in srgb, var(--mek-heading) 18%, transparent);
	border-radius: 50%;
	background: color-mix(in srgb, var(--mek-card) 88%, transparent);
	color: var(--mek-heading);
	cursor: pointer;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
	backdrop-filter: blur(6px);
	transform: translateY(-50%);
	transition: opacity .25s, background-color .2s, color .2s, transform .2s;
}

.mek-carousel__arrow--prev { left: calc(var(--mek-gutter) * -1 + .75rem); }
.mek-carousel__arrow--next { right: calc(var(--mek-gutter) * -1 + .75rem); }

.mek-carousel__arrow:hover:not(:disabled) {
	background: var(--mek-primary);
	border-color: var(--mek-primary);
	color: var(--mek-button-text);
	transform: translateY(-50%) scale(1.06);
}

.mek-carousel__arrow:disabled { opacity: 0; pointer-events: none; }

@media (max-width: 700px) {
	.mek-carousel__arrow { width: 42px; height: 42px; }
	.mek-carousel__arrow svg { width: 18px; height: 18px; }
	.mek-carousel__arrow--prev { left: calc(var(--mek-gutter) * -1 + .4rem); }
	.mek-carousel__arrow--next { right: calc(var(--mek-gutter) * -1 + .4rem); }
}

/* Tam genişlik bölüm alanı */
.mek-latest.is-full > .mek-container {
	--mek-gutter: clamp(1rem, 2.5vw, 2.5rem);
	max-width: none;
}

.mek-carousel { --gap: clamp(.85rem, 1.4vw, 1.25rem); --n: var(--mek-cols-mobile); }

.mek-carousel__track {
	display: flex;
	gap: var(--gap);
	/* Gölgelerin kesilmemesi için iç boşluk + negatif dış boşluk */
	margin: -1rem calc(var(--mek-gutter) * -1) -2.5rem;
	padding: 1rem var(--mek-gutter) 2.5rem;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: var(--mek-gutter);
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.mek-carousel__track::-webkit-scrollbar { display: none; }
.mek-carousel__track:focus-visible { outline-offset: -2px; }

.mek-carousel__track > .mek-ep {
	flex: 0 0 calc((100% - var(--gap) * (var(--n) - 1)) / var(--n));
	scroll-snap-align: start;
}

/* Sağ kenardaki yarım kart sayfanın kenarına kadar uzanır: kaydırılabildiği belli olur */
.mek-carousel__track::after { content: ""; flex: 0 0 1px; }

/* Film kartları */
.mek-film-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2rem clamp(1rem, 2vw, 1.75rem);
}

.mek-film-card__link { display: block; color: var(--mek-heading); text-decoration: none; }

.mek-film-card__poster {
	display: block;
	aspect-ratio: 2 / 3;
	overflow: hidden;
	margin-bottom: .85rem;
	background: var(--mek-card);
	border-radius: var(--mek-radius);
}

.mek-film-card__poster img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--mek-ease); }
.mek-film-card__link:hover img { transform: scale(1.03); }

.mek-film-card__placeholder {
	display: flex;
	align-items: flex-end;
	height: 100%;
	padding: 1.25rem;
	background: linear-gradient(160deg, color-mix(in srgb, var(--mek-secondary) 40%, var(--mek-card)), var(--mek-card) 70%);
	font-family: var(--mek-font-heading);
	font-size: 1.5rem;
	line-height: 1.1;
}

.mek-film-card__title {
	display: block;
	font-family: var(--mek-font-heading);
	font-size: 1.2rem;
	line-height: 1.25;
}

.mek-film-card__link:hover .mek-film-card__title { color: var(--mek-hover); }
.mek-film-card__meta { margin: .25rem 0 0; color: var(--mek-muted); font-size: .875rem; }

/* ==========================================================================
   Film detay
   ========================================================================== */

.mek-film-hero {
	position: relative;
	padding-top: calc(var(--mek-header-h) + clamp(2rem, 6vw, 4rem));
	padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
}

.mek-film-hero.has-backdrop { min-height: min(88vh, 860px); display: flex; align-items: flex-end; }
.mek-film-hero:not(.has-backdrop) { padding-top: clamp(2.5rem, 6vw, 4.5rem); }

.mek-film-hero__backdrop { position: absolute; inset: 0; overflow: hidden; }
.mek-film-hero__backdrop img { width: 100%; height: 100%; object-fit: cover; }

.mek-film-hero__backdrop::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(to top, var(--mek-background) 0%, color-mix(in srgb, var(--mek-background) 70%, transparent) 38%, transparent 75%),
		linear-gradient(to right, rgba(0, 0, 0, .6), transparent 70%);
}

.mek-film-hero__inner {
	position: relative;
	display: flex;
	align-items: flex-end;
	gap: clamp(1.5rem, 4vw, 3.5rem);
}

.mek-film-hero__poster {
	flex: 0 0 clamp(150px, 22vw, 300px);
	margin: 0;
	overflow: hidden;
	border-radius: var(--mek-radius);
	box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .7);
}

.mek-film-hero__poster img { width: 100%; aspect-ratio: 2 / 3; object-fit: cover; }

.mek-film-hero__info { flex: 1 1 auto; min-width: 0; padding-bottom: .5rem; }
.mek-film-hero__cats { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.25rem; }

.mek-film-hero__title {
	max-width: 16ch;
	margin: 0 0 1rem;
	font-size: clamp(2.4rem, 5.5vw, 5rem);
	font-weight: 400;
	line-height: 1.02;
	letter-spacing: -.025em;
	font-variation-settings: "opsz" 144;
}

.mek-film-hero__lead {
	max-width: 58ch;
	margin: 0 0 1.75rem;
	color: color-mix(in srgb, var(--mek-heading) 82%, transparent);
	font-size: clamp(1rem, 1.35vw, 1.2rem);
}

.mek-film-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; }

.mek-film-hero__count {
	margin-left: .5rem;
	color: var(--mek-heading);
	font-size: .95rem;
	text-decoration: underline;
	text-decoration-color: var(--mek-line);
	text-underline-offset: .35em;
}

.mek-trailer .mek-embed,
.mek-trailer .wp-video { overflow: hidden; border-radius: var(--mek-radius); background: #000; }

.mek-embed iframe,
.mek-trailer iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; }
.mek-trailer .wp-video { width: 100% !important; }

.mek-film-episodes { border-top: 1px solid var(--mek-line); }

/* ==========================================================================
   Bölüm detay
   ========================================================================== */

.mek-episode { padding-top: clamp(2.5rem, 6vw, 4.5rem); }

.mek-episode__header { margin-bottom: clamp(2rem, 4vw, 3rem); }

.mek-episode__cover {
	margin: 0 calc(var(--mek-gutter) * -0.5) clamp(1.75rem, 4vw, 2.5rem);
	overflow: hidden;
	border-radius: var(--mek-radius);
}

@media (min-width: 1000px) {
	.mek-episode__cover { margin-inline: -100px; }
}

.mek-episode__cover img { width: 100%; }

.mek-episode__title {
	margin: 0 0 .75rem;
	font-size: clamp(2rem, 4.5vw, 3.4rem);
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: -.02em;
}

.mek-episode__film {
	color: var(--mek-primary);
	font-size: 1rem;
	font-weight: 500;
	text-decoration: none;
}

.mek-episode__film:hover { color: var(--mek-hover); text-decoration: underline; }

.mek-episode-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	margin-top: clamp(2.5rem, 5vw, 4rem);
	padding-top: 1.5rem;
	border-top: 1px solid var(--mek-line);
}

.mek-episode-nav__link {
	display: flex;
	flex-direction: column;
	gap: .25rem;
	padding: .5rem 0;
	color: var(--mek-heading);
	text-decoration: none;
}

.mek-episode-nav__link--next { grid-column: 2; text-align: right; }
.mek-episode-nav__dir { color: var(--mek-muted); font-size: .85rem; }
.mek-episode-nav__title { font-family: var(--mek-font-heading); font-size: 1.15rem; line-height: 1.3; }
.mek-episode-nav__link:hover .mek-episode-nav__title { color: var(--mek-hover); }

.mek-related { margin-top: clamp(1rem, 3vw, 2rem); background: color-mix(in srgb, var(--mek-card) 55%, var(--mek-background)); }

/* ==========================================================================
   Gutenberg içerik (prose)
   ========================================================================== */

.mek-prose { font-size: 1.0625rem; line-height: 1.78; }
.mek-prose > * { margin-block: 0 1.4em; }
.mek-prose > *:last-child { margin-bottom: 0; }

.mek-prose h2 { margin-top: 2em; font-size: clamp(1.6rem, 3vw, 2.1rem); }
.mek-prose h3 { margin-top: 1.75em; font-size: clamp(1.3rem, 2.4vw, 1.6rem); }
.mek-prose h4 { margin-top: 1.5em; font-size: 1.2rem; }
.mek-prose p,
.mek-prose li { color: var(--mek-text); }
.mek-prose strong { color: var(--mek-heading); }

.mek-prose ul,
.mek-prose ol { padding-left: 1.3em; }
.mek-prose li + li { margin-top: .4em; }

.mek-prose figure { margin-inline: 0; }
.mek-prose img { border-radius: var(--mek-radius); }

.mek-prose figcaption,
.mek-prose .wp-element-caption {
	margin-top: .6em;
	color: var(--mek-muted);
	font-size: .875rem;
	text-align: center;
}

.mek-prose .alignwide {
	width: min(1100px, calc(100vw - var(--mek-gutter) * 2));
	max-width: none;
	margin-left: 50%;
	transform: translateX(-50%);
}

.mek-prose .alignfull {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
}

.mek-prose .alignfull img { border-radius: 0; }
.mek-prose .alignleft { float: left; margin: .3em 1.5em 1em 0; max-width: 50%; }
.mek-prose .alignright { float: right; margin: .3em 0 1em 1.5em; max-width: 50%; }
.mek-prose .aligncenter { margin-inline: auto; }

.mek-prose blockquote,
.mek-prose .wp-block-quote {
	margin-inline: 0;
	padding: .25em 0 .25em 1.5em;
	border-left: 2px solid var(--mek-primary);
	color: var(--mek-heading);
	font-family: var(--mek-font-heading);
	font-size: 1.3rem;
	line-height: 1.5;
}

.mek-prose blockquote p { color: inherit; }
.mek-prose blockquote cite { display: block; margin-top: .75em; color: var(--mek-muted); font-family: var(--mek-font-body); font-size: .875rem; font-style: normal; }

.mek-prose .wp-block-pullquote { border-color: var(--mek-line); color: var(--mek-heading); }

.mek-prose .wp-block-embed__wrapper iframe,
.mek-prose iframe { width: 100%; border: 0; border-radius: var(--mek-radius); }

.mek-prose .wp-block-embed.is-type-video iframe,
.mek-prose .wp-embed-aspect-16-9 iframe { aspect-ratio: 16 / 9; height: auto; }

.mek-prose .wp-block-gallery { gap: .75rem; }

.mek-prose .wp-block-file {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	padding: 1rem 1.25rem;
	background: var(--mek-card);
	border-radius: var(--mek-radius);
}

.mek-prose .wp-block-file__button { background: var(--mek-button); color: var(--mek-button-text); border-radius: 999px; padding: .5em 1.2em; }

.mek-prose hr,
.mek-prose .wp-block-separator { border: 0; border-top: 1px solid var(--mek-line); margin-block: 2.5em; }

.mek-prose table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.mek-prose th,
.mek-prose td { padding: .7em .9em; border-bottom: 1px solid var(--mek-line); text-align: left; }
.mek-prose th { color: var(--mek-heading); }

.mek-prose code { padding: .15em .4em; background: var(--mek-card); border-radius: 4px; font-size: .9em; }
.mek-prose pre { overflow-x: auto; padding: 1.25rem; background: var(--mek-card); border-radius: var(--mek-radius); }
.mek-prose pre code { padding: 0; background: none; }

.mek-prose::after { content: ""; display: table; clear: both; }

.mek-page-links { margin-top: 2rem; display: flex; gap: .5rem; }

/* ==========================================================================
   Sayfa başlıkları, listeler, boş durumlar
   ========================================================================== */

.mek-page-header {
	padding-top: clamp(2.5rem, 6vw, 4.5rem);
	padding-bottom: clamp(1rem, 2vw, 1.5rem);
}

.mek-page-header__title {
	margin: 0;
	font-size: clamp(2.2rem, 5vw, 3.75rem);
	font-weight: 400;
	letter-spacing: -.02em;
}

.mek-page-header__crumb { margin: 0 0 .5rem; font-size: .95rem; }
.mek-page-header__crumb a { color: var(--mek-primary); text-decoration: none; }
.mek-page-header__desc { max-width: 60ch; margin-top: 1rem; color: var(--mek-muted); }
.mek-filter { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.5rem; }

.mek-entry-header { padding-top: clamp(2.5rem, 6vw, 4.5rem); margin-bottom: 2rem; }
.mek-entry-title { font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: 400; letter-spacing: -.02em; }
.mek-entry-cover { margin: 0 0 2rem; }
.mek-entry-cover img { width: 100%; border-radius: var(--mek-radius); }
.mek-page,
.mek-post { padding-bottom: clamp(3rem, 7vw, 5rem); }

.mek-list__item { padding-block: 1.5rem; border-bottom: 1px solid var(--mek-line); }
.mek-list__title { font-size: 1.5rem; margin-bottom: .4rem; }
.mek-list__title a { color: var(--mek-heading); text-decoration: none; }
.mek-list__title a:hover { color: var(--mek-hover); }

.mek-empty { color: var(--mek-muted); }

.mek-admin-hint {
	margin: 1.5rem 0 0;
	padding: 1rem 1.25rem;
	border: 1px dashed var(--mek-primary);
	border-radius: var(--mek-radius);
	font-size: .95rem;
}

.mek-404 { padding-block: clamp(4rem, 12vw, 8rem); }

.mek-404__code {
	margin: 0;
	color: color-mix(in srgb, var(--mek-primary) 70%, transparent);
	font-family: var(--mek-font-heading);
	font-size: clamp(5rem, 16vw, 10rem);
	line-height: 1;
}

.mek-404__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }

/* Sayfalama */
.navigation.pagination { margin-top: clamp(2.5rem, 5vw, 3.5rem); }
.nav-links { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }

.nav-links .page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 .9rem;
	border: 1px solid var(--mek-line);
	border-radius: 999px;
	color: var(--mek-heading);
	text-decoration: none;
}

.nav-links .page-numbers.current,
.nav-links a.page-numbers:hover { border-color: var(--mek-primary); color: var(--mek-primary); }

/* Arama formu */
.search-form { display: flex; gap: .5rem; margin-top: 1.5rem; }

.search-form .search-field {
	flex: 1 1 auto;
	min-height: 48px;
	padding: .5rem 1rem;
	border: 1px solid var(--mek-line);
	border-radius: 999px;
	background: var(--mek-card);
	color: var(--mek-heading);
	font: inherit;
}

.search-form .search-submit {
	min-height: 48px;
	padding: 0 1.25rem;
	border: 0;
	border-radius: 999px;
	background: var(--mek-button);
	color: var(--mek-button-text);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.site-footer {
	margin-top: clamp(2rem, 5vw, 4rem);
	padding-block: clamp(3rem, 6vw, 4.5rem) 2rem;
	background: var(--mek-footer);
	color: var(--mek-footer-text);
	font-size: .95rem;
}

.site-footer a { color: var(--mek-footer-link); }

.site-footer__top {
	display: flex;
	flex-wrap: wrap;
	gap: 2.5rem clamp(2rem, 4vw, 4rem);
	align-items: flex-start;
}

.site-footer__brand { flex: 1 1 300px; max-width: 440px; }
.site-footer__brand .site-logo { margin-bottom: 1rem; }
.site-footer__brand p { max-width: 42ch; color: var(--mek-footer-text); }
.site-footer__brand .mek-social { margin-top: 1.25rem; }

.site-footer__col,
.site-footer__nav { flex: 1 1 150px; min-width: 0; }

.site-footer__title {
	margin: 0 0 1rem;
	color: var(--mek-footer-link);
	font-family: var(--mek-font-heading);
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: 0;
}

.site-footer__links { margin: 0; padding: 0; list-style: none; }
.site-footer__links li + li { margin-top: .55rem; }

.site-footer__links a,
.site-footer__menu a {
	display: inline-block;
	text-decoration: none;
	transition: transform .2s;
}

.site-footer__menu {
	display: grid;
	grid-template-columns: minmax(0, max-content);
	gap: .5rem 2.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer__links a:hover,
.site-footer__menu a:hover { transform: translateX(3px); }

.mek-social { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }

.mek-social a {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid color-mix(in srgb, var(--mek-footer-link) 22%, transparent);
	border-radius: 50%;
	color: var(--mek-footer-link);
	transition: transform .2s;
}

.mek-social a:hover,
.mek-social a:focus-visible { transform: translateY(-2px); }

.site-footer__bottom {
	margin-top: clamp(2.5rem, 5vw, 3.5rem);
	padding-top: 1.5rem;
	border-top: 1px solid color-mix(in srgb, var(--mek-footer-text) 18%, transparent);
	font-size: .875rem;
}

.site-footer__bottom p { margin: 0; }

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (min-width: 640px) {
	.mek-film-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 700px) {
	.mek-episode-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mek-carousel { --n: var(--mek-cols-tablet); }
}

@media (min-width: 1100px) {
	.mek-episode-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.mek-carousel { --n: var(--mek-cols-desktop); }
	.mek-episode-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mek-film-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 960px) {
	.site-footer__brand { flex-basis: 100%; max-width: none; }
	.site-footer__col,
	.site-footer__nav { flex: 1 1 calc(50% - 2rem); }
}

@media (max-width: 900px) {
	.site-header__inner { gap: 1rem; }
	.site-header--menu-center .site-header__inner::after { display: none; }

	/* Hamburger menü */
	.site-header--burger .mek-menu-toggle { display: grid; place-items: center; }

	.site-header--burger .site-nav {
		position: fixed;
		inset: calc(var(--mek-admin-bar) + var(--mek-header-h)) 0 0 0;
		margin: 0;
		padding: 1.5rem var(--mek-gutter) 3rem;
		overflow-y: auto;
		background: var(--mek-header);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-8px);
		transition: opacity .25s, transform .25s var(--mek-ease), visibility .25s;
	}

	.mek-menu-open .site-header--burger .site-nav { opacity: 1; visibility: visible; transform: none; }

	.site-header--burger .site-nav__list { flex-direction: column; align-items: stretch; gap: 0; }

	.site-header--burger .site-nav__list > li { border-bottom: 1px solid var(--mek-line); }

	.site-header--burger .site-nav__list a {
		display: flex;
		min-height: 56px;
		font-family: var(--mek-font-heading);
		font-size: 1.4rem;
		font-weight: 400;
	}

	.site-header--burger .site-nav__list .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		min-width: 0;
		padding: 0 0 .75rem 1rem;
		background: transparent;
		border: 0;
	}

	.site-header--burger .site-nav__list .sub-menu a { font-family: var(--mek-font-body); font-size: 1rem; min-height: 44px; padding: 0; }

	/* Hamburger kapalıysa yatay kaydırılan şerit */
	.site-header--strip .site-header__inner { flex-wrap: wrap; padding-block: .5rem; }
	.site-header--strip .site-nav { width: 100%; margin: 0; overflow-x: auto; scrollbar-width: none; }
	.site-header--strip .site-nav__list { gap: 1.25rem; white-space: nowrap; }
	.site-header--strip .sub-menu { display: none; }

	.mek-menu-open { overflow: hidden; }

	.site-logo__img { width: var(--mek-logo-w-mobile); }
	.site-logo__img--desktop { display: none; }
	.site-logo__img--mobile { display: block; }

	/* Manşet: alt alta yerleşim, panel üstte ve medyanın yarısına kadar */
	.mek-slide {
		min-height: 0;
		padding: calc(var(--mek-header-h) + 1.25rem) 0 6rem;
	}

	.mek-slide__panel {
		width: 100%;
		bottom: calc(6rem + (100vw - var(--mek-gutter) * 2) * .28125);
	}

	.mek-slide__grid { grid-template-columns: minmax(0, 1fr); gap: 1.75rem; }
	.mek-slide__text { gap: 1.5rem; padding: .5rem 0 0; min-height: 180px; }
	.mek-slide__logo { max-height: 120px; }
	.mek-slider__controls { bottom: 1.25rem; }
	.mek-slider__nav { position: static; }
	.mek-slider__controls .mek-slide__grid > div:first-child { display: none; }
	.mek-slider__arrow { width: 48px; height: 48px; }
	.mek-video__play { width: 64px; height: 44px; border-radius: 10px; }

	.mek-hero-split:not(.mek-menu-open) .site-header:not(.is-scrolled) .mek-menu-toggle { color: var(--mek-slider-title); }

	.mek-film-hero__inner { flex-direction: column; align-items: flex-start; }
	.mek-film-hero__poster { flex-basis: auto; width: clamp(140px, 38vw, 220px); }
	.mek-film-hero.has-backdrop { min-height: 0; padding-top: calc(var(--mek-header-h) + 30vw); }
}

@media (max-width: 700px) {
	.mek-section__link { font-size: .875rem; }

	.mek-section__head { flex-wrap: wrap; }

	.mek-episode-nav { grid-template-columns: 1fr; }
	.mek-episode-nav__link--next { grid-column: 1; text-align: left; }

	.mek-prose .alignleft,
	.mek-prose .alignright { float: none; max-width: 100%; margin: 0 0 1.4em; }
}

@media (max-width: 560px) {
	.site-footer__col,
	.site-footer__nav { flex-basis: 100%; }
	.mek-film-hero__actions .mek-btn { width: 100%; }
}

/* Hareket azaltma */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }

	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}

	.mek-slide__img,
	.mek-slide.is-active .mek-slide__img { transform: none; }
}

/* Fareyle sürüklerken yapışma (snap) geçici olarak kapalı */
.mek-carousel__track.is-dragging { scroll-snap-type: none; cursor: grabbing; user-select: none; }
.mek-carousel__track.is-dragging .mek-ep { pointer-events: none; }

/* ==========================================================================
   Yazı tipi ayarları (MEK Panel → Yazı Tipleri)
   ========================================================================== */

h1, h2, h3, h4, h5, h6,
.mek-slide__title,
.mek-section__title,
.mek-film-hero__title,
.mek-episode__title,
.mek-page-header__title,
.mek-entry-title,
.mek-ep__title,
.mek-film-card__title,
.mek-episode-nav__title { font-weight: var(--mek-heading-weight); }

.mek-btn,
.wp-block-button__link,
.mek-slide__link,
.mek-ep__more { font-family: var(--mek-font-body); }

@media (max-width: 900px) {
	.site-header--burger .site-nav__list a { font-family: var(--mek-font-menu); font-size: calc(var(--mek-menu-size) * 1.3); }
}

/* ==========================================================================
   Header sosyal medya ikonları
   ========================================================================== */

.site-header .mek-social--header { gap: .15rem; flex-wrap: nowrap; }

.site-header .mek-social--header a {
	width: calc(var(--mek-hsocial-size, 18px) + 18px);
	height: calc(var(--mek-hsocial-size, 18px) + 18px);
	border: 0;
	color: var(--mek-hsocial, var(--mek-menu));
	transition: color .2s, transform .2s;
}

.site-header .mek-social--header svg {
	width: var(--mek-hsocial-size, 18px);
	height: var(--mek-hsocial-size, 18px);
}

.site-header .mek-social--header a:hover,
.site-header .mek-social--header a:focus-visible { transform: translateY(-2px); }

/* Ana sayfada manşetin açık renkli alanı üzerindeyken */
.mek-hero-split:not(.mek-menu-open) .site-header:not(.is-scrolled) .mek-social--header a { color: var(--mek-hsocial-hero, var(--mek-slider-ui)); }

@media (max-width: 900px) {
	/* Hamburger menü: ikonlar linklerin altında */
	.site-header--burger .site-nav {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.site-header--burger .site-nav__menu { width: 100%; }

	.site-header--burger .mek-social--header {
		flex-wrap: wrap;
		gap: .5rem;
		margin-top: 1.75rem;
	}

	.site-header--burger .mek-social--header a {
		width: 48px;
		height: 48px;
		border: 1px solid color-mix(in srgb, var(--mek-hsocial) 25%, transparent);
	}

	.site-header--burger .mek-social--header svg { width: 22px; height: 22px; }

	/* Hamburger kapalıysa (şerit menü) ikonlar menünün sonunda */
	.site-header--strip .site-nav { gap: 1rem; }
	.site-header--strip .mek-social--header { flex: 0 0 auto; }
}

/* ==========================================================================
   Alt menüler (dropdown)
   ========================================================================== */

.site-nav__list .menu-item-has-children { display: flex; align-items: center; gap: .1rem; }

.mek-sub-toggle {
	display: inline-grid;
	place-items: center;
	width: 22px;
	height: 32px;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	cursor: pointer;
}

.mek-sub-toggle svg { transition: transform .2s; }
.menu-item-has-children.is-open > .mek-sub-toggle svg { transform: rotate(180deg); }

.site-nav__list > .menu-item-has-children > .mek-sub-toggle { color: var(--mek-menu); }
.mek-hero-split:not(.mek-menu-open) .site-header:not(.is-scrolled) .site-nav__list > .menu-item-has-children > .mek-sub-toggle { color: var(--mek-hero-menu, var(--mek-slider-ui)); }

.site-nav__list .sub-menu { z-index: 100; box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .55); }

/* Fareyle link ile alt menü arasında geçerken kapanmasın */
.site-nav__list .sub-menu::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 12px;
}

.site-nav__list li.is-open > .sub-menu { opacity: 1; visibility: visible; transform: none; }

/* 3. seviye: yana açılır */
.site-nav__list .sub-menu .sub-menu { top: -.5rem; left: 100%; }
.site-nav__list .sub-menu .sub-menu::before { left: -12px; right: auto; bottom: 0; top: 0; width: 12px; height: auto; }
.site-nav__list .sub-menu .menu-item-has-children { justify-content: space-between; padding-right: .5rem; }
.site-nav__list .sub-menu .mek-sub-toggle svg { transform: rotate(-90deg); }
.site-nav__list .sub-menu a { color: var(--mek-menu); }
.site-nav__list .sub-menu a:hover { transform: translateX(3px); }

/* ==========================================================================
   Mobil açılır menü renkleri ve alt menü akordeonu
   ========================================================================== */

@media (max-width: 900px) {
	.mek-menu-open .site-header,
	.mek-menu-open.mek-has-hero .site-header { background: var(--mek-mm-bg); box-shadow: none; }

	.site-header--burger .site-nav { background: var(--mek-mm-bg); }

	.mek-menu-open .site-header .mek-menu-toggle,
	.mek-menu-open .site-header .site-logo__text { color: var(--mek-mm-text); }

	.site-header--burger .site-nav__list a,
	.site-header--burger .site-nav__list .sub-menu a,
	.site-header--burger .site-nav__list .menu-item-has-children > .mek-sub-toggle { color: var(--mek-mm-text); }

	.site-header--burger .site-nav__list a:hover,
	.site-header--burger .site-nav__list a:active,
	.site-header--burger .site-nav__list .current-menu-item > a,
	.site-header--burger .site-nav__list .current-menu-ancestor > a { color: var(--mek-mm-hover); }

	.site-header--burger .site-nav__list > li { border-bottom-color: color-mix(in srgb, var(--mek-mm-text) 15%, transparent); }

	.site-header--burger .mek-social--header a {
		color: var(--mek-mm-social);
		border-color: color-mix(in srgb, var(--mek-mm-social) 30%, transparent);
	}

	.site-header--burger .mek-social--header a:hover,
	.site-header--burger .mek-social--header a:active {
		color: var(--mek-mm-social-hover);
		border-color: var(--mek-mm-social-hover);
	}

	/* Alt menü: + butonuyla açılır */
	.site-header--burger .site-nav__list .menu-item-has-children { flex-wrap: wrap; justify-content: space-between; }
	.site-header--burger .site-nav__list .menu-item-has-children > a { flex: 1 1 auto; }

	.site-header--burger .mek-sub-toggle {
		width: 48px;
		height: 48px;
		border-left: 1px solid color-mix(in srgb, var(--mek-mm-text) 15%, transparent);
	}

	.site-header--burger .mek-sub-toggle svg { width: 20px; height: 20px; transform: none; }
	.site-header--burger .menu-item-has-children.is-open > .mek-sub-toggle svg { transform: rotate(180deg); }

	.site-header--burger .site-nav__list .sub-menu {
		flex: 0 0 100%;
		box-shadow: none;
		padding: 0 0 .75rem 1rem;
		border-left: 2px solid var(--mek-mm-hover);
		margin-bottom: .75rem;
	}

	.site-header--burger .site-nav__list .sub-menu::before { display: none; }
	.mek-js .site-header--burger .site-nav__list .sub-menu { display: none; }
	.mek-js .site-header--burger .site-nav__list .is-open > .sub-menu { display: block; }
	.site-header--burger .site-nav__list .sub-menu .sub-menu { left: auto; top: auto; }
}

/* ==========================================================================
   Header / footer: tıklama ve hover'da arka plan/renk değişimi yok
   ========================================================================== */

.site-header a,
.site-header button,
.site-footer a {
	-webkit-tap-highlight-color: transparent;
}

.site-header a:active,
.site-footer a:active,
.site-header a:focus:not(:focus-visible),
.site-footer a:focus:not(:focus-visible) { background: none; outline: none; }

@media (hover: hover) and (min-width: 901px) {
	.site-nav__list > li > a:hover { transform: translateY(-2px); }
}

/* Kalın yazılar (MEK Panel'den açılıp kapatılabilir) */
.mek-header-bold .site-nav__list a,
.mek-header-bold .site-logo__text { font-weight: 700; }

.mek-footer-bold .site-footer,
.mek-footer-bold .site-footer p,
.mek-footer-bold .site-footer a { font-weight: 700; }

/* ==========================================================================
   Ana sayfa (masaüstü): menü lacivert panelde logonun yanında,
   sosyal medya ikonları beyaz tarafta en sağda
   ========================================================================== */

@media (min-width: 901px) {
	.mek-hero-split .site-header__inner::after { display: none; }

	.mek-hero-split .site-header .site-nav {
		flex: 1 1 auto;
		margin-left: clamp(1.5rem, 3vw, 3rem);
		margin-right: 0;
	}

	.mek-hero-split .site-header .site-nav__menu { margin-right: auto; }
	.mek-hero-split .site-header .mek-social--header { margin-left: auto; }
}