/* Site çerçevesi (v0.3): sol sabit menü (≥1280) + üst çubuk + çekmece (<1280) + arama katmanı.
   Referans: eg-design-v2 (1536 genişlikte menü 226, üst çubuk 72, içerik 960 + sağ kolon 300). */

/* ---------- Çerçeve ---------- */
.eg-shell { display: grid; grid-template-columns: var(--eg-side-width) minmax(0, 1fr); align-items: start; }
/* Kenar menü sütununun zemini + çizgisi tüm yükseklik boyunca (menü kutusu en çok 1080 px; uzun ekranda da kesintisiz). */
@media (min-width: 1280px) {
	.eg-shell { background: linear-gradient(to right, var(--eg-color-surface-default) calc(var(--eg-side-width) - 1px), var(--eg-color-border-default) calc(var(--eg-side-width) - 1px) var(--eg-side-width), transparent var(--eg-side-width)); }
}
.eg-shell__body { min-width: 0; }
@media (max-width: 1279px) { .eg-shell { grid-template-columns: minmax(0, 1fr); } .eg-side { display: none; } }

/* ---------- Marka (wordmark + slogan) ---------- */
.eg-brand { display: inline-flex; flex-direction: column; gap: 2px; color: var(--eg-color-text-primary); border-radius: 8px; line-height: 1; }
.eg-brand:hover { color: var(--eg-color-text-primary); }
/* SVG görünüm kutusu iç boşluklu (636×165); görünen yazı ~%90 genişlik. */
.eg-brand__wordmark { width: 158px; height: 41px; margin: -6px 0 -4px -8px; }
.eg-brand__tagline { font: 400 14px/18px var(--eg-font-family); color: var(--eg-color-text-muted); letter-spacing: 0; }
.eg-brand--sm .eg-brand__wordmark { width: 124px; height: 32px; margin: -5px 0 -3px -6px; }
.eg-brand--sm .eg-brand__tagline { font-size: 12px; line-height: 15px; }
.eg-brand__wordmark path, .eg-top__wordmark path { fill: currentColor; } /* tek renkli wordmark; koyu temada metin rengine döner */

/* ---------- Sol kenar menü ---------- */
.eg-side {
	position: sticky; top: 0; height: min(100vh, 1080px); height: min(100dvh, 1080px); z-index: 90;
	border-right: 1px solid var(--eg-color-border-default);
}
.admin-bar .eg-side { top: var(--wp-admin--admin-bar--height, 32px); height: min(calc(100vh - var(--wp-admin--admin-bar--height, 32px)), 1080px); }
.eg-side__inner { display: flex; flex-direction: column; height: 100%; padding: 16px 16px 20px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.eg-side .eg-brand { padding: 0 12px; margin-bottom: 22px; }

.eg-snav__list { display: grid; gap: 2px; }
.eg-snav__list + .eg-snav__list { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--eg-color-border-default); }
.eg-snav__row { position: relative; display: flex; align-items: center; border-radius: 10px; }
.eg-snav__link {
	display: flex; flex: 1; align-items: center; gap: 14px; min-height: 44px; padding: 0 14px 0 16px; border-radius: 10px;
	font: 500 14.5px/20px var(--eg-font-family); color: var(--eg-color-text-primary);
	transition: background-color var(--eg-motion-fast) var(--eg-ease), color var(--eg-motion-fast) var(--eg-ease);
}
.eg-snav__ic { flex: none; color: var(--eg-color-text-secondary); }
.eg-snav__link:hover { background: var(--eg-color-surface-muted); color: var(--eg-color-text-primary); }
.eg-snav__item.is-current > .eg-snav__row { background: var(--eg-color-surface-brand-soft); }
.eg-snav__item.is-current > .eg-snav__row::before { content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 3px; border-radius: 0 3px 3px 0; background: var(--eg-color-brand-primary); }
.eg-snav__item.is-current .eg-snav__link { color: var(--eg-color-brand-primary); font-weight: 600; }
.eg-snav__item.is-current .eg-snav__link:hover { background: transparent; }
.eg-snav__item.is-current .eg-snav__ic { color: var(--eg-color-brand-primary); }
.eg-snav__toggle { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: 2px; border-radius: 8px; color: var(--eg-color-text-secondary); }
.eg-snav__toggle:hover { background: var(--eg-color-surface-muted); color: var(--eg-color-text-primary); }
.eg-snav__toggle svg { transition: transform var(--eg-motion-base) var(--eg-ease); }
.eg-snav__toggle[aria-expanded="true"] svg { transform: rotate(90deg); }
.eg-snav__sub { display: grid; gap: 1px; margin: 4px 0 6px; padding-left: 50px; }
.eg-snav__sub a { display: flex; align-items: center; gap: 10px; min-height: 34px; padding: 0 10px; border-radius: 8px; font: 400 14px/18px var(--eg-font-family); color: var(--eg-color-text-secondary); }
.eg-snav__sub a:hover, .eg-snav__sub a[aria-current="page"] { background: var(--eg-color-surface-muted); color: var(--eg-color-text-primary); }
.eg-snav__logo { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 18px; height: 18px; }
.eg-snav__logo img { width: 100%; height: 100%; object-fit: contain; }
.eg-snav__logo:has(.is-wide) { width: 26px; }
.eg-snav__logo.is-initial { border-radius: 4px; background: var(--eg-color-surface-brand-soft); color: var(--eg-color-brand-primary); font: 600 11px/1 var(--eg-font-family); }
.eg-snav__sub .eg-snav__all { gap: 6px; font-weight: 600; color: var(--eg-color-text-link); }

/* Tanıtım kartı: siyah zemin + telefon arka yüz fotoğrafı */
.eg-promo {
	position: relative; display: flex; flex-direction: column; margin-top: auto; padding: 22px 18px 0; min-height: 300px; overflow: hidden;
	border-radius: 14px; background: #04060b; color: #fff; isolation: isolate;
}
.eg-side .eg-snav { margin-bottom: 24px; }
.eg-side .eg-promo { flex: none; margin-top: 8px; } /* referans: menünün hemen altında */
.eg-promo__title { position: relative; z-index: 1; font: 500 19px/25px var(--eg-font-family); letter-spacing: -0.2px; }
.eg-promo__text { position: relative; z-index: 1; margin-top: 12px; font: 400 13px/20px var(--eg-font-family); color: rgba(255, 255, 255, 0.82); }
.eg-promo__media { position: relative; margin: 8px -18px 0; margin-top: auto; }
.eg-promo__media::before { content: ""; position: absolute; inset: 0 0 auto; height: 45%; z-index: 1; background: linear-gradient(#04060b, rgba(4, 6, 11, 0)); }
.eg-promo__img { display: block; width: 100%; height: auto; filter: brightness(1.2) contrast(1.05); }
/* Kısa pencerede kart gizlenmez, küçülür (görsel kırpılır); yalnız çok kısa ekranda (<600) saklanır. */
@media (max-height: 820px) {
	.eg-side .eg-promo { min-height: 0; padding-top: 16px; }
	.eg-side .eg-promo__title { font-size: 16px; line-height: 21px; }
	.eg-side .eg-promo__text { margin-top: 6px; font-size: 12px; line-height: 17px; }
	.eg-side .eg-promo__media { max-height: 130px; overflow: hidden; }
	.eg-side .eg-snav { margin-bottom: 14px; }
}
@media (max-height: 600px) { .eg-side .eg-promo { display: none; } }

/* ---------- Üst çubuk ---------- */
.eg-top { position: sticky; top: 0; z-index: 80; background: color-mix(in srgb, var(--eg-color-background-page) 88%, transparent); -webkit-backdrop-filter: saturate(1.4) blur(10px); backdrop-filter: saturate(1.4) blur(10px); }
.admin-bar .eg-top { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { .admin-bar .eg-top { top: 0; } }
.eg-top__inner { display: flex; align-items: center; gap: 16px; height: var(--eg-header-height); width: min(100% - 2 * var(--eg-gutter), var(--eg-container-desktop)); margin-inline: auto; }
.eg-top__logo { display: none; flex: none; line-height: 0; border-radius: 6px; color: var(--eg-color-text-primary); }
.eg-top__wordmark { width: 124px; height: 32px; margin-left: -6px; }
.eg-top__search { flex: 1 1 auto; min-width: 0; max-width: 700px; }
.eg-top__actions { display: flex; align-items: center; gap: 12px; margin-left: auto; flex: none; }
.eg-top__icon {
	display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: none;
	border-radius: 999px; color: var(--eg-color-text-primary); background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default);
	transition: background-color var(--eg-motion-fast) var(--eg-ease), border-color var(--eg-motion-fast) var(--eg-ease);
}
.eg-top__icon:hover { background: var(--eg-color-surface-muted); border-color: var(--eg-color-border-strong); }
.eg-top__search-toggle, .eg-top__menu { display: none; }
.eg-theme-toggle { margin-right: 28px; }
.eg-theme-toggle__sun { display: none; }
:root[data-theme="dark"] .eg-theme-toggle__sun { display: block; }
:root[data-theme="dark"] .eg-theme-toggle__moon { display: none; }

/* Sorun Çözücü düğmesi: mavi → mor degrade, iki satır, ok */
.eg-cta {
	display: inline-flex; align-items: center; gap: 14px; min-height: 54px; padding: 8px 18px 8px 16px; border-radius: 10px;
	background: linear-gradient(100deg, #1554d6 0%, #2f6df2 45%, #8a63f2 100%); color: #fff; box-shadow: 0 10px 24px -10px rgba(47, 90, 242, 0.6);
	transition: box-shadow var(--eg-motion-base) var(--eg-ease), filter var(--eg-motion-fast) var(--eg-ease);
}
.eg-cta:hover { color: #fff; filter: brightness(1.06); box-shadow: 0 14px 28px -10px rgba(47, 90, 242, 0.7); }
.eg-cta:focus-visible { outline-offset: 3px; }
.eg-cta__ic { flex: none; }
.eg-cta__text { display: grid; gap: 1px; min-width: 0; }
.eg-cta__text strong { font: 700 15px/19px var(--eg-font-family); white-space: nowrap; }
.eg-cta__sub { font: 400 12.5px/16px var(--eg-font-family); color: rgba(255, 255, 255, 0.85); white-space: nowrap; }
.eg-cta__arrow { flex: none; margin-left: 30px; }
.eg-cta--block { display: flex; width: 100%; }
.eg-cta--block .eg-cta__arrow { margin-left: auto; }

@media (max-width: 1439px) { .eg-cta__arrow { margin-left: 12px; } .eg-theme-toggle { margin-right: 8px; } }
/* <1280: kompakt başlık (logo + arama + tema + düğme + menü) */
@media (max-width: 1279px) {
	.eg-top { background: var(--eg-color-surface-default); border-bottom: 1px solid var(--eg-color-border-default); -webkit-backdrop-filter: none; backdrop-filter: none; }
	.eg-top__inner { gap: 16px; }
	.eg-top__logo { display: block; }
	.eg-top__menu { display: inline-flex; }
	.eg-theme-toggle { margin-right: 0; }
	.eg-top__actions { gap: 8px; }
	.eg-top .eg-cta { min-height: 46px; padding: 6px 14px 6px 12px; gap: 10px; }
	.eg-top .eg-cta__sub, .eg-top .eg-cta__arrow { display: none; }
	.eg-top .eg-cta__ic { width: 22px; height: 22px; }
}
@media (max-width: 899px) {
	.eg-top__search { display: none; }
	.eg-top__search-toggle { display: inline-flex; }
}
@media (max-width: 767px) {
	.eg-top__inner { gap: 8px; }
	.eg-top .eg-cta { display: none; }
	.eg-top__icon { width: 42px; height: 42px; border-color: transparent; background: transparent; }
	.eg-top__wordmark { width: 112px; height: 29px; }
}

/* ---------- Çekmece (<1280) ---------- */
.eg-drawer, .eg-search-layer { position: fixed; inset: 0; z-index: 200; }
.eg-drawer__backdrop { position: absolute; inset: 0; background: rgba(6, 12, 28, 0.5); opacity: 0; transition: opacity var(--eg-motion-base) var(--eg-ease); }
.eg-drawer__panel {
	position: absolute; top: 0; left: 0; bottom: 0; width: min(88%, 340px);
	background: var(--eg-color-surface-default); display: flex; flex-direction: column;
	transform: translateX(-100%); transition: transform var(--eg-motion-base) var(--eg-ease);
	overflow-y: auto; overscroll-behavior: contain; box-shadow: var(--eg-shadow-md);
}
.admin-bar .eg-drawer__panel { top: var(--wp-admin--admin-bar--height, 32px); }
.eg-drawer.is-open .eg-drawer__backdrop { opacity: 1; }
.eg-drawer.is-open .eg-drawer__panel { transform: none; }
.eg-drawer__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 12px 12px 20px; flex: none; }
.eg-drawer__top .eg-top__icon { border-color: transparent; background: transparent; }
.eg-drawer__cta { padding: 4px 16px 12px; }
.eg-drawer__nav { padding: 4px 12px 24px; }
.eg-drawer__label { font: var(--eg-type-label-xs); letter-spacing: var(--eg-tracking-label-xs); color: var(--eg-color-text-muted); margin: 0 0 8px; }

/* ---------- Tam ekran arama katmanı ---------- */
.eg-search-layer { background: var(--eg-color-surface-default); display: flex; flex-direction: column; overflow-y: auto; }
.eg-search-layer__top { display: flex; align-items: center; gap: 8px; padding: 8px var(--eg-gutter); border-bottom: 1px solid var(--eg-color-border-default); }
.eg-search-layer__top .eg-search { flex: 1; min-width: 0; }
.eg-search-layer__close { flex: none; min-height: 44px; padding: 0 8px; font: var(--eg-type-label-sm); color: var(--eg-color-brand-primary); }
.eg-search-layer__body { padding: 20px var(--eg-gutter); }
.eg-search-layer__chips { display: flex; flex-wrap: wrap; gap: 8px; }