/*
    =================================================
    28. HAREKETLER
    =================================================
*/

@keyframes katmanGiris {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@keyframes pencereGiris {
    from {
        opacity: 0;

        transform:
            translateY(-6px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }
}


/*
    Hareket azaltma tercihine saygı.
*/
@media (
    prefers-reduced-motion: reduce
) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }
}


/*
    =================================================
    29. DUYARLI EKRAN AYARLARI
    =================================================
*/

@media (
    max-width: 1200px
) {
    :root {
        --sol-panel-genislik: 224px;
        --sag-panel-genislik: 280px;
    }
}


@media (
    max-width: 1000px
) {
    .calismaHeaderProgramAdi {
        display: none;
    }


    .calismaHeader {
        grid-template-columns:
            auto
            minmax(120px, 1fr)
            auto;

        gap: 8px;
    }
}


@media (
    max-width: 820px
) {
    .calismaHeaderBilgi {
        display: none;
    }


    .calismaHeaderBtn {
        padding:
            0
            8px;

        font-size:
            var(--yazi-mini);
    }


    .durumCubuguBolum {
        padding:
            0
            6px;
    }
}


@media (
    max-width: 700px
) {
    :root {
        --sag-panel-genislik: 260px;
    }


    .calismaModSekmesi {
        min-width: 76px;

        padding:
            0
            8px;
    }


    .gorunumHudBtn {
        min-width: 28px;

        padding:
            0
            6px;
    }
}


@media (
    max-width: 600px
) {
    .kutuphaneyeKaydetKatmani,
    .parcaEklemeKatmani,
    .rafEklemeKatmani,
    .dolapBakisYonuKatmani {
        padding: 10px;
    }


    .kutuphaneyeKaydetFormGrubu,
    .parcaEklemeFormGrubu,
    .rafEklemeFormSatiri,
    .rafEklemeYerlesimSatiri,
    .sagPanelFormSatiri,
    .sagPanelSayiAlani {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 3px;
    }


    .kutuphaneyeKaydetMenuSecimAlani {
        grid-template-columns:
            minmax(0, 1fr);
    }


    .kutuphaneyeKaydetYeniMenuBtn {
        width: 100%;
    }
}


@media (
    max-width: 520px
) {
    .menuSatiri {
        padding-left:
            calc(
                3px +
                (
                    var(--menu-derinlik, 0)
                    * 9px
                )
            );
    }
}