/* =========================================================
   KART DÜZENİ

   Masaüstü:
   Dizi / Film = 6 kart
   Bölümler = 5 kart

   Mobil:
   Dizi / Film = 3 kart
   Bölümler = 1 kart
   ========================================================= */


/* =========================================================
   ANA KART ALANLARI
   ========================================================= */

.diziler,
.films,
.episodes {
    display: flex !important;
    flex-wrap: wrap !important;

    width: 100% !important;

    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   DİZİ / FİLM
   MASAÜSTÜ = 6 KART
   ========================================================= */

.diziler .list-series,
.films .list-series {
    flex: 0 0 calc(100% / 6) !important;

    width: calc(100% / 6) !important;
    max-width: calc(100% / 6) !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 5px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SON EKLENEN BÖLÜMLER
   MASAÜSTÜ = 5 KART
   ========================================================= */

.episodes .list-series,
.episodes .list-episodes {
    flex: 0 0 calc(100% / 5) !important;

    width: calc(100% / 5) !important;
    max-width: calc(100% / 5) !important;
    min-width: 0 !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


/* Bölüm kutusu */
.episodes .episode-box {
    width: 100% !important;

    margin-bottom: 10px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   KARTLAR
   ========================================================= */

.diziler .episode-box,
.films .episode-box {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
}


/* Poster */
.diziler .poster,
.films .poster,
.episodes .poster {
    width: 100%;
    max-width: 100%;

    box-sizing: border-box;
    overflow: hidden;
}


/* Poster resimleri */
.diziler .poster img,
.films .poster img,
.episodes .poster img {
    display: block;

    width: 100%;
    max-width: 100%;

    height: auto;

    object-fit: cover;
}


/* =========================================================
   GENEL ARKA PLAN
   ========================================================= */

body {
    background: #000;
}


/* =========================================================
   HEADER / MENÜ
   ========================================================= */

#header,
.topnav {
    background: #000 !important;
}


#wrap {
    background: #141414;
}


#footer {
    background: linear-gradient(
        to right,
        rgb(12 12 12) 45%,
        rgb(0 0 0 / 55%) 100%
    );
}


.topnav a,
#alphabetical-category .alphabetical-category-link,
form.example button,
form.example input[type="text"]::placeholder {
    color: #fff;
}


/* =========================================================
   GÖRÜNÜM / KATEGORİ
   ========================================================= */

#gorunum {
    background: #000;
}


.bolumust:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}


.tumunugor a,
.dizimeta {
    color: #fff !important;
}


.tarih {
    color: #fff !important;
}


.genres {
    background: rgb(112 112 112 / 45%);
}


.genres:hover {
    background: #000;
}


.btn.active {
    border-color: #afafaf;
}


/* =========================================================
   YORUM / İÇERİK
   ========================================================= */

#respond,
.comment_send {
    background: rgb(0 0 0 / 55%);
    color: #fff;
}


#icerikcat {
    background: rgb(0 0 0 / 55%);
}


.comment_spoiler {
    background: rgb(26 26 26 / 85%);
    color: #fff;
}


.current_dil,
.ac-kapa,
.hatali,
.wl_add {
    background: rgb(112 112 112 / 45%);
}


.current_dil:hover,
.ac-kapa:hover,
.hatali:hover,
.wl_add:hover {
    background: rgb(112 112 112);
}


.lets_comment,
span.countcom,
.footerleft {
    color: #8b8b8b;
}


/* =========================================================
   LIKE / DISLIKE
   ========================================================= */

.pld-like-wrap,
.pld-dislike-wrap {
    background: #000 !important;
}


/* =========================================================
   DİĞER BÖLÜMLER
   ========================================================= */

.otherepisodes:hover,
#benzerli:hover {
    background: rgb(112 112 112 / 45%) !important;
}


.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background: #000;
}


/* =========================================================
   SAYFALAMA
   ========================================================= */

a.page-numbers,
span.page-numbers {
    background: rgb(26 24 32);
}


span.page-numbers.current {
    background: rgb(54 54 54) !important;
}


.sayfalama > strong {
    background: rgb(54 54 54) !important;
}


.sayfalama > a {
    background: rgb(26 24 32) !important;
}


/* =========================================================
   BUTON / LINK
   ========================================================= */

.go,
.otherepisodes.current .wl_add,
.small-button {
    color: #fff !important;
}


.otherepisodes.current,
.cat-title a {
    color: #fff;
}


/* =========================================================
   FORM / FİLTRE
   ========================================================= */

select.nameclass,
#filterseries input,
#category-button input:checked + span {
    background: rgb(12 12 12);
}


#category-button label span,
span.totalseries {
    color: #a7a7a7;
}


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

#genel,
#bolumbilgi,
#alt {
    background: rgb(0 0 0 / 88%) !important;
}


.lazy {
    background: rgb(26 24 32);
}


.next-prev a {
    background: rgb(126 126 126 / 25%);
}


.bolum-ismi,
.container .bolum-ismi {
    color: #afafaf;
}


.listhead,
#datafetch {
    background: #000;
}


/* =========================================================
   BAŞLIK RENKLERİ
   ========================================================= */

.bd-purple {
    border-color: #e10600 !important;
}


/* =========================================================
   TABLET + MOBİL
   ========================================================= */

@media screen and (max-width: 768px) {

    /* Dizi / Film = 3 kart */

    .diziler .list-series,
    .films .list-series {
        flex: 0 0 calc(100% / 3) !important;

        width: calc(100% / 3) !important;
        max-width: calc(100% / 3) !important;

        min-width: 0 !important;

        padding: 4px !important;
    }


    /* Son Eklenen Bölümler = 1 kart */

    .episodes .list-series,
    .episodes .list-episodes {
        flex: 0 0 100% !important;

        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;
    }


    .episodes .episode-box {
        width: 100% !important;

        margin-bottom: 12px !important;

        box-sizing: border-box !important;
    }
}


/* =========================================================
   KÜÇÜK TELEFON
   DİZİ / FİLM YİNE 3 KART
   ========================================================= */

@media screen and (max-width: 480px) {

    .diziler .list-series,
    .films .list-series {
        flex: 0 0 calc(100% / 3) !important;

        width: calc(100% / 3) !important;
        max-width: calc(100% / 3) !important;

        padding: 3px !important;
    }
}