/*
Theme Name: Yayin Akisi
Theme URI: https://themezhut.com/themes/hybridmag/
Template: hybridmag
Author: ThemezHut
Author URI: https://themezhut.com
Description: HybridMag is a modern and stylish WordPress theme for blogs, newspapers, and magazine websites.
Tags: news,blog,grid-layout,right-sidebar,two-columns,custom-logo,custom-menu,featured-images,footer-widgets,theme-options,threaded-comments,translation-ready,rtl-language-support,e-commerce
Version: 1.1.1.1773967818
Updated: 2026-03-20 00:50:18
*/

/* ============================================================
   YAYINAKISI.NET — Canlı & Enerjik Tasarım
   Mor (#1e1b4b) + Kırmızı (#e8193c) Ana Palet
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ── GENEL ── */
*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: #f1f5f9;
    color: #0f172a;
}

a { text-decoration: none; }
img { max-width: 100%; }

/* ── HEADER / NAV ── */
#masthead,
.site-header {
    background: #1e1b4b !important;
    border-bottom: none !important;
    box-shadow: 0 2px 20px rgba(0,0,0,.25) !important;
}

.site-branding,
.site-title,
.site-title a {
    color: #fff !important;
}

/* Ana menü */
#site-navigation,
.main-navigation {
    background: #1e1b4b !important;
}

.main-navigation ul li a {
    color: #a5b4fc !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 8px 14px !important;
    border-radius: 20px !important;
    transition: all .15s !important;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a {
    color: #fff !important;
    background: rgba(255,255,255,.12) !important;
}

/* Aktif menü öğesi kırmızı */
.main-navigation ul li.current-menu-item > a {
    background: #e8193c !important;
    color: #fff !important;
}

/* ── İÇERİK ALANI ── */
#primary,
.site-main {
    background: transparent;
}

.hm-container,
.content-area {
    max-width: 1200px;
    margin: 0 auto;
}

/* İçerik kartı */
.hm-cl-sep,
.hm-entry-single {
    background: #fff !important;
    border-radius: 16px !important;
    border: none !important;
    box-shadow: 0 1px 3px rgba(15,23,42,.06), 0 4px 24px rgba(15,23,42,.08) !important;
    margin-bottom: 20px !important;

}

/* ── SAYFA BAŞLIKLARI ── */
.entry-title,
h1.entry-title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-bottom: 4px !important;
    padding: 24px 24px 0 !important;
}

/* ── YAZILARDA KANAL SAYFASI ── */
.entry-content {
    padding: 0 !important;
}

/* ── SIDEBAR ── */
#secondary,
.widget-area {
    background: transparent;
}

.widget {
    background: #fff !important;
    border-radius: 16px !important;
    border: none !important;
    box-shadow: 0 1px 3px rgba(15,23,42,.06) !important;
    padding: 20px !important;
    margin-bottom: 16px !important;
}

.widget-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    color: #1e1b4b !important;
    border-bottom: 2px solid #e8193c !important;
    padding-bottom: 10px !important;
    margin-bottom: 14px !important;
}

/* ── FOOTER ── */
#colophon,
.site-footer {
    background: #1e1b4b !important;
    color: #a5b4fc !important;
    border-top: none !important;
}

.site-footer a {
    color: #a5b4fc !important;
}

.site-footer a:hover {
    color: #fff !important;
}

.site-info {
    color: #6366f1 !important;
    font-size: 13px !important;
}

/* ── TV'DE ŞİMDİ — estv kartları güçlendir ── */
.estv-card {
    border-radius: 14px !important;
    border: 1.5px solid #e2e8f0 !important;
    transition: transform .15s, box-shadow .15s !important;
}

.estv-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(30,27,75,.12) !important;
    border-color: #c7d2fe !important;
}

.estv-live {
    border-color: #e8193c40 !important;
    background: #fff9f9 !important;
}

.estv-progress-bar {
    background: linear-gradient(90deg, #1e1b4b, #e8193c) !important;
}

.estv-now-badge {
    color: #e8193c !important;
    font-weight: 700 !important;
}

.estv-all-btn {
    background: #1e1b4b !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

.estv-all-btn:hover {
    background: #312e81 !important;
    color: #fff !important;
}

.estv-ch-name:hover {
    color: #1e1b4b !important;
}

/* ── TV'DE BUGÜN — zaman çizelgesi ── */
.ebtv-outer {
    border-radius: 14px !important;
    border-color: #e2e8f0 !important;
}

.ebtv-now {
    background: #ede9fe !important;
    border-color: #a5b4fc !important;
}

.ebtv-now .ebtv-prog-title {
    color: #1e1b4b !important;
    font-weight: 700 !important;
}

.ebtv-nowline {
    background: #e8193c !important;
}

.ebtv-nowline:after {
    background: #e8193c !important;
}

.ebtv-live-clock {
    background: #1e1b4b !important;
    color: #a5b4fc !important;
    border-color: #312e81 !important;
}

/* ── EPG YAYIN AKIŞI tablosu ── */
.epg-date-btn.active,
.epg-date-btn:hover {
    background: #1e1b4b !important;
    border-color: #1e1b4b !important;
    color: #fff !important;
}

.epg-now-bar {
    background: #ede9fe !important;
    border-left-color: #1e1b4b !important;
}

.epg-now-dot {
    background: #e8193c !important;
}

.epg-now-badge::before {
    background: #e8193c !important;
}

.epg-now-badge {
    color: #e8193c !important;
}

.epg-progress-bar {
    background: linear-gradient(90deg, #1e1b4b, #e8193c) !important;
}

.epg-row-now {
    background: #faf5ff !important;
}

/* ── EPG PROGRAM KARTLARI (filmler, diziler) ── */
.epg-pk {
    border-radius: 14px !important;
    transition: transform .15s, box-shadow .15s !important;
}

.epg-pk:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(30,27,75,.1) !important;
}

.epg-pk-now {
    background: #faf5ff !important;
    border-color: #a5b4fc !important;
}

.epg-pk-now::before {
    background: #1e1b4b !important;
}

.epg-pk-canli {
    color: #e8193c !important;
}

.epg-pk-canli::before {
    background: #e8193c !important;
}

.epg-pk-bar {
    background: linear-gradient(90deg, #1e1b4b, #e8193c) !important;
}

/* ── FUTBOL MAÇLARI ── */
.epg-futbol .epg-pk-now {
    background: #faf5ff !important;
    border-color: #a5b4fc !important;
}

.epg-futbol .epg-pk-now::before {
    background: #1e1b4b !important;
}

.epg-futbol .epg-pk-canli {
    background: #ede9fe !important;
    color: #1e1b4b !important;
}

.epg-futbol .epg-pk-canli::before {
    background: #1e1b4b !important;
}

.epg-futbol .epg-pk-bar {
    background: linear-gradient(90deg, #1e1b4b, #e8193c) !important;
}

.epg-futbol .epg-pk-now .epg-pk-ch-btn {
    background: #1e1b4b !important;
}

.epg-futbol-mac-badge {
    background: #ede9fe !important;
    color: #1e1b4b !important;
}

.epg-futbol-nav-btn.active {
    background: #1e1b4b !important;
    border-color: #1e1b4b !important;
}

/* ── KANAL GRID ── */
.kg-kart {
    border-radius: 14px !important;
    border-color: #e2e8f0 !important;
    transition: transform .18s, box-shadow .18s, border-color .18s !important;
}

.kg-kart:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 28px rgba(30,27,75,.14) !important;
    border-color: #a5b4fc !important;
}

.kg-ad {
    color: #334155 !important;
    font-weight: 600 !important;
}

/* ── ANASAYFA HERO BÖLÜMÜ ── */
.site-content > .content-area:first-child .hm-cl-sep {
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) !important;
    color: #fff !important;
}

/* ── BREADCRUMB / META ── */
.entry-meta,
.posted-on,
.byline {
    color: #94a3b8 !important;
    font-size: 12px !important;
}

/* ── ARAMA KUTUSU ── */
.search-form input[type="search"] {
    border-radius: 24px !important;
    border-color: #312e81 !important;
    background: #f8fafc !important;
}

.search-form input[type="submit"],
.search-submit {
    background: #e8193c !important;
    border-color: #e8193c !important;
    color: #fff !important;
    border-radius: 24px !important;
}

/* ── SCROLLBAR ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #c7d2fe; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #1e1b4b; }

/* ── MOBİL ── */
@media (max-width: 768px) {
    .entry-title { font-size: 20px !important; padding: 16px 16px 0 !important; }
    .hm-cl-sep { border-radius: 12px !important; margin-bottom: 14px !important; }
}

/* ── HEADER YÜKSEKLIK DÜZELT ── */
#masthead .site-branding,
.site-header .site-branding {
    padding: 8px 0 !important;
}

#masthead,
.site-header {
    padding: 0 !important;
}

.main-navigation {
    padding: 0 !important;
}

.site-header .hm-container {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}


/* ── NAV YÜKSEKLIK DÜZELT ── */
.main-navigation .nav-menu,
.main-navigation ul {
    min-height: unset !important;
    height: auto !important;
}

.main-navigation ul li a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* ── NAV MENÜ YÜKSEKLIK + ORTALAMA ── */
.main-navigation ul {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    height: 44px !important;
}

.main-navigation ul li {
    display: flex !important;
    align-items: center !important;
    height: 44px !important;
}

.main-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 44px !important;
    line-height: 1 !important;
}

/* ── TV'DE ŞİMDİ BAŞLIĞI BEYAZ ── */
.estv-baslik {
    color: #fff !important;
}

.estv-tarih-saat {
    color: rgba(255,255,255,.75) !important;
}

/* ── NAV ARKA PLAN HAFİF MOR ── */
#colophon ~ * .main-navigation,
.main-navigation {
    background: #1e1b4b !important;
}

/* Nav'ın olduğu satırın arka planı hafif mor */
.hm-nav-area,
.hm-navbar,
#hm-nav-bar,
.hm-nav-row,
.nav-bar-wrap {
    background: rgba(30,27,75,.06) !important;
}

/* ── NAV SATIRI YÜKSEKLIK — kesin çözüm ── */
#hm-navigation,
.hm-navigation,
.hm-nav,
#nav-below,
.nav-below,
.hm-sticky-nav,
#hm-sticky-nav {
    min-height: unset !important;
    padding: 0 !important;
}

.main-navigation > div,
.main-navigation > div > ul {
    height: auto !important;
    min-height: unset !important;
}

.main-navigation ul li a {
    height: auto !important;
    padding: 8px 14px !important;
    line-height: 1.4 !important;
}

/* Nav satırının arka planı hafif mor */
.hm-header-bottom,
#hm-header-bottom,
.below-header,
#below-header,
.secondary-navigation-wrap,
.nav-container {
    background: rgba(30,27,75,.06) !important;
}

/* ── TV'DE ŞİMDİ SAYFASI — içerik kartı şeffaf olsun ── */
.page .hm-cl-sep .estv-wrap,
.single .hm-cl-sep .estv-wrap,
.hm-cl-sep .estv-wrap {
    background: #1e1b4b !important;
    border-radius: 16px !important;
    padding: 20px !important;
}

.hm-cl-sep .estv-baslik {
    color: #fff !important;
}

.hm-cl-sep .estv-tarih-saat {
    color: rgba(255,255,255,.75) !important;
}

/* ── TV'DE ŞİMDİ SAYFASI — sayfa başlığını gizle ── */
.page-id-tvde-simdi .entry-title,
body.page .entry-title {
    display: none;
}

/* ── TÜM SHORTCODE ALANLARI — mor arka plan ── */
.estv-wrap,
.epg-container,
.ebtv-wrap {
    background: #1e1b4b !important;
    border-radius: 16px !important;
    padding: 20px !important;
}

/* Shortcode içindeki başlıklar beyaz */
.epg-channel-name,
.epg-container h3,
.ebtv-heading {
    color: #fff !important;
}

/* Tarih/gün yazıları açık renk */
.epg-container small,
.ebtv-live-clock {
    color: rgba(255,255,255,.65) !important;
}

/* Tarih nav butonları */
.epg-date-btn {
    border-color: rgba(255,255,255,.2) !important;
    color: rgba(255,255,255,.75) !important;
}

.epg-date-btn.active,
.epg-date-btn:hover {
    background: #e8193c !important;
    border-color: #e8193c !important;
    color: #fff !important;
}

/* Tablo başlıkları */
.epg-table th {
    color: rgba(255,255,255,.5) !important;
    border-bottom-color: rgba(255,255,255,.1) !important;
}

/* Kanallar için beyaz kartlar korunsun */
.epg-container .epg-pk,
.epg-container .epg-table,
.ebtv-outer {
    background: #fff !important;
}

.ebtv-wrap .ebtv-outer {
    background: #fff !important;
}

/* estv-header sadece saat göstersin */
.estv-header {
    display: flex !important;
    justify-content: flex-end !important;
    margin-bottom: 12px !important;
}

.estv-tarih-saat {
    color: rgba(255,255,255,.75) !important;
    font-size: 13px !important;
}

/* ── SAYFA BAŞLIKLARINI GİZLE (shortcode başlıkları yeterli) ── */
.page-id-298 .entry-title,
.page-id-686 .entry-title,
.page-id-321 .entry-title,
.page-id-640 .entry-title,
.page-id-638 .entry-title {
    display: none !important;
}

/* ── TÜM SHORTCODE SAYFALARI — içerik kartı padding düzelt ── */
.page-id-298 .hm-cl-sep,
.page-id-686 .hm-cl-sep,
.page-id-321 .hm-cl-sep,
.page-id-640 .hm-cl-sep,
.page-id-638 .hm-cl-sep {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* ── EPG CONTAINER SAYFALARINDA PADDING ── */
.page-id-298 .entry-content,
.page-id-686 .entry-content,
.page-id-321 .entry-content,
.page-id-640 .entry-content,
.page-id-638 .entry-content {
    padding: 0 !important;
}

/* ── TV'DE ŞİMDİ SAYFASI ── */
.page-id-324 .entry-title {
    display: none !important;
}

.page-id-324 .hm-cl-sep {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.page-id-324 .entry-content {
    padding: 0 !important;
}

/* ── FOOTER YAZI RENGİ ── */
#colophon,
.site-footer,
.site-footer p,
.site-footer a,
.site-info,
.site-info a {
    color: #e2e8f0 !important;
}

.site-footer .widget-title {
    color: #fff !important;
}



/* ── FOOTER YAZI SİYAH ── */
#colophon,
.site-footer,
.site-footer p,
.site-footer span,
.site-footer li,
.site-info {
    color: #111 !important;
}

.site-footer a {
    color: #333 !important;
}

.site-footer a:hover {
    color: #1e1b4b !important;
}





/* ── TV'DE ŞİMDİ ALTI — beyaz arka plan ── */
.hm-cl-sep .estv-wrap + div,
.hm-entry-single .estv-wrap + div,
.hm-entry-single > div:last-child {
    background: #fff !important;
    padding: 8px 16px !important;
}

/* Diğer TV Kanalları linki */
.hm-entry-single a[href*="tv-kanallari"],
.hm-entry-single a[href*="tum-kanallar"] {
    color: #e8193c !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}

/* ── ANASAYFADAKİ "Diğer TV Kanalları" ALTI BEYAZ ── */
.hm-entry-single[style*="padding:15px"] > div[style*="text-align:right"] {
    background: #fff !important;
    border-radius: 0 0 16px 16px !important;
    margin: 0 !important;
}

/* ── TV'DE ŞİMDİ — dış kart arka planı kaldır ── */
.hm-entry-single:has(.estv-wrap),
.hm-cl-sep:has(.estv-wrap) {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}


/* ── MOBİL DÜZELTME — TEMİZ VERSİYON ── */
html, body {
    overflow-x: hidden !important;
}

@media (max-width: 768px) {
    .estv-grid {
        grid-template-columns: 1fr !important;
    }

    .epg-2col {
        grid-template-columns: 1fr !important;
    }

    .epg-futbol .epg-2col {
        grid-template-columns: 1fr !important;
    }

    .kg-grid {
        grid-template-columns: repeat(3,1fr) !important;
    }
}



/* ══════════════════════════════════════════
   TÜM SHORTCODE SAYFALARI — TAM GENİŞLİK
   ══════════════════════════════════════════ */

/* Sidebar'ı kaldır, içerik tam genişlik kaplasın */
.page .hm-cl-sep,
.page .hm-entry-single {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.page #primary {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

.page #secondary {
    display: none !important;
}

.page .entry-content {
    padding: 0 !important;
}

/* EPG container tam genişlik */
.page .epg-container,
.page .epg-futbol,
.page .ebtv-wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ══════════════════════════════════════════
   TV'DE ŞİMDİ BAŞLIK — SOLA HİZALA
   ══════════════════════════════════════════ */

.estv-header {
    justify-content: space-between !important;
    align-items: center !important;
}

.estv-baslik {
    text-align: left !important;
    flex-shrink: 0 !important;
}

/* ══════════════════════════════════════════
   MOBİL — HAMBURGER MENÜ VE ARAMA BEYAZ
   ══════════════════════════════════════════ */

@media (max-width: 768px) {
    .hm-menu-toggle,
    .menu-toggle,
    button.menu-toggle,
    #hm-menu-toggle,
    .hm-nav-toggle {
        color: #fff !important;
        border-color: #fff !important;
    }

    .hm-menu-toggle span,
    .menu-toggle span,
    .hm-menu-toggle .bar,
    .menu-toggle .bar {
        background: #fff !important;
    }

    .hm-search-toggle,
    .search-toggle,
    #hm-search-toggle,
    button.search-toggle {
        color: #fff !important;
    }

    .hm-search-toggle svg,
    .search-toggle svg,
    .hm-search-toggle path,
    .search-toggle path {
        fill: #fff !important;
        stroke: #fff !important;
    }
}

/* ── MOBİL HAMBURGER MENÜ + ARAMA BEYAZ ── */
.hm-svg-icon path,
.hm-svg-icon rect,
.hm-svg-icon line,
.hm-svg-icon circle {
    fill: #fff !important;
    stroke: #fff !important;
}

svg.hm-svg-icon {
    color: #fff !important;
}

/* ── DİZİ/FİLM GRUP BAZLI GÖRÜNÜM ── */
.epg-grup-baslik {
    width: 100% !important;
    box-sizing: border-box !important;
}

.page-id-640 .epg-container,
.page-id-638 .epg-container {
    overflow: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.page-id-640 .epg-2col,
.page-id-638 .epg-2col {
    grid-template-columns: repeat(auto-fill, minmax(min(300px,100%), 1fr)) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.page-id-640 .epg-pk,
.page-id-638 .epg-pk {
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* ── DİZİ/FİLM KAYMA KESİN DÜZELTME ── */
.epg-container {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.epg-2col {
    grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.epg-pk {
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.epg-pk-title {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* ── 3'LÜ GRID ── */
.epg-3col {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 4px;
    width: 100%;
    box-sizing: border-box;
}

.epg-pk-simdi-etiket {
    font-size: 11px;
    font-weight: 700;
    color: #e8193c;
    margin-bottom: 3px;
    letter-spacing: .04em;
}

@media (max-width: 768px) {
    .epg-3col {
        grid-template-columns: 1fr !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .epg-3col {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* ── ARAMA KUTUSU YAZISI BEYAZ ── */
.epg-arama-input {
    color: #fff !important;
}