div#main-navigation-bar {
    background: #000000!important;
}
/* "Eski yazılar" butonunu ve kapsayıcısını tamamen gizle */
#infinite-handle {
    display: none !important;
}
.search-icon {
    color: #ffffff !important;
}
#aft-dark-light-mode-wrap a {
    background: rgb(255 0 0 / 64%) !important;
}
.aft-popular-taxonomies-lists{
	display:none !important;
}
img.custom-logo{
	width:600px!important;
}
/* 1. Tüm İç Katmanların Arka Planını ve Gradyanlarını Kökten Siliyoruz */
div.asl_w.asl_m, 
div.asl_w.asl_m .pro_container, 
div.asl_w.asl_m .pro_input,
div.asl_w.asl_m .promagnifier {
    background-color: #262626 !important; /* Sitenin koyu gri rengi */
    background-image: none !important;    /* O cırtlak gri gradyanı çöpe atıyoruz */
    box-shadow: none !important;
}

/* 2. Genişlik ve Konum Ayarı (Kutuyu büyütüyoruz) */
div.asl_w.asl_m {
    width: 400px !important; /* Genişliği buradan dilediğin gibi (örn: 400px) arttırabilirsin kanka */
    max-width: 100% !important;
    border: 1px solid #2d2d2d !important; /* Şık ince çerçeve */
    border-radius: 6px !important;         /* Hafif modern oval köşe */
    float: right !important;
    margin-top: 6px !important;            /* Logoyla dikeyde jilet gibi hizalama payı */
}

/* 3. Yazı Alanı ve Placeholder Ayarları */
div.asl_w .pro_input input.orig {
    color: #ffffff !important; /* Yazı rengi saf beyaz */
    background: transparent !important;
    font-size: 14px !important;
}

div.asl_w .pro_input input.orig::placeholder {
    color: #888888 !important; /* "Aramak istediğinizi yazınız" yazısının rengi */
}

/* 4. Sağdaki Büyüteç İkonunu Beyaz Yapma */
div.asl_w .promagnifier .innerxml svg {
    fill: #ffffff !important;
}

/* 5. 🔥 Kutunun Üzerine Gelince veya Tıklayınca Kamera Arkası Kırmızısı Parlama */
div.asl_w.asl_m:hover,
div.asl_w.asl_m:focus-within {
    border-color: #ff0000 !important;
    box-shadow: 0 0 12px rgba(255, 0, 0, 0.5) !important;
    transition: all 0.2s ease-in-out !important;
}
@media (max-width: 768px) {
    .show-time, 
    .date, 
    .current-date,
    .header-date,
    div[class*="time"], 
    span[class*="time"],
    div[class*="date"],
    span[class*="date"] {
        display: none !important;
    }
}
@media (max-width: 768px) {
    /* Hamburger ikonunun hem kendisini (orta çizgi) hem de üst ve alt çizgilerini beyaza boyar */
    body #main-navigation-bar .ham,
    body #main-navigation-bar .ham::before,
    body #main-navigation-bar .ham::after {
        background-color: #ffffff !important;
    }
}
/* /* ===================================================
   MY CALENDAR - ULTRA SPECIFICITY CINEMATIC DARK MODE
   =================================================== */

/* ---------------------------------------------------
   [1. ORTAK AYARLAR - HEM MOBİL HEM MASAÜSTÜ İÇİN RENKLER]
   --------------------------------------------------- */

/* Ana Gövde ve Arka Plan Karartma */
body .mc-main, 
body table.my-calendar, 
body .my-calendar-header,
body .my-calendar-nav {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: none !important;
}

/* Başlık ve Ay İsimleri (Events in...) */
body .mc-main h2, 
body .my-calendar-header h2,
body .mc-caption,
body .my-calendar-header h3 {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 22px !important;
}

/* Gün İsimleri Satırı (Pts, Sal, Çar...) Bebe Mavisi/Gri Kalmasın */
body table.my-calendar th, 
body table.my-calendar th abbr,
body .my-calendar th {
    color: #ffffff !important;
    background-color: #0d0d0d !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
}

/* Gün Hücreleri Düzenlemesi */
body table.my-calendar td {
    background-color: #161616 !important;
    border: 1px solid #222222 !important;
    color: #ffffff !important;
}

/* Başka aya ait pasif gün hücreleri */
body table.my-calendar td.noday, 
body table.my-calendar td.day-overflow {
    background-color: #0d0d0d !important;
    opacity: 0.3 !important;
}

/* Bugünün tarihi */
body table.my-calendar td.current-day {
    border: 1px solid #ff0000 !important;
    background-color: #1d1212 !important;
}

/* Üstteki Navigasyon Butonları ve Çirkin Listelerin Temizliği */
body .my-calendar-nav ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body .my-calendar-nav ul li {
    list-style-type: none !important;
    background: none !important;
    padding: 0 !important;
}

body .my-calendar-nav ul li a, 
body .my-calendar-header button, 
body .my-calendar-header select,
body .my-calendar-nav a,
body .my-calendar-header .go {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    text-decoration: none !important;
    display: inline-block !important;
}

/* Buton Hover ve Aktif Durumları */
body .my-calendar-nav ul li a:hover, 
body .my-calendar-nav ul li.active a,
body .my-calendar-header button:hover,
body .my-calendar-header .go:hover {
    background: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.4) !important;
}

/* Premium Film/Dizi Kartları */
body .mc-main .event-title, 
body table.my-calendar td .vcalendar .vevent,
body .vevent .event-title {
    background: linear-gradient(135deg, #1f1f1f 0%, #161616 100%) !important;
    border-left: 3px solid #ff0000 !important;
    border-radius: 4px !important;
    padding: 6px 10px !important;
    margin: 4px 0 !important;
    list-style: none !important;
}

body .mc-main .event-title a, 
body .vcalendar .vevent a {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

/* Alttaki Gereksiz Kategorileri ve Yazıları Kökten Kapat */
body .my-calendar-footer,
body .mc-footer,
body .category-key,
body #my-calendar p.links,
body .mc-main + p {
    display: none !important;
}

/* ---------------------------------------------------
   [2. MASAÜSTÜ AYARLARI - Sadece 769px ve Üzeri]
   --------------------------------------------------- */
@media (min-width: 769px) {
    body .my-calendar-nav ul li {
        display: inline-block !important; /* Butonları yan yana dizer */
    }

    /* Ana kapsayıcı kutunun iç ve dış boşluklarını tamamen sıfırlar */
    body .mc-main {
        padding: 0 !important; 
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Tablonun kendisini en sola ve en sağa zorla esnetir */
    body table.my-calendar {
        width: 100% !important;
        margin: 0 !important;
    }

    /* Üstteki butonların ve başlığın sıfıra sıfır yapışıp çirkin durmaması payı */
    body .my-calendar-header {
        padding: 15px 15px 5px 15px !important;
    }
    body .my-calendar-nav {
        padding: 0 15px 10px 15px !important;
    }
}

/* ---------------------------------------------------
   [3. MOBİL RESPONSIVE AYARLARI - Sadece 768px ve Altı]
   --------------------------------------------------- */
@media (max-width: 768px) {
    /* Ayarlardan Grid seçtiğimiz için tablonun mobilde parmakla kaymasını sağlıyoruz */
    body .mc-main {
        overflow-x: auto !important;
        display: block !important;
        width: 100% !important;
        -webkit-overflow-scrolling: touch;
        padding: 10px !important;
    }

    /* Tablo mobilde ezilmesin, en az 600px genişlik korusun */
    body table.my-calendar {
        min-width: 600px !important;
    }

    /* Mobilde butonları şıkça alt alta/esnek dizer */
    body .my-calendar-nav ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 6px !important;
    }
    
    body .my-calendar-nav ul li {
        display: block !important;
    }
    
    body .my-calendar-header {
        text-align: center !important;
    }
}