:root {
    --nko-bg: #120f0d;
    --nko-panel: #1b1714;
    --nko-text: #eadfd5;
    --nko-muted: #b9a99a;
    --nko-accent: #d4a56a;
    --nko-warm: #d8b08b;
    --nko-border: rgba(216,176,139,.14);
}

/* =====================================================
   SAYFA
   ===================================================== */

body.single-nisa_kitap {
    background: var(--nko-bg);
}

.single-nisa_kitap .site-content,
.single-nisa_kitap .content-area,
.single-nisa_kitap .site-main {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nko-reader {
    --scale: 1;

    position: relative;

    min-height: 100vh;

    background: var(--nko-bg);
    color: var(--nko-text);

    font-family: Georgia, "Times New Roman", serif;
}


/* =====================================================
   ÜST OKUYUCU MENÜSÜ
   ===================================================== */

.nko-top {
    position: sticky;
    top: 0;
    z-index: 100;

    height: 60px;

    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;

    padding: 0 24px;

    background: rgba(18,15,13,.97);

    border-bottom: 1px solid var(--nko-border);

    box-sizing: border-box;
}


/* =====================================================
   ÜST BUTONLAR
   ===================================================== */

.nko-top-btn,
.nko-nav,
.nko-chapter-link {

    appearance: none;
    -webkit-appearance: none;

    border: 0;
    outline: none;

    background: transparent;

    color: #cdbdad;

    cursor: pointer;

    box-shadow: none;
}


.nko-top-btn {

    padding: 8px 10px;

    border-radius: 6px;

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 1;
}


.nko-top-btn:hover {

    background: rgba(255,255,255,.05);

    color: #ffffff;
}


/* =====================================================
   KİTAP ADI
   ===================================================== */

.nko-book-title {

    text-align: center;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: .06em;

    color: #f7f3ef;

    white-space: nowrap;
}


.nko-tools {

    justify-self: end;

    display: flex;

    align-items: center;

    gap: 5px;
}


/* =====================================================
   SOL İÇİNDEKİLER PANELİ
   ===================================================== */

.nko-sidebar {

    position: fixed;

    left: 0;

    /*
       60px okuyucunun kendi üst menüsü.
       Tema header'ı okuyucudan önce olduğu için
       fixed konum viewport'a göre hesaplanır.
    */

    top: 60px;

    bottom: 58px;

    z-index: 90;

    width: 360px;

    background: rgba(27,23,20,.985);

    border-right: 1px solid var(--nko-border);

    box-shadow:
        12px 0 35px rgba(0,0,0,.35);

    transform: translateX(-101%);

    transition:
        transform .25s ease;

    overflow-y: auto;
    overflow-x: hidden;

    box-sizing: border-box;
}


/* Menü açıldığında */

.nko-sidebar.open {

    transform: translateX(0);
}


/* =====================================================
   İÇİNDEKİLER BAŞLIĞI
   ===================================================== */

.nko-sidebar-title {

    display: block;

    padding:

        30px
        28px
        22px
        28px;

    color: #cdbdad;

    font-family: Arial, sans-serif;

    font-size: 12px;

    font-weight: 600;

    line-height: 1.4;

    letter-spacing: .22em;

    text-transform: uppercase;

    box-sizing: border-box;
}


/* =====================================================
   BÖLÜM LİSTESİ
   ===================================================== */

.nko-chapter-link {

    position: relative;

    width: 100%;

    min-height: 58px;

    display: grid;

    grid-template-columns:
        42px
        minmax(0,1fr);

    align-items: start;

    gap: 12px;

    padding:

        17px
        28px;

    margin: 0;

    text-align: left;

    border-left:
        3px solid transparent;

    border-radius: 0;

    color: #d8c9bb;

    box-sizing: border-box;
}


/* Bölüm numarası */

.nko-chapter-link span {

    display: block;

    padding-top: 4px;

    color: #9f8f80;

    font-family: Arial, sans-serif;

    font-size: 11px;

    font-weight: 400;

    line-height: 1.2;

    letter-spacing: .08em;
}


/* Bölüm adı */

.nko-chapter-link strong {

    display: block;

    min-width: 0;

    color: inherit;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.35;

    white-space: normal;

    word-break: normal;

    overflow-wrap: break-word;

    text-overflow: clip;

    overflow: visible;
}


/* Hover */

.nko-chapter-link:hover {

    background:
        rgba(255,255,255,.035);

    color: #ffffff;
}


/* Aktif bölüm */

.nko-chapter-link.active {

    color: #e2b98f;

    border-left-color:
        var(--nko-warm);

    background:

        linear-gradient(

            90deg,

            rgba(216,176,139,.16),

            rgba(216,176,139,.05)

        );
}


/* =====================================================
   OKUMA ALANI
   ===================================================== */

.nko-reading {

    width: 100%;

    margin: 0;

    padding: 0;

    box-sizing: border-box;
}


/* =====================================================
   BÖLÜM
   ===================================================== */

.nko-chapter-page {

    display: none;

    width:
        min(
            calc(100% - 60px),
            920px
        );

    margin:
        0 auto;

    padding:

        55px
        0
        120px
        0;

    box-sizing: border-box;
}


/* Aktif bölüm */

.nko-chapter-page.active {

    display: block;
}


/* =====================================================
   BÖLÜM BAŞLIK ALANI
   ===================================================== */

.nko-chapter-header {

    text-align: center;

    margin-bottom: 70px;
}


/* BÖLÜM 1 */

.nko-label {

    margin-bottom: 35px;

    color: #b9a99a;

    font-family:
        Arial,
        sans-serif;

    font-size: 10px;

    font-weight: 400;

    letter-spacing: .34em;

    text-transform: uppercase;
}


/* GÜN 1 / KIYIM vs */

.nko-chapter-header h1 {

    margin: 0;

    padding: 0;

    color: #f3e8de;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            44px,
            5vw,
            70px
        );

    font-weight: 400;

    line-height: 1.1;

    letter-spacing: .025em;

    text-transform: uppercase;
}


/* Alt başlık */

.nko-subtitle {

    margin-top: 34px;

    color: #c8b7a8;

    font-size: 21px;

    font-style: italic;

    line-height: 1.4;
}


/* Kırmızı üç işaret */

.nko-ornament {

    margin-top: 60px;

    color: var(--nko-accent);

    font-size: 13px;

    line-height: 1;

    letter-spacing: .40em;
}


/* =====================================================
   KİTAP METNİ
   ===================================================== */

.nko-content {

    max-width: 780px;

    margin:
        0 auto;

    padding: 0;

    color: #eadfd5;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        calc(
            19px * var(--scale)
        );

    font-weight: 400;

    line-height: 1.9;

    letter-spacing: -.01em;

    box-sizing: border-box;
}


.nko-content p {

    margin:

        0
        0
        1.35em
        0;
}


.nko-content p:first-child {

    margin-top: 0;
}


.nko-content strong {

    color: #fff7ef;

    font-weight: 600;
}


.nko-content em {

    color: #e6d7ca;
}


.nko-content blockquote {

    margin:

        2em
        1.5em;

    padding-left:
        1.3em;

    border-left:
        2px solid #4e443d;

    color: #c9b8aa;

    font-style: italic;
}


/* =====================================================
   ALT BÖLÜM GEÇİŞ MENÜSÜ
   ===================================================== */

.nko-bottom {

    position: fixed;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 95;

    height: 58px;

    display: grid;

    grid-template-columns:
        1fr
        auto
        1fr;

    align-items: center;

    padding:
        0 22px;

    background:
        rgba(9,8,7,.97);

    border-top:
        1px solid var(--nko-border);

    box-sizing: border-box;
}


/* Önceki / sonraki */

.nko-nav {

    padding:
        9px
        13px;

    border-radius: 6px;

    font-family:
        Arial,
        sans-serif;

    font-size: 12px;

    line-height: 1.2;

    color: #cbb9aa;
}


.nko-nav:hover {

    color: #ffffff;

    background:
        rgba(255,255,255,.04);
}


.nko-next {

    justify-self: end;
}


.nko-nav:disabled {

    opacity: .25;

    cursor: default;
}


/* 1 / 10 */

.nko-progress {

    color: #ad9a89;

    font-family:
        Arial,
        sans-serif;

    font-size: 11px;

    letter-spacing: .08em;
}


/* =====================================================
   BÖLÜM YOKSA
   ===================================================== */

.nko-empty {

    max-width: 780px;

    margin:
        80px auto;

    padding:
        25px;

    color: #d8c9bb;

    border:
        1px solid var(--nko-border);

    box-sizing: border-box;
}


/* =====================================================
   FULL SCREEN
   ===================================================== */

.nko-reader:fullscreen {

    overflow-y: auto;

    background:
        var(--nko-bg);
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1000px) {

    .nko-sidebar {

        width: 330px;
    }

    .nko-chapter-page {

        width:
            min(
                calc(100% - 50px),
                850px
            );
    }

    .nko-content {

        max-width: 720px;
    }
}


/* =====================================================
   MOBİL
   ===================================================== */

@media (max-width: 700px) {

    .nko-top {

        height: 54px;

        padding:
            0 8px;

        grid-template-columns:
            1fr
            auto
            1fr;
    }


    .nko-top-btn {

        padding:
            7px 8px;

        font-size: 11px;
    }


    .nko-top-btn span {

        display: none;
    }


    .nko-book-title {

        max-width: 160px;

        overflow: hidden;

        text-overflow: ellipsis;

        font-size: 12px;
    }


    /* Mobil İçindekiler */

    .nko-sidebar {

        top: 54px;

        bottom: 56px;

        width:
            min(
                88vw,
                340px
            );
    }


    .nko-sidebar-title {

        padding:
            24px
            22px
            17px;

        font-size: 11px;
    }


    .nko-chapter-link {

        grid-template-columns:
            36px
            minmax(0,1fr);

        gap: 9px;

        padding:
            15px
            22px;
    }


    .nko-chapter-link span {

        font-size: 10px;
    }


    .nko-chapter-link strong {

        font-size: 17px;
    }


    /* Bölüm */

    .nko-chapter-page {

        width:
            calc(100% - 32px);

        padding:

            38px
            0
            100px;
    }


    .nko-chapter-header {

        margin-bottom:
            45px;
    }


    .nko-label {

        margin-bottom:
            26px;

        font-size:
            9px;
    }


    .nko-chapter-header h1 {

        font-size:
            clamp(
                36px,
                13vw,
                54px
            );
    }


    .nko-subtitle {

        margin-top:
            28px;

        font-size:
            18px;
    }


    .nko-ornament {

        margin-top:
            42px;
    }


    /* Kitap metni */

    .nko-content {

        font-size:
            calc(
                17px * var(--scale)
            );

        line-height:
            1.82;
    }


    /* Alt menü */

    .nko-bottom {

        height:
            56px;

        padding:
            0 8px;
    }


    .nko-nav {

        padding:
            7px 8px;

        font-size:
            11px;
    }
}
/* =====================================================
   TEMA UYUMU VE OKUNABİLİRLİK EKLERİ
   ===================================================== */

.nko-top > .nko-top-btn {
    justify-self: start;
    width: auto !important;
    min-width: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.nko-tools .nko-top-btn {
    width: auto !important;
    min-width: 0 !important;
}

.nko-top-btn,
.nko-nav {
    text-transform: none !important;
    letter-spacing: normal !important;
}

.nko-reading {
    background:
        radial-gradient(circle at 50% 0%, rgba(216,176,139,.035), transparent 28%),
        var(--nko-bg);
}

.nko-chapter-link:hover {
    background: rgba(216,176,139,.07);
    color: #fff7ef;
}

.nko-chapter-link.active {
    box-shadow: inset 3px 0 0 var(--nko-warm);
}

.nko-top {
    box-shadow: 0 6px 24px rgba(0,0,0,.18);
}

.nko-bottom {
    background: rgba(18,15,13,.975);
    box-shadow: 0 -8px 28px rgba(0,0,0,.20);
}

.nko-nav:not(:disabled):hover {
    color: #fff7ef;
    background: rgba(216,176,139,.08);
}

.nko-book-title {
    font-family: Georgia, "Times New Roman", serif;
}

.nko-content a {
    color: var(--nko-warm);
}

.nko-content a:hover {
    color: #f1c79f;
}

/* =========================================
   ORTA KİTAP OKUMA ALANI - KREM/KAHVE
   ========================================= */

.nko-reader .nko-reading {
    background: #3a2f28 !important;
    min-height: 100vh !important;
}

.nko-reader .nko-chapter-page {
    background: transparent !important;
}

/* Ana kitap metni */
.nko-reader .nko-content {
    color: #f2e3d2 !important;
}

/* Normal paragraflar */
.nko-reader .nko-content p {
    color: #f2e3d2 !important;
}

/* GÜN 1 / GÜN 2 */
.nko-reader .nko-chapter-header h1 {
    color: #fff4e8 !important;
}

/* BÖLÜM 1 / BÖLÜM 2 */
.nko-reader .nko-label {
    color: #d9b994 !important;
}

/* Yıldızlar */
.nko-reader .nko-ornament {
    color: #e0ad70 !important;
}

/* İtalik yazılar */
.nko-reader .nko-content em,
.nko-reader .nko-content i {
    color: #ead2b8 !important;
}

/* Kalın yazılar */
.nko-reader .nko-content strong,
.nko-reader .nko-content b {
    color: #fff6ec !important;
}