/* Kuzgun Faz 7 — unified charcoal design recovery
   Scope: kuzgunnew clone only.
   Preserve existing page structures, photo cards, and text-on-image gateway layout.
   One neutral dark system and one restrained Kuzgun brass accent across all page families. */

:root { color-scheme: dark; }

body.kz-world-genel,
body.kz-world-egitim,
body.kz-world-produksiyon,
body.kz-world-organizasyon,
body.kz-world-journal {
  --kza-bg: #191B1F;
  --kza-surface: #212429;
  --kza-surface-raised: #292D33;
  --kza-line: #393E45;
  --kza-ink: #F1F2F3;
  --kza-muted: #C0C4CA;
  --kza-dim: #9DA3AA;
  --kza-hero: #15171A;
  --kza-accent: #C4A76A;
  --kza-accent-soft: #E0C990;
  --kza-shadow: 0 18px 46px rgba(0,0,0,.32);

  --kz-base: var(--kza-bg);
  --kz-bg: var(--kza-bg);
  --kz-arka: #141619;
  --kz-giris: #191B1F;
  --kz-oda: var(--kza-surface);
  --kz-ws-bg: var(--kza-surface);
  --kz-pencere: var(--kza-surface-raised);
  --kz-serit: var(--kza-accent);
  --kz-band-1: #191B1F;
  --kz-band-2: #1D2024;
  --kz-band-3: #212429;
  --kz-band-4: #25292E;
  --kz-surface: var(--kza-surface);
  --kz-surface-2: var(--kza-surface-raised);
  --kz-deep: #121416;
  --kz-ink: var(--kza-ink);
  --kz-ink-2: var(--kza-muted);
  --kz-ink-3: var(--kza-dim);
  --kz-paper: var(--kza-ink);
  --kz-paper-2: var(--kza-muted);
  --kz-line: var(--kza-line);
  --kz-line-2: #4A5058;
  --kz-accent: var(--kza-accent);
  --kz-accent-2: var(--kza-accent-soft);
  --kz-accent-3: var(--kza-accent);
  --kz-accent-4: var(--kza-accent);
  --kz-bronze: var(--kza-accent);
  --kz-bronze-d: #9F824C;
  --kz-w-bg: var(--kza-bg);
  --kz-w-ink: var(--kza-ink);
  --kz-w-sub: var(--kza-muted);
  --kz-w-acc: var(--kza-accent);
  --kz-w-veil: rgba(18,20,22,.94);
  --kz-w-line: var(--kza-line);
}

/* Neutralize legacy world-specific pastel tokens while keeping their structure. */
html body[data-world] {
  --kz-w-bg: #191B1F !important;
  --kz-w-ink: #F1F2F3 !important;
  --kz-w-sub: #C0C4CA !important;
  --kz-w-acc: #C4A76A !important;
  --kz-w-veil: rgba(18,20,22,.94) !important;
  --kz-w-line: #393E45 !important;
}

html, body {
  background: #191B1F !important;
  color: #F1F2F3 !important;
}
html body #main,
html body .site-content,
html body .content-area,
html body .page-wrapper,
html body .entry-content,
html body #main .content-area {
  background-color: #191B1F !important;
  color: #F1F2F3 !important;
}

/* One Turkish-capable locally hosted font system across all five families. */
html body,
html body p, html body li, html body dd, html body dt,
html body input, html body textarea, html body button, html body select,
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .kz-btn, html body .kz-kp-ad, html body .kz-gcol b,
html body #masthead .header-nav a, html body #masthead .nav-dropdown a {
  font-family: "KZ Inter", "Segoe UI", system-ui, Arial, sans-serif !important;
  font-synthesis: none;
}
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
  color: #F1F2F3 !important;
  letter-spacing: -.02em;
  line-height: 1.2;
  text-shadow: none !important;
}
html body #main h1 {
  font-size: clamp(36px, 4.4vw, 64px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
}
html body p, html body li, html body figcaption, html body .kz-sec p {
  color: #C0C4CA !important;
  font-size: 16px;
  line-height: 1.72;
}
html body a { color: #D5BD87; }
html body a:hover { color: #E6D2A5; }
html body :focus-visible { outline: 3px solid #C4A76A !important; outline-offset: 3px; }

/* Consistent brand header and footer. */
html body .header-main,
html body .header-main.is-sticky,
html body .header-bg-container,
html body .header-main .header-inner,
html body .header-main .header-nav,
html body .header-main .header-nav-main,
html body .header-main .flex-grow,
html body .header-main .nav > li,
html body .header-main .nav > li > a {
  background-color: #15171A !important;
}
html body .header-main .nav > li > a,
html body .header-main .nav > li > a:visited,
html body .header-logo a, html body .header-logo .logo-text {
  color: #F1F2F3 !important;
}
html body .header-main .nav > li.current-menu-item > a,
html body .header-main .nav > li > a:hover { color: #C4A76A !important; }
html body .header-main .nav-dropdown,
html body .header-main .sub-menu { background-color: #212429 !important; }
html body .header-main .nav-dropdown a,
html body .header-main .sub-menu a { color: #F1F2F3 !important; }
html body .header-main .nav-dropdown a:hover,
html body .header-main .sub-menu a:hover { color: #E0C990 !important; }
html body .kz-footer { background: #141619 !important; color: #F1F2F3 !important; }
html body .kz-footer h1, html body .kz-footer h2, html body .kz-footer h3,
html body .kz-footer h4, html body .kz-footer h5 { color: #F1F2F3 !important; }
html body .kz-footer p, html body .kz-footer a { color: #C0C4CA !important; }
html body .kz-footer a:hover { color: #E0C990 !important; }

/* Keep the existing photo-led hero composition; fix its foreground contrast only. */
html body .kz-gatehead,
html body .kz-vhero,
html body .kz-vhin {
  background-color: #15171A !important;
  color: #F1F2F3 !important;
}
html body .kz-gatehead h1, html body .kz-gatehead h2, html body .kz-gatehead h3,
html body .kz-vhero h1, html body .kz-vhero h2, html body .kz-vhero h3,
html body .kz-vhin h1, html body .kz-vhin h2, html body .kz-vhin h3,
html body .kz-gatehead p, html body .kz-vhero p, html body .kz-vhin p {
  color: #F1F2F3 !important;
}
html body .kz-gatehead p, html body .kz-vhero p, html body .kz-vhin p {
  max-width: 780px;
}
html body .kz-ghero { background-color: #15171A !important; }
html body .kz-ghero::after {
  background: linear-gradient(90deg, rgba(12,13,15,.82), rgba(12,13,15,.38)) !important;
}
html body .kz-secnum,
html body .kz-vhero .kz-secnum,
html body .kz-gatehead .kz-secnum { color: #C4A76A !important; }

/* Restore every service gateway to text-on-photo. Do not turn the caption into a panel. */
html body .kz-gcol {
  position: relative !important;
  overflow: hidden !important;
  background-color: #15171A !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 5px !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.26) !important;
}
html body .kz-gcol > img { display: block; }
html body .kz-gcol > span {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  bottom: 0 !important;
  display: block !important;
  padding: clamp(52px, 9vh, 112px) 24px 28px !important;
  border: 0 !important;
  background: linear-gradient(180deg, rgba(12,13,15,0) 0%, rgba(12,13,15,.70) 42%, rgba(12,13,15,.96) 100%) !important;
  color: #F1F2F3 !important;
  text-align: center;
}
html body .kz-gcol > span * { color: #F1F2F3 !important; }
html body .kz-gcol > span i,
html body .kz-gcol > span u,
html body .kz-gcol .kz-gcol-kim {
  color: #E0C990 !important;
}
html body .kz-gcol > span b,
html body .kz-gcol > span strong {
  font-size: clamp(22px, 2.4vw, 36px) !important;
  line-height: 1.15 !important;
  letter-spacing: -.02em !important;
}
html body .kz-gcol > span u {
  display: inline-block;
  border: 1px solid rgba(241,242,243,.62);
  border-radius: 4px;
  padding: 10px 20px;
  text-decoration: none !important;
}
/* Keep family character in shape and spacing, not in competing color palettes. */
body.kz-world-egitim .kz-gcol { border-radius: 16px !important; }
body.kz-world-produksiyon .kz-gcol { border-radius: 3px !important; }
body.kz-world-organizasyon .kz-gcol { border-radius: 22px !important; }
body.kz-world-journal .kz-post-kart,
body.kz-world-journal .kz-yazi-kart,
body.kz-world-journal .blog-wrapper .post-item { border-radius: 8px !important; }

/* Portal selection cards keep the title and summary on their image. */
html body .kz-kp-kart {
  background: #191B1F !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.28) !important;
}
html body .kz-kp-parlama,
html body .kz-kp-govde {
  background: linear-gradient(180deg, transparent 0%, rgba(12,13,15,.18) 28%, rgba(12,13,15,.95) 100%) !important;
}
html body .kz-kp-ad { color: #F1F2F3 !important; }
html body .kz-kp-tanim { color: #D3D6DA !important; }
html body .kz-kp-git,
html body .kz-kapi-et,
html body .kz-secnum { color: #E0C990 !important; }
html body .kz-kp-ikon {
  background: rgba(20,22,25,.84) !important;
  color: #E0C990 !important;
  border-color: rgba(196,167,106,.58) !important;
}

/* Dark bands, content cards, knowledge blocks, FAQ, forms and tables. */
html body .kz-b1, html body .kz-b2, html body .kz-b3, html body .kz-b4 {
  background-color: #191B1F !important;
  color: #F1F2F3 !important;
}
html body .kz-b1 h1, html body .kz-b1 h2, html body .kz-b1 h3,
html body .kz-b2 h1, html body .kz-b2 h2, html body .kz-b2 h3,
html body .kz-b3 h1, html body .kz-b3 h2, html body .kz-b3 h3,
html body .kz-b4 h1, html body .kz-b4 h2, html body .kz-b4 h3 {
  color: #F1F2F3 !important;
}
html body .kz-b1 p, html body .kz-b2 p, html body .kz-b3 p, html body .kz-b4 p,
html body .kz-b1 li, html body .kz-b2 li, html body .kz-b3 li, html body .kz-b4 li {
  color: #C0C4CA !important;
}
html body .kz-kart, html body .kz-kb-sr-kart, html body .kz-kb-kart,
html body .kz-ikili-kart, html body .kz-ozellik-serit, html body .kz-sonuc-karti,
html body .kz-bilgi-kart, html body .kz-bilgi-izgara,
html body .kz-hizmet-kart, html body .kz-post-kart, html body .kz-yazi-kart,
html body .blog-wrapper .post-item {
  background: #212429 !important;
  background-image: none;
  color: #F1F2F3 !important;
  border: 1px solid #393E45 !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.24);
}
html body .kz-kart h2, html body .kz-kart h3,
html body .kz-kb-sr-kart h2, html body .kz-kb-sr-kart h3,
html body .kz-hizmet-kart b, html body .kz-post-baslik,
html body .kz-yazi-kart h2, html body .blog-wrapper .post-item h2,
html body .blog-wrapper .post-item h3, html body .entry-title {
  color: #F1F2F3 !important;
}
html body .kz-kart p, html body .kz-kb-sr-kart p,
html body .kz-hizmet-kart p, html body .kz-yazi-kart p,
html body .blog-wrapper .post-item p { color: #C0C4CA !important; }
html body .kz-soru, html body .kz-px-blok.orta,
html body .kz-soru summary, html body .kz-px-blok.orta .kz-px-bas {
  background: #212429 !important;
  color: #F1F2F3 !important;
  border-color: #393E45 !important;
}
html body .kz-px-blok.orta .kz-px-bas,
html body .kz-px-blok.orta .kz-px-ustbas,
html body .kz-px-blok.orta .kz-px-ac,
html body .kz-px-blok.orta .kz-px-ic-cevap p { color: #F1F2F3 !important; }
html body .kz-px-blok.orta .kz-px-git,
html body .kz-px-ic-cevap a { color: #E0C990 !important; }
html body .kz-showcase { background: #141619 !important; }
html body .kz-showcase .kz-shot .kz-shot-top,
html body .kz-showcase .kz-shot .kz-shot-bot {
  color: #F1F2F3 !important;
}
html body .kz-showcase .kz-shot .kz-shot-bot {
  background: linear-gradient(180deg, transparent, rgba(12,13,15,.94)) !important;
}
html body .kz-showcase .kz-shot .kz-shot-bot b,
html body .kz-showcase .kz-shot .kz-shot-bot strong { color: #F1F2F3 !important; }
html body .kz-showcase .kz-shot .kz-shot-bot span,
html body .kz-showcase .kz-shot .kz-shot-bot em { color: #C0C4CA !important; }

html body input, html body textarea, html body select {
  background: #212429 !important;
  color: #F1F2F3 !important;
  border-color: #4A5058 !important;
}
html body input::placeholder, html body textarea::placeholder { color: #9DA3AA !important; }
html body table, html body th, html body td {
  background-color: #212429 !important;
  color: #F1F2F3 !important;
  border-color: #393E45 !important;
}
html body .kz-crumb-yol,
html body .kz-crumb-yol a { color: #C0C4CA !important; }

/* One restrained brand CTA treatment; keep secondary links quiet. */
html body .kz-btn, html body a.kz-btn, html body button.kz-btn {
  background: #C4A76A !important;
  background-image: none !important;
  color: #17191C !important;
  border: 1px solid #C4A76A !important;
  border-radius: 4px !important;
  font-weight: 650 !important;
}
html body .kz-btn:hover, html body a.kz-btn:hover, html body button.kz-btn:hover {
  background: #E0C990 !important;
  color: #141619 !important;
}
html body .kz-cta, html body .kz-cta h1, html body .kz-cta h2,
html body .kz-cta h3, html body .kz-cta p { color: #F1F2F3 !important; }

@media (max-width: 849px) {
  html body #main h1 { font-size: clamp(32px, 8vw, 46px) !important; }
  html body .kz-gatehead h1, html body .kz-gatehead h2,
  html body .kz-vhero h1, html body .kz-vhero h2,
  html body .kz-vhin h1 {
    font-size: clamp(30px, 8vw, 42px) !important;
    line-height: 1.12 !important;
  }
  html body .kz-gcol > span { padding: 72px 18px 22px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body *, html body *::before, html body *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

/* Child-page hero and sticky section navigation have legacy high-specificity rules. */
html body .kz-vhero .kz-vhin h1,
html body .kz-vhero .kz-vhin h2,
html body .kz-vhero .kz-vhin h3 {
  color: #F1F2F3 !important;
}
html body #main .kz-vhero .kz-vhin a,
html body #main .kz-vhero .kz-vhin a.button,
html body #main .kz-vhero .kz-vhin a.primary {
  background: #C4A76A !important;
  background-color: #C4A76A !important;
  background-image: none !important;
  color: #17191C !important;
  border-color: #C4A76A !important;
}
html body .kz-snav {
  background: #1D2024 !important;
  border-color: #393E45 !important;
}
html body .kz-snav a,
html body .kz-snav .kz-snav-geri {
  color: #D4D7DB !important;
}
html body .kz-snav a:hover,
html body .kz-snav .kz-snav-geri:hover {
  background: #292D33 !important;
  color: #E0C990 !important;
}

/* CTA repairs: the legacy WhatsApp rules made the default button transparent
   with dark text, and the gateway hover inherited the light caption color. */
html body #main a.kz-btn.kz-btn-wa,
html body #main .kz-cta a.kz-btn-wa,
html body #main .kz-seviye a.kz-btn-wa {
  background: #C4A76A !important;
  background-color: #C4A76A !important;
  background-image: none !important;
  color: #17191C !important;
  border-color: #C4A76A !important;
}
html body #main a.kz-btn.kz-btn-wa:hover,
html body #main a.kz-btn.kz-btn-wa:focus-visible,
html body #main .kz-cta a.kz-btn-wa:hover,
html body #main .kz-seviye a.kz-btn-wa:hover {
  background: #E0C990 !important;
  background-color: #E0C990 !important;
  color: #141619 !important;
  border-color: #E0C990 !important;
}

/* Keep photo gateways readable on hover and keyboard focus. */
html body #main .kz-gcol:hover > span u,
html body #main .kz-gcol:focus-visible > span u {
  background: #C4A76A !important;
  background-color: #C4A76A !important;
  color: #17191C !important;
  border-color: #C4A76A !important;
}
html body #main .kz-gcol > span u { transition: background-color .2s ease, color .2s ease, border-color .2s ease; }

/* Distinguish the five site worlds with restrained, high-contrast hero accents.
   The neutral charcoal surfaces and body text remain shared across the site. */
html body.kz-world-genel .kz-gatehead h1,
html body.kz-world-genel .kz-gatehead h2,
html body.kz-world-genel .kz-vhero .kz-vhin h1,
html body.kz-world-genel .kz-vhero .kz-vhin h2 { color: #E6C879 !important; }
html body.kz-world-egitim .kz-gatehead h1,
html body.kz-world-egitim .kz-gatehead h2,
html body.kz-world-egitim .kz-vhero .kz-vhin h1,
html body.kz-world-egitim .kz-vhero .kz-vhin h2 { color: #A9D8C2 !important; }
html body.kz-world-produksiyon .kz-gatehead h1,
html body.kz-world-produksiyon .kz-gatehead h2,
html body.kz-world-produksiyon .kz-vhero .kz-vhin h1,
html body.kz-world-produksiyon .kz-vhero .kz-vhin h2 { color: #A8C8F0 !important; }
html body.kz-world-organizasyon .kz-gatehead h1,
html body.kz-world-organizasyon .kz-gatehead h2,
html body.kz-world-organizasyon .kz-vhero .kz-vhin h1,
html body.kz-world-organizasyon .kz-vhero .kz-vhin h2 { color: #E6C879 !important; }
html body.kz-world-journal .kz-gatehead h1,
html body.kz-world-journal .kz-gatehead h2,
html body.kz-world-journal .kz-vhero .kz-vhin h1,
html body.kz-world-journal .kz-vhero .kz-vhin h2 { color: #B9CBE4 !important; }

html body.kz-world-genel .kz-gatehead h1::after,
html body.kz-world-genel .kz-gatehead h2::after,
html body.kz-world-genel .kz-vhero .kz-vhin h1::after,
html body.kz-world-genel .kz-vhero .kz-vhin h2::after { background: #E6C879; }
html body.kz-world-egitim .kz-gatehead h1::after,
html body.kz-world-egitim .kz-gatehead h2::after,
html body.kz-world-egitim .kz-vhero .kz-vhin h1::after,
html body.kz-world-egitim .kz-vhero .kz-vhin h2::after { background: #A9D8C2; }
html body.kz-world-produksiyon .kz-gatehead h1::after,
html body.kz-world-produksiyon .kz-gatehead h2::after,
html body.kz-world-produksiyon .kz-vhero .kz-vhin h1::after,
html body.kz-world-produksiyon .kz-vhero .kz-vhin h2::after { background: #A8C8F0; }
html body.kz-world-organizasyon .kz-gatehead h1::after,
html body.kz-world-organizasyon .kz-gatehead h2::after,
html body.kz-world-organizasyon .kz-vhero .kz-vhin h1::after,
html body.kz-world-organizasyon .kz-vhero .kz-vhin h2::after { background: #E6C879; }
html body.kz-world-journal .kz-gatehead h1::after,
html body.kz-world-journal .kz-gatehead h2::after,
html body.kz-world-journal .kz-vhero .kz-vhin h1::after,
html body.kz-world-journal .kz-vhero .kz-vhin h2::after { background: #B9CBE4; }
html body .kz-gatehead h1::after,
html body .kz-gatehead h2::after,
html body .kz-vhero .kz-vhin h1::after,
html body .kz-vhero .kz-vhin h2::after {
  content: "";
  display: block;
  width: 68px;
  height: 3px;
  margin: 18px 0 0;
  border-radius: 2px;
  opacity: .9;
}
html body .kz-gatehead h1::after,
html body .kz-gatehead h2::after { margin-left: auto; margin-right: auto; }
html body .kz-vhero .kz-vhin h1::after,
html body .kz-vhero .kz-vhin h2::after { margin-left: 0; margin-right: auto; }

/* Production gateways carry longer service names; give them a quieter scale. */
html body.kz-world-produksiyon #main .kz-gcol > span b {
  font-size: clamp(20px, 2vw, 28px) !important;
  line-height: 1.18 !important;
}
@media (max-width: 849px) {
  html body.kz-world-produksiyon #main .kz-gcol > span b {
    font-size: clamp(19px, 5vw, 25px) !important;
  }
}

/* Faz 6's older light palette also lives on inner data-world wrappers. */
html body [data-world] {
  --kzc-bg: #191B1F !important;
  --kzc-surface: #212429 !important;
  --kzc-surface-2: #292D33 !important;
  --kzc-ink: #F1F2F3 !important;
  --kzc-ink-2: #C0C4CA !important;
  --kzc-ink-3: #9DA3AA !important;
  --kzc-line: #393E45 !important;
  --kzc-line-2: #4A5058 !important;
  --kzc-accent: #C4A76A !important;
  --kzc-accent-soft: #30343A !important;
  --kzc-on-accent: #17191C !important;
  --kz-base: #191B1F !important;
  --kz-bg: #191B1F !important;
  --kz-deep: #121416 !important;
  --kz-deep-2: #212429 !important;
  --kz-surface: #212429 !important;
  --kz-surface-2: #292D33 !important;
  --kz-arka: #191B1F !important;
  --kz-band-1: #191B1F !important;
  --kz-band-2: #212429 !important;
  --kz-band-3: #25292E !important;
  --kz-band-4: #292D33 !important;
  --kz-ink: #F1F2F3 !important;
  --kz-ink-2: #C0C4CA !important;
  --kz-ink-3: #9DA3AA !important;
  --kz-accent: #C4A76A !important;
  --kz-accent-2: #C4A76A !important;
  --kz-accent-3: #C4A76A !important;
  --kz-accent-4: #C4A76A !important;
  --kz-pencere: #292D33 !important;
  --kz-pencere-2: #30343A !important;
  --kz-w-bg: #191B1F !important;
  --kz-w-ink: #F1F2F3 !important;
  --kz-w-sub: #C0C4CA !important;
  --kz-w-acc: #C4A76A !important;
  --kz-w-veil: rgba(18,20,22,.94) !important;
  --kz-w-line: #393E45 !important;
  --w-metin: #F1F2F3 !important;
  --w-metin2: #C0C4CA !important;
  --w-metin-vurgu: #C4A76A !important;
  --w-derin: #212429 !important;
  --w-ana: #191B1F !important;
  --w-vurgu: #C4A76A !important;
}
html body #main .kz-kategori,
html body #main .kz-cat,
html body #main .kz-secnum,
html body #main .kz-rozet,
html body #main .kz-seviye,
html body #main .kz-kb-etk-etiket,
html body #main .kz-etiket,
html body #main .kz-chip {
  color: #E0C990 !important;
}

/* Faz 7: eğitim eğitmen kartının eski mavi yüzeyini nötr koyu karta al. */
html body.kz-world-egitim #main .kz-b2 .kz-ikili-egit { background: #212429 !important; background-image: none !important; border: 1px solid #393E45 !important; }


/* Faz 7: dar mobil genişlikte wordmark ile sabit menü düğmesinin çakışmasını önle. */
@media (max-width: 600px) {
  html body #masthead .header-inner {
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-left: 14px !important;
    padding-right: 112px !important;
  }
  html body #masthead #logo {
    max-width: 100% !important;
    overflow: hidden !important;
  }
  html body #masthead #logo a {
    gap: 4px !important;
    font-size: 13px !important;
    letter-spacing: .12em !important;
  }
  html body #masthead #logo a::after {
    font-size: 8px !important;
    letter-spacing: .14em !important;
  }
  html body #kzMenuBtn {
    right: 12px !important;
    padding: 8px 10px !important;
    font-size: 10px !important;
    letter-spacing: .14em !important;
  }
}

/* Faz 7: SVG placeholder içindeki yazı mobil crop'ta görünmezse hero'da açık durum etiketi göster. */
html body .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::after {
  content: "GÖRSEL GÜNCELLENECEK — TASLAK";
  position: absolute;
  z-index: 3;
  top: 14px;
  left: 14px;
  max-width: calc(100% - 28px);
  padding: 8px 10px;
  border: 1px solid #C4A76A;
  border-radius: 3px;
  background: rgba(20,22,25,.94);
  color: #F1F2F3;
  font: 700 10px/1.25 "KZ Inter", "Segoe UI", sans-serif;
  letter-spacing: .1em;
  pointer-events: none;
}

/* Faz 7: hero medya katmanını metnin arkasında tut; mobilde başlık görsel altında kalmasın. */
html body #main .kz-vhero > img.kz-vbg,
html body #main .kz-vhero > video {
  z-index: 0 !important;
}
html body #main .kz-vhero > .kz-vhin {
  position: relative !important;
  z-index: 2 !important;
}

/* Faz 7: placeholder hero alanını başlıkla çakıştırma; SVG yerine kontrollü çerçeve */
html body #main .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]) > img.kz-vbg { display: none !important; }
html body #main .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::before {
  content: ""; position: absolute; z-index: 1; top: 14px; left: 14px; right: 14px;
  height: min(48%, 300px); border: 1px solid #C4A76A; border-radius: 3px;
  box-sizing: border-box; pointer-events: none;
}

/* Faz 7: eğitim eğitmen kartı mobilde görselin intrinsic genişliğiyle taşmasın */
@media (max-width: 640px) {
  html body #main .kz-ikili-in,
  html body #main .kz-ikili-egit,
  html body #main .kz-ikili-egit .kz-ikili-kart,
  html body #main .kz-ikili-egit .kz-ikili-foto {
    min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important;
  }
  html body #main .kz-ikili-egit { width: 100% !important; }
  html body #main .kz-ikili-egit .kz-ikili-kart { width: 100% !important; grid-template-columns: minmax(0, 1fr) !important; }
  html body #main .kz-ikili-egit .kz-ikili-foto { width: 100% !important; }
}

/* Faz 7: eğitim kartı grid'inin örtük sütununu kapsayıcıya kilitle */
@media (max-width: 640px) {
  html body #main .kz-ikili-egit { grid-template-columns: minmax(0, 1fr) !important; }
}

/* Faz 7: mobil placeholder alanı ile hero metnini dikey olarak ayır */
@media (max-width: 640px) {
  html body #main .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]) .kz-vhin {
    padding: 380px 18px 44px !important;
  }
}


/* Faz 7: placeholder uyarı etiketi global hero gradient ölçülerini devralmasın */
html body .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::after {
  inset: auto !important; top: 14px !important; left: 14px !important; right: auto !important; bottom: auto !important;
  width: max-content !important; height: auto !important; max-width: calc(100% - 28px) !important;
}

/* Faz 7: mobilde tam boy copy panelinin örttüğü placeholder çerçevesini öne al */
@media (max-width: 640px) {
  html body .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::before { z-index: 3 !important; }
  html body .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::after { z-index: 4 !important; }
}

/* Faz 7: placeholder çerçevesini tüm boyutlarda metin panelinin üstünde tut; metni altına akıt */
html body .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::before { z-index: 3 !important; }
html body .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::after { z-index: 4 !important; }
html body #main .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]) .kz-vhin { padding-top: 340px !important; }

/* Faz 7: Basinda Biz logo duvarinda koyu logolari koyu zeminden ayir. */
html body.page-id-1324 #main .kz-logolar-oge img {
  filter: grayscale(1) invert(1) brightness(.88) contrast(1.2) !important;
  opacity: .92 !important;
  transition: filter .2s ease, opacity .2s ease;
}
html body.page-id-1324 #main .kz-logolar-oge:hover img {
  filter: grayscale(1) invert(1) brightness(1.08) contrast(1.25) !important;
  opacity: 1 !important;
}
html body.page-id-1324 #main .kz-logolar-oge i { color: #C0C4CA !important; }
/* Faz 7: Basinda Biz hero taslagi diger icerige fazla bosluk birakmasin. */
html body.page-id-1324 #main .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]) { min-height: 0 !important; }
html body.page-id-1324 #main .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::before { height: 210px !important; }
html body.page-id-1324 #main .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]) .kz-vhin { padding: 240px 6vw 38px !important; }
@media (max-width: 640px) {
  html body.page-id-1324 #main .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::before { height: 196px !important; }
  html body.page-id-1324 #main .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]) .kz-vhin { padding: 224px 18px 32px !important; }
}

/* Faz 7: basinda logosunu koyu temada acik ve temiz goster. */
html body.page-id-1324 #main .kz-logolar-oge img { mix-blend-mode: screen !important; }


/* Faz 7: Basinda Biz hero taslaginda gorsel ogesi degil arka plan goster. */
html body.page-id-1324 #main .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::before {
  background-image: url("/wp-content/uploads/kz/gorsel-guncellenecek-taslak.svg") !important;
  background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;
}
html body.page-id-1324 #main .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]) > img.kz-vbg { display: none !important; }
html body.page-id-1324 #main .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::after { display: none !important; }
/* Faz 7: masaustu ust menude acilir oklar metinden alt satira dusmesin. */
html body #masthead .header-nav-main > li > a.nav-top-link {
  display: inline-flex !important; flex-wrap: nowrap !important; align-items: center !important;
  white-space: nowrap !important; gap: 4px !important;
}
html body #masthead .header-nav-main > li > a.nav-top-link > i.icon-angle-down {
  display: inline-block !important; position: static !important; flex: 0 0 auto !important;
  font-size: 12px !important; line-height: 1 !important; margin: 0 !important; vertical-align: middle !important;
}/* Faz 7: SVG placeholder'ini HEMA eğitim sayfasının içerik görselinde güvenilir biçimde göster. */
html body.page-id-26 #main figure:has(> img[src*="gorsel-guncellenecek-taslak.svg"]) {
  display: block !important;
  width: min(100%, 760px) !important;
  aspect-ratio: 16 / 9 !important;
  margin: 28px auto !important;
  overflow: hidden !important;
  border: 1px solid #393E45 !important;
  border-radius: 12px !important;
  background-color: #101215 !important;
  background-image: url("/wp-content/uploads/kz/gorsel-guncellenecek-taslak.svg") !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
html body.page-id-26 #main figure:has(> img[src*="gorsel-guncellenecek-taslak.svg"]) > img { display: none !important; }

/* Faz 7: Koyu mobil ana menü; F6 açık yüzeyi ile F7 açık metninin çakışmasını gider. */
html body #kzMenu,
html body #kzMenu .kz-mgrid { background-color: #15171A !important; }
html body #kzMenu .kz-mana span,
html body #kzMenu .kz-mkapi em,
html body #kzMenu .kz-malt span { color: #B7BDC5 !important; }
html body #kzMenu .kz-mdal[data-bas="EĞİTİM"] > .kz-mana b,
html body #kzMenu .kz-mdal[data-bas="EĞİTİM"] .kz-mkapi i { color: #9CCEBE !important; }
html body #kzMenu .kz-mdal[data-bas="PRODÜKSİYON"] > .kz-mana b,
html body #kzMenu .kz-mdal[data-bas="PRODÜKSİYON"] .kz-mkapi i { color: #8FB7DB !important; }
html body #kzMenu .kz-mdal[data-bas="ORGANİZASYON"] > .kz-mana b,
html body #kzMenu .kz-mdal[data-bas="ORGANİZASYON"] .kz-mkapi i { color: #E0BB70 !important; }
html body #kzMenu .kz-mdal[data-bas="BLOG"] > .kz-mana b,
html body #kzMenu .kz-mdal[data-bas="BLOG"] .kz-mkapi i { color: #C0A5D8 !important; }
html body #kzMenu .kz-mkapi a:hover i,
html body #kzMenu .kz-malt a:hover b { color: #F1F2F3 !important; }
html body #kzMenu #kzMenuX { color: #F1F2F3 !important; z-index: 100001 !important; }

/* Faz 7: keep section labels in the same Turkish-capable Inter family as page headings. */
html body .kz-secnum,
html body .kz-vhin .kz-secnum,
html body .kz-kp-no {
  font-family: 'KZ Inter', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif !important;
}


/* Faz 7: desktop navigasyonunda ortak tipografi ve okunur dropdown kapsam metni. */
@media (min-width: 1025px) {
  html body #masthead .header-main .nav > li > a,
  html body #masthead .header-main .header-nav > li > a {
    color: #F1F2F3 !important;
    font-family: "KZ Inter", "Segoe UI", system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-decoration: none !important;
  }
  html body #masthead .header-main .nav > li:hover > a,
  html body #masthead .header-main .nav > li.current-menu-item > a,
  html body #masthead .header-main .nav > li.current-menu-ancestor > a,
  html body #masthead .header-main .nav > li.current_page_item > a,
  html body #masthead .header-main .nav > li.current_page_ancestor > a {
    color: #E0C990 !important;
  }
  html body #masthead .nav-dropdown {
    background: #1B1E22 !important;
    border-color: #393E45 !important;
  }
  html body #masthead .nav-dropdown > li > a,
  html body #masthead .nav-dropdown > li > a > .menu-item-description {
    font-family: "KZ Inter", "Segoe UI", system-ui, sans-serif !important;
  }
  html body #masthead .nav-dropdown > li > .menu-item-description,
  html body #masthead .dropdown-menu > li > .menu-item-description {
    color: #C0C4CA !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    max-width: 34ch !important;
  }
  html body #masthead .nav-dropdown > li > a:hover > .menu-item-description,
  html body #masthead .dropdown-menu > li > a:hover > .menu-item-description {
    color: #F1F2F3 !important;
  }
  html body #masthead .nav-dropdown li a:hover {
    background: #292D33 !important;
    color: #F1F2F3 !important;
  }
}


/* Faz 7: placeholder görselleri yatay ve dikey kartlarda kırpılmadan anlaşılır kalsın. */
html body #main .kz-kp-gorsel:has(> img[src*="gorsel-guncellenecek-taslak.svg"]),
html body #main .kz-pkart-gorsel:has(> img[src*="gorsel-guncellenecek-taslak.svg"]),
html body #main .kz-px-galeri figure:has(> img[src*="gorsel-guncellenecek-taslak.svg"]) {
  position: relative !important;
  overflow: hidden !important;
  background: #101215 !important;
}
html body #main .kz-kp-gorsel:has(> img[src*="gorsel-guncellenecek-taslak.svg"]) > img,
html body #main .kz-pkart-gorsel:has(> img[src*="gorsel-guncellenecek-taslak.svg"]) > img,
html body #main .kz-px-galeri figure:has(> img[src*="gorsel-guncellenecek-taslak.svg"]) > img {
  display: none !important;
}
html body #main .kz-kp-gorsel:has(> img[src*="gorsel-guncellenecek-taslak.svg"])::after,
html body #main .kz-pkart-gorsel:has(> img[src*="gorsel-guncellenecek-taslak.svg"])::after,
html body #main .kz-px-galeri figure:has(> img[src*="gorsel-guncellenecek-taslak.svg"])::after {
  content: "GÖRSEL GÜNCELLENECEK — TASLAK";
  position: absolute;
  z-index: 5;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
  box-sizing: border-box;
  border: 1px solid #C4A76A;
  color: #F1F2F3;
  background: #101215;
  text-align: center;
  font: 700 clamp(12px, 1.2vw, 16px)/1.5 "KZ Inter", "Segoe UI", system-ui, sans-serif;
  letter-spacing: .08em;
  pointer-events: none;
}


/* Faz 7: tema kapı sarmalayıcısı bazı şablonlarda #main dışına çıkıyor; fallback. */
html body .kz-kp-gorsel:has(img[src*="gorsel-guncellenecek-taslak.svg"]),
html body .kz-pkart-gorsel:has(img[src*="gorsel-guncellenecek-taslak.svg"]),
html body .kz-px-galeri figure:has(img[src*="gorsel-guncellenecek-taslak.svg"]) {
  position: relative !important; overflow: hidden !important; background: #101215 !important;
}
html body .kz-kp-gorsel:has(img[src*="gorsel-guncellenecek-taslak.svg"]) img,
html body .kz-pkart-gorsel:has(img[src*="gorsel-guncellenecek-taslak.svg"]) img,
html body .kz-px-galeri figure:has(img[src*="gorsel-guncellenecek-taslak.svg"]) img { display: none !important; }
html body .kz-kp-gorsel:has(img[src*="gorsel-guncellenecek-taslak.svg"])::after,
html body .kz-pkart-gorsel:has(img[src*="gorsel-guncellenecek-taslak.svg"])::after,
html body .kz-px-galeri figure:has(img[src*="gorsel-guncellenecek-taslak.svg"])::after {
  content: "GÖRSEL GÜNCELLENECEK — TASLAK" !important;
  position: absolute !important; z-index: 20 !important; inset: 0 !important;
  display: grid !important; place-items: center !important; padding: 18px !important;
  box-sizing: border-box !important; border: 1px solid #C4A76A !important;
  color: #F1F2F3 !important; background: #101215 !important; text-align: center !important;
  font: 700 clamp(12px, 1.2vw, 16px)/1.5 "KZ Inter", "Segoe UI", system-ui, sans-serif !important;
  letter-spacing: .08em !important; pointer-events: none !important;
}


/* Faz 7: kapı placeholder'ı portre görseli gibi kırpılmasın; başlık merkezde okunur kalsın. */
html body .kz-kp-gorsel .kz-kp-placeholder {
  position: absolute !important; z-index: 3 !important; inset: 0 !important;
  display: grid !important; align-content: center !important; justify-items: center !important;
  gap: 8px !important; padding: 18px !important; box-sizing: border-box !important;
  background: #101215 !important; border: 1px solid #C4A76A !important;
  color: #F1F2F3 !important; text-align: center !important;
  font: 700 clamp(12px, 1vw, 16px)/1.5 "KZ Inter", "Segoe UI", system-ui, sans-serif !important;
  letter-spacing: .08em !important; pointer-events: none !important;
}
html body .kz-kp-gorsel .kz-kp-placeholder strong { color: #C4A76A !important; font: inherit !important; }

/* Faz 7: restore full-height photo/video background on all real content heroes.
   The hero previously had only min-height, so percentage-height media could resolve
   against an auto-sized box and appear as a short strip above the copy. */
html body #main .kz-vhero:not(:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])) {
  height: clamp(520px, 78vh, 880px) !important;
  height: clamp(520px, 78svh, 880px) !important;
  min-height: 0 !important;
}
html body #main .kz-vhero:not(:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])) > img.kz-vbg,
html body #main .kz-vhero:not(:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])) > video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
}
html body #main .kz-vhero:not(:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])) > .kz-vhin {
  box-sizing: border-box !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding-top: clamp(180px, 30vh, 320px) !important;
  padding-bottom: clamp(38px, 6vh, 64px) !important;
  background: linear-gradient(180deg, transparent 0%, rgba(18,20,22,.08) 38%, rgba(18,20,22,.78) 100%) !important;
}
@media (max-width: 820px) {
  html body #main .kz-vhero:not(:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])) {
    height: clamp(500px, 76vh, 760px) !important;
    height: clamp(500px, 76svh, 760px) !important;
  }
  html body #main .kz-vhero:not(:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])) > .kz-vhin {
    padding: 220px 5vw 36px !important;
  }
}
/* Keep draft placeholders in normal document flow; their text and frame have a distinct layout. */
html body #main .kz-vhero:has(> img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]) {
  height: auto !important;
  min-height: clamp(420px, 70vh, 680px) !important;
}

/* Faz 7: render draft hero placeholders as a separate labeled media panel.
   Match the placeholder image anywhere inside the hero, not only as its direct child. */
html body #main .kz-vhero:has(img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]),
html body.page-id-1324 #main .kz-vhero:has(img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 18px 0 0 !important;
  background: #15171A !important;
}
html body #main .kz-vhero:has(img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]) img.kz-vbg,
html body.page-id-1324 #main .kz-vhero:has(img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]) img.kz-vbg {
  display: none !important;
}
html body #main .kz-vhero:has(img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::before,
html body.page-id-1324 #main .kz-vhero:has(img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::before {
  content: "GÖRSEL GÜNCELLENECEK — TASLAK" !important;
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: clamp(220px, 30vw, 360px) !important;
  margin: 0 24px 24px !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  border: 1px solid #C4A76A !important;
  border-radius: 4px !important;
  background: #101215 !important;
  background-image: none !important;
  color: #F1F2F3 !important;
  font: 700 clamp(14px, 2vw, 22px)/1.35 "KZ Inter", "Segoe UI", sans-serif !important;
  letter-spacing: .1em !important;
  text-align: center !important;
  pointer-events: none !important;
}
html body #main .kz-vhero:has(img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::after,
html body.page-id-1324 #main .kz-vhero:has(img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::after {
  display: none !important;
  content: none !important;
}
html body #main .kz-vhero:has(img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]) > .kz-vhin,
html body.page-id-1324 #main .kz-vhero:has(img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]) > .kz-vhin {
  position: relative !important;
  order: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 6vw 38px !important;
  box-sizing: border-box !important;
  background: transparent !important;
}
@media (max-width: 820px) {
  html body #main .kz-vhero:has(img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::before,
  html body.page-id-1324 #main .kz-vhero:has(img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"])::before {
    height: 220px !important;
    margin: 0 14px 20px !important;
    font-size: 15px !important;
  }
  html body #main .kz-vhero:has(img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]) > .kz-vhin,
  html body.page-id-1324 #main .kz-vhero:has(img.kz-vbg[src*="gorsel-guncellenecek-taslak.svg"]) > .kz-vhin {
    padding: 0 18px 30px !important;
  }
}

/* Faz 7 (GLM): gorseli olmayan kz-pkart kartlarinda etiketli yer tutucu */
html body .kz-pkart-kart:not(:has(.kz-pkart-gorsel))::before {
  content: "GÖRSEL GÜNCELLENECEK — TASLAK";
  display: flex; align-items: center; justify-content: center; text-align: center;
  aspect-ratio: 3 / 4; margin: 0 0 12px; padding: 14px;
  border: 1px solid #C4A76A; border-radius: 4px; background: #101215;
  color: #F1F2F3; font: 700 12px/1.4 "KZ Inter", "Segoe UI", sans-serif; letter-spacing: .08em;
}