/*
 * zendoor-ek-tanimlar.css — eksik sinif tamamlamalari
 * Katalog/vitrin kimligi: yeşil, altın, bakır. Hardcoded renk yok.
 */

/* === UTILITY === */
.zendoor-font-600 { font-weight: 600; }
.zendoor-kart {
    background: var(--tema-yuzey, #fff);
    border: 1px solid var(--tema-cizgi, rgba(15, 36, 32, 0.12));
    border-radius: var(--tema-kose-md, 4px);
    box-shadow: var(--tema-golge-md, 0 4px 20px rgba(15, 36, 32, 0.08));
    padding: var(--tema-bosluk-lg, 1.5rem);
}
.zendoor-logo-kare {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: var(--tema-kose-md, 4px);
    background: var(--tema-birincil, #1C3A33);
    color: var(--tema-metal-parlak, #E0C870);
    font-weight: 700;
}
.zendoor-siralama-select {
    border: 1px solid var(--tema-cizgi, rgba(15, 36, 32, 0.12));
    border-radius: var(--tema-kose-md, 4px);
    padding: 0.45rem 0.8rem;
    background: var(--tema-yuzey, #fff);
    color: var(--tema-metin, #2C2C2C);
}
.zendoor-dialog-katalog {
    max-width: min(960px, 92vw);
    width: 100%;
}
.zendoor-gunduz { color: var(--tema-metin, #2C2C2C); background: var(--tema-arkaplan, #F4F1EC); }
.zendoor-ozel-tema {
    background: linear-gradient(135deg, var(--tema-koyu-bolum, #16211E), var(--tema-koyu-bolum-2, #1C3A33));
    color: var(--tema-metin-ters, #F4F1EC);
}

/* === ROZETLER === */
.zendoor-rozet-3d {
    background: var(--tema-metal-gizem, rgba(198, 164, 92, 0.18));
    color: var(--tema-vurgu-koyu, #A8874A);
    border: 1px solid var(--tema-metal, #C6A45C);
    border-radius: var(--tema-kose-tam, 9999px);
    padding: 0.15rem 0.6rem;
    font-size: 0.75rem;
}
.zendoor-rozet-koleksiyon {
    background: rgba(28, 58, 51, 0.10);
    color: var(--tema-birincil, #1C3A33);
    border: 1px solid rgba(28, 58, 51, 0.20);
    border-radius: var(--tema-kose-tam, 9999px);
    padding: 0.15rem 0.6rem;
    font-size: 0.75rem;
}
.zendoor-rozet-yeni {
    background: var(--tema-bakir, #C25E3A);
    color: var(--tema-metin-ters, #F4F1EC);
    border-radius: var(--tema-kose-tam, 9999px);
    padding: 0.15rem 0.6rem;
    font-size: 0.75rem;
}

/* === URUN KART === */
.zendoor-urun-kart--glass {
    background: var(--tema-cam-bg, rgba(255, 255, 255, 0.72));
    backdrop-filter: var(--tema-cam-blur, blur(20px) saturate(150%));
    -webkit-backdrop-filter: var(--tema-cam-blur, blur(20px) saturate(150%));
    border: 1px solid var(--tema-cam-cizgi, rgba(15, 36, 32, 0.10));
    border-radius: var(--tema-kose-md, 4px);
}
.zendoor-urun-kart--solid {
    background: var(--tema-yuzey, #fff);
    border: 1px solid var(--tema-cizgi, rgba(15, 36, 32, 0.12));
    border-radius: var(--tema-kose-md, 4px);
}
.zendoor-urun-kart-gorsel-sarici {
    position: relative;
    overflow: hidden;
    border-radius: var(--tema-kose-md, 4px);
    aspect-ratio: 3 / 4;
    background: var(--tema-arkaplan-2, #EDE8E0);
}
.zendoor-urun-kart-aciklama {
    color: var(--tema-metin-ikincil, #5A6B60);
    font-size: 0.92rem;
    line-height: 1.55;
}
.zendoor-urun-kart-rozetler {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

/* === KONFIGURATOR ISKELET === */
.zendoor-public-konfigurator {
    display: grid;
    grid-template-columns: 280px 1fr 320px;
    gap: var(--tema-bosluk-md, 1rem);
    min-height: 60vh;
}
.zendoor-konfigurator-sarici {
    display: flex;
    flex-direction: column;
    gap: var(--tema-bosluk-md, 1rem);
}
.zendoor-konfigurator-sol-panel,
.zendoor-konfigurator-sag-panel {
    background: var(--tema-yuzey, #fff);
    border: 1px solid var(--tema-cizgi, rgba(15, 36, 32, 0.12));
    border-radius: var(--tema-kose-md, 4px);
    padding: var(--tema-bosluk-md, 1rem);
}
@media (max-width: 1100px) {
    .zendoor-public-konfigurator { grid-template-columns: 1fr; }
}

/* === PARCA SECICI === */
.zendoor-parca-panel {
    background: var(--tema-yuzey, #fff);
    border: 1px solid var(--tema-cizgi, rgba(15, 36, 32, 0.12));
    border-radius: var(--tema-kose-md, 4px);
    padding: var(--tema-bosluk-sm, 0.5rem);
}
.zendoor-parca-kalem {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.75rem;
    border-radius: var(--tema-kose-md, 4px);
    cursor: pointer;
    transition: background var(--tema-gecis-hizli, 0.15s ease);
}
.zendoor-parca-kalem:hover { background: var(--tema-yuzey-hover, #F8F6F1); }
.zendoor-parca-ad { color: var(--tema-metin, #2C2C2C); font-size: 0.92rem; }
.zendoor-parca-ad-secili { color: var(--tema-birincil, #1C3A33); font-weight: 600; }
.zendoor-parca-secili {
    background: var(--tema-metal-gizem, rgba(198, 164, 92, 0.18));
    border: 1px solid var(--tema-metal, #C6A45C);
    border-radius: var(--tema-kose-md, 4px);
}

/* === RENK SECICI === */
.zendoor-renk-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 36, 32, 0.45);
    z-index: 1050;
}
.zendoor-renk-panel {
    background: var(--tema-yuzey, #fff);
    border-radius: var(--tema-kose-lg, 8px);
    box-shadow: var(--tema-golge-xl, 0 20px 60px rgba(15, 36, 32, 0.16));
    padding: var(--tema-bosluk-lg, 1.5rem);
}
.zendoor-renk-panel-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 0.6rem;
}
.zendoor-renk-onizleme-kutu {
    width: 100%;
    aspect-ratio: 1;
    border-radius: var(--tema-kose-md, 4px);
    border: 1px solid var(--tema-cizgi, rgba(15, 36, 32, 0.12));
}
.zendoor-renk-secili {
    outline: 2px solid var(--tema-metal, #C6A45C);
    outline-offset: 2px;
}
.zendoor-renk-secili-ad { color: var(--tema-birincil, #1C3A33); font-weight: 600; }
.zendoor-renk-tik {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    color: var(--tema-metal-parlak, #E0C870);
}

/* === VIEWER === */
.zendoor-viewer-alt-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: var(--tema-yuzey, #fff);
    border-top: 1px solid var(--tema-cizgi, rgba(15, 36, 32, 0.12));
}
.zendoor-viewer-durum {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--tema-metin-ikincil, #5A6B60);
    font-size: 0.85rem;
}
.zendoor-viewer-durum-nokta {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--tema-basari, #4A7C59);
}
.zendoor-viewer-metrik {
    font-family: var(--tema-font-mono, monospace);
    font-size: 0.82rem;
    color: var(--tema-metin-soluk, #8A9A90);
}

/* 2026 VIP Katalog flipbook */
.zendoor-katalog-kapsayici {
    max-width: var(--tema-icerik-genislik);
    margin: 0 auto;
    padding: 3rem 2rem;
    text-align: center;
}
.zendoor-flipbook {
    max-width: 820px;
    margin: 0 auto;
}
.zendoor-flipbook__baslik {
    font-family: var(--tema-font-baslik);
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--tema-metin);
    margin-bottom: 1rem;
}
.zendoor-flipbook__aciklama {
    color: var(--tema-metin-ikincil);
    font-size: 1.15rem;
    line-height: 1.6;
    margin-bottom: 2.5rem;
}
.zendoor-flipbook__cerceve {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    background: var(--tema-arkaplan-2);
}
.zendoor-flipbook__sayfa {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}
.zendoor-flipbook__kontrol {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 1.75rem;
}
.zendoor-flipbook__sayac {
    font-family: var(--tema-font-mono, monospace);
    font-size: 1.1rem;
    color: var(--tema-metin-ikincil);
    min-width: 6rem;
}

/* === BOS DUYEN === */
.zendoor-bos-duzen {
    background: var(--tema-koyu-bolum, #16211E);
    min-height: 100vh;
}