/* ============================================================
   KUZGUN — Ekip sayfası + Kişisel profil (CV) sayfaları
   2026-10-18 · Faz 7 medya turu sonrası ekip yenilemesi
   Tasarım dili: var olan --kz-* token'ları, koyu tema, altın vurgu.
   ============================================================ */

/* ---------- 1) EKIP SAYFASI — EDİTORIAL IZGARA ---------- */

.kz-ekip-izgara {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    max-width: var(--kz-w);
    width: 92vw;
    margin: 10px auto 40px;
    align-items: start;
}

.kz-ekip-kart {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--kz-surface);
    border: 1px solid var(--kz-line);
    border-radius: var(--kz-r);
    overflow: hidden;
    transition: transform .32s cubic-bezier(.2,.7,.3,1), border-color .32s, box-shadow .32s;
}
.kz-ekip-kart:hover {
    transform: translateY(-6px);
    border-color: color-mix(in srgb, var(--kz-accent) 55%, var(--kz-line));
    box-shadow: 0 26px 60px rgba(0, 0, 0, .45);
}
.kz-ekip-kart:focus-within {
    border-color: color-mix(in srgb, var(--kz-accent) 70%, var(--kz-line));
}

/* --- portre --- */
.kz-ekip-foto {
    position: relative;
    display: block;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: var(--kz-deep);
}
.kz-ekip-foto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 22%;
    display: block;
    filter: saturate(.92) contrast(1.03);
    transition: transform .7s cubic-bezier(.2,.7,.3,1), filter .4s;
}
.kz-ekip-kart:hover .kz-ekip-foto img {
    transform: scale(1.045);
    filter: saturate(1.02) contrast(1.05);
}
.kz-ekip-foto::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(12,10,8,0) 46%, rgba(12,10,8,.86) 100%);
    pointer-events: none;
}
.kz-ekip-kart:hover .kz-ekip-foto::after {
    background: linear-gradient(180deg, rgba(12,10,8,0) 40%, rgba(12,10,8,.92) 100%);
}

/* rozet (kurucu) */
.kz-ekip-rozet {
    position: absolute;
    z-index: 2;
    top: 14px;
    left: 14px;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #16140F;
    background: var(--kz-accent);
    padding: 6px 12px 5px;
    border-radius: 999px;
}

/* sosyal ikonlar */
.kz-ekip-sos {
    position: absolute;
    z-index: 2;
    top: 12px;
    right: 12px;
    display: flex;
    gap: 6px;
}
.kz-ekip-sos a {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(12, 10, 8, .72);
    border: 1px solid rgba(232, 229, 221, .18);
    backdrop-filter: blur(6px);
    transition: background .25s, border-color .25s, transform .25s;
}
.kz-ekip-sos a:hover {
    background: var(--kz-accent);
    border-color: var(--kz-accent);
    transform: translateY(-2px);
}
.kz-ekip-sos .kz-ic {
    width: 15px;
    height: 15px;
    background: var(--kz-ink);
    transition: background .25s;
}
.kz-ekip-sos a:hover .kz-ic { background: #16140F; }

/* --- gövde --- */
.kz-ekip-govde {
    padding: 20px 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    flex: 1;
}
.kz-ekip-unvan {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: var(--kz-accent);
    margin: 0;
}
.kz-ekip-ad {
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700;
    color: var(--kz-ink) !important;
}
.kz-ekip-ad a {
    color: inherit !important;
    text-decoration: none !important;
}
.kz-ekip-ad a:hover { color: var(--kz-accent) !important; }
.kz-ekip-ozet {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.65;
    color: var(--kz-ink-2);
}
.kz-ekip-not {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.6;
    color: var(--kz-ink-3);
    padding-top: 10px;
    border-top: 1px solid var(--kz-line);
}
.kz-ekip-program {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.6;
    color: var(--kz-ink-3);
}
.kz-ekip-program b {
    color: var(--kz-ink-2);
    font-weight: 700;
}
.kz-ekip-link {
    margin-top: auto;
    padding-top: 14px;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--kz-accent);
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.kz-ekip-link span { transition: transform .28s; }
.kz-ekip-kart:hover .kz-ekip-link span { transform: translateX(5px); }

/* --- kurucu / öne çıkan kart --- */
.kz-ekip-kart--one {
    grid-column: span 2;
    grid-row: span 2;
    align-self: stretch;
}
/* Fotograf, kalan yuksekligi doldurur: iki satira yayilan kartin
   altinda bosluk kalmasin. */
.kz-ekip-kart--one .kz-ekip-foto {
    flex: 1 1 auto;
    aspect-ratio: auto;
    min-height: 460px;
}
.kz-ekip-kart--one .kz-ekip-ad { font-size: 30px !important; }
.kz-ekip-kart--one .kz-ekip-ozet { font-size: 15.5px; }
.kz-ekip-kart--one .kz-ekip-govde { padding: 26px 28px 30px; gap: 11px; }

/* --- bölüm başlığı --- */
.kz-ekip-ust {
    max-width: var(--kz-w);
    width: 92vw;
    margin: 26px auto 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}
.kz-ekip-ust .kz-secnum { margin: 0; }
.kz-ekip-ust p { margin: 0; color: var(--kz-ink-2); font-size: 15px; max-width: 62ch; }

/* --- bölüm arası ince ayraç --- */
.kz-ekip-ayrac {
    max-width: var(--kz-w);
    width: 92vw;
    margin: 48px auto 0;
    border: 0;
    border-top: 1px solid var(--kz-line);
}

/* ---------- 2) KİŞİSEL PROFİL SAYFASI ---------- */

/* --- hero: portre zeminli --- */
.kz-kisi-hero {
    position: relative;
    min-height: clamp(520px, 74vh, 760px);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    isolation: isolate;
}
.kz-kisi-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: cover;
    background-position: center 18%;
    filter: saturate(.9) contrast(1.05);
}
.kz-kisi-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(9,11,13,.96) 0%, rgba(9,11,13,.82) 38%, rgba(9,11,13,.30) 72%, rgba(9,11,13,.55) 100%),
        linear-gradient(0deg, rgba(9,11,13,.94) 0%, rgba(9,11,13,.20) 45%, rgba(9,11,13,.42) 100%);
}
.kz-kisi-hero-in {
    position: relative;
    z-index: 2;
    max-width: var(--kz-w);
    width: 92vw;
    margin: 0 auto;
    padding: clamp(48px, 7vw, 96px) 0 clamp(40px, 5vw, 72px);
}
.kz-kisi-hero .kz-secnum { color: var(--kz-accent); }
.kz-kisi-hero h1 {
    font-size: clamp(40px, 7.4vw, 104px) !important;
    line-height: .94 !important;
    letter-spacing: -.02em !important;
    margin: 12px 0 18px !important;
    color: #F2EFE8 !important;
    text-transform: uppercase;
}
.kz-kisi-hero .kz-kisi-ozet {
    font-size: clamp(16px, 1.7vw, 20px);
    line-height: 1.65;
    color: #C9C6BC;
    max-width: 62ch;
    margin: 0;
}
.kz-kisi-eylem {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
}
.kz-kisi-sos { display: flex; gap: 8px; }
.kz-kisi-sos a {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: 1px solid rgba(232, 229, 221, .22);
    background: rgba(9, 11, 13, .5);
    transition: background .25s, border-color .25s, transform .25s;
}
.kz-kisi-sos a:hover {
    background: var(--kz-accent);
    border-color: var(--kz-accent);
    transform: translateY(-2px);
}
.kz-kisi-sos .kz-ic { width: 17px; height: 17px; background: #E8E5DD; }
.kz-kisi-sos a:hover .kz-ic { background: #16140F; }

/* --- CV düğmesi --- */
.kz-cv-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 20px;
    border-radius: 999px;
    border: 1px solid var(--kz-accent);
    background: transparent;
    color: var(--kz-accent) !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    text-decoration: none !important;
    cursor: pointer;
    transition: background .25s, color .25s, transform .25s;
}
.kz-cv-btn:hover { background: var(--kz-accent); color: #16140F !important; transform: translateY(-2px); }
.kz-cv-btn svg { width: 15px; height: 15px; fill: currentColor; }

/* --- CV özet kutusu --- */
.kz-cv-ozet {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 46px;
    max-width: var(--kz-w);
    width: 92vw;
    margin: 8px auto 0;
    padding: 30px 0;
}
.kz-cv-ozet dl { margin: 0; display: grid; grid-template-columns: 148px 1fr; gap: 0; }
.kz-cv-ozet dt {
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--kz-ink-3);
    padding: 11px 0;
    border-top: 1px solid var(--kz-line);
}
.kz-cv-ozet dd {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: var(--kz-ink);
    padding: 11px 0;
    border-top: 1px solid var(--kz-line);
}
.kz-cv-ozet dt:first-of-type, .kz-cv-ozet dd:first-of-type { border-top: 0; }

/* --- galeri: [kz_galeri] kendi "--kz-kb-sutun" değişkenini kullanır --- */
.kz-kisi-galeri { max-width: var(--kz-w); width: 92vw; margin: 0 auto; }

/* ---------- 3) RESPONSIVE ---------- */
@media (max-width: 1100px) {
    .kz-ekip-izgara { grid-template-columns: repeat(2, 1fr); }
    .kz-ekip-kart--one { grid-column: span 2; grid-row: span 1; }
    .kz-ekip-kart--one .kz-ekip-foto { aspect-ratio: 16 / 10; flex: 0 0 auto; min-height: 0; }
    .kz-kisi-galeri .kz-gal { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px) {
    .kz-ekip-izgara { grid-template-columns: 1fr; gap: 16px; }
    .kz-ekip-kart--one { grid-column: span 1; }
    .kz-ekip-kart--one .kz-ekip-foto { aspect-ratio: 3 / 4; }
    .kz-ekip-kart--one .kz-ekip-ad { font-size: 23px !important; }
    .kz-cv-ozet { grid-template-columns: 1fr; gap: 0; }
    .kz-cv-ozet dl { grid-template-columns: 1fr; }
    .kz-cv-ozet dd { padding-top: 0; padding-bottom: 14px; border-top: 0; }
    .kz-cv-ozet dt { padding-top: 14px; }
    .kz-kisi-hero { min-height: 68vh; }
    .kz-kisi-hero::after {
        background:
            linear-gradient(0deg, rgba(9,11,13,.96) 0%, rgba(9,11,13,.78) 42%, rgba(9,11,13,.42) 100%);
    }
    .kz-kisi-galeri .kz-gal { grid-template-columns: repeat(2, 1fr); }
    .kz-kb-gal-izgara { --kz-kb-sutun: 2 !important; }
}

/* ---------- 4) YAZDIRMA / CV ÇIKTISI ---------- */
@media print {
    @page { margin: 14mm 12mm; }
    html, body {
        background: #fff !important;
        color: #000 !important;
        font-size: 10.5pt;
    }
    .kz-snav, .kz-cta, .kz-sticky-cta, .kz-vhero,
    .kz-zoom, .kz-ustmenu, .kz-site-head, .kz-site-foot,
    header#header, header.header, .header-wrapper, #masthead,
    footer, .site-footer,
    #kzMenuBtn, #kzMenu, #kzMenuX,
    .kz-kb-etk, .kz-kb-etk-dugme, .kz-kb-etk-panel,
    .kz-cv-btn, .kz-ekip-izgara, .kz-kisi-galeri,
    .kz-gal, .kz-video-izgara, .kz-vrow, .kz-lb, .kz-teklif-btn,
    .kz-btn, .kz-more,
    #wp-block-image-0, .comment-respond, .kz-yorum {
        display: none !important;
    }
    /* Hero metni kalsin (isim + unvan + ozet), yalnizca gorsel gizlensin */
    html body .kz-kisi-hero {
        min-height: 0 !important;
        display: block !important;
        background: #fff !important;
    }
    .kz-kisi-hero::after { display: none !important; }
    .kz-kisi-hero-bg { display: none !important; }
    html body .kz-kisi-hero-in {
        padding: 0 0 12pt !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    html body #main .kz-kisi-hero h1 {
        font-size: 23pt !important;
        color: #000 !important;
        margin: 0 0 6pt !important;
    }
    html body .kz-kisi-hero .kz-secnum { color: #444 !important; }
    html body .kz-kisi-hero .kz-kisi-ozet { color: #222 !important; font-size: 10.5pt; }
    html body [data-world] .kz-sec,
    html body [data-world] .kz-split,
    html body [data-world] .kz-cv-ozet,
    html body [data-world] .kz-cards,
    html body [data-world] .kz-ozellikler,
    html body [data-world] .kz-isimler {
        width: 100% !important;
        max-width: 100% !important;
        padding: 9pt 0 !important;
        margin: 0 0 8pt !important;
        background: #fff !important;
        color: #000 !important;
    }
    html body [data-world] .kz-sec { border-top: .5pt solid #ccc !important; }
    .kz-split { display: block; }
    .kz-split figure, .kz-split img { display: none !important; }
    html body [data-world] .kz-sec h2,
    html body [data-world] .kz-sec h3,
    html body [data-world] .kz-sec h4,
    html body [data-world] h2,
    html body [data-world] h3,
    html body [data-world] h4 {
        color: #000 !important;
        font-size: 12.5pt !important;
        page-break-after: avoid;
    }
    /* Kontrast katmani "html body .kz-sec p { color:#C0C4CA !important }"
       kullaniyor; burada daha spesifik secicilerle koyu renge zorlanir. */
    html body [data-world] .kz-sec p,
    html body [data-world] .kz-sec li,
    html body [data-world] .kz-sec figcaption,
    html body [data-world] .kz-split p,
    html body [data-world] .kz-lede,
    html body [data-world] .kz-ozellikler p,
    html body [data-world] .kz-ozellikler b,
    html body [data-world] .kz-card2 p,
    html body [data-world] .kz-cbody p,
    html body [data-world] .kz-isimler,
    html body [data-world] .kz-cv-ozet dd {
        color: #1a1a1a !important;
        font-size: 10.5pt !important;
        line-height: 1.45 !important;
    }
    html body [data-world] .kz-secnum { color: #555 !important; font-size: 8.5pt !important; }
    html body [data-world] .kz-cv-ozet dt { color: #444 !important; border-top: .5pt solid #bbb !important; }
    html body [data-world] .kz-cv-ozet dd { border-top: .5pt solid #bbb !important; }
    html body [data-world] .kz-cards { grid-template-columns: 1fr 1fr !important; gap: 7pt !important; }
    html body [data-world] .kz-card2 {
        border: .5pt solid #bbb !important;
        background: #fff !important;
        box-shadow: none !important;
        break-inside: avoid;
    }
    html body [data-world] .kz-card2 h3,
    html body [data-world] .kz-card2 p,
    html body [data-world] .kz-card2 .kz-tag { color: #1a1a1a !important; }
    .kz-prow { break-inside: avoid; }
    .kz-prow img { max-height: 18mm; width: auto; }
    .kz-prow h3, .kz-prow span { color: #1a1a1a !important; }
    a { text-decoration: none !important; color: #000 !important; }
    .kz-cv-url {
        display: block !important;
        font-size: 8.5pt;
        color: #666 !important;
        margin-top: 8pt;
    }
}
.kz-cv-url { display: none; }