/*
 Theme Name:   Eğitim Ajansı
 Theme URI:    https://egitimajans.com
 Description:  Eğitim Ajansı Özel Haber Teması (GeneratePress Child)
 Author:       Hasan
 Template:     generatepress
 Version:      1.0.0
*/

/* --- GENEL RENK VE YAPI AYARLARI --- */
:root {
    --ana-renk: #004a99;      
    --vurgu-renk: #d90429;   
    --arka-plan: #ffffff;    
    --koyu-metin: #2b2d42;   
    --gri-metin: #8d99ae;    
}

body { background-color: var(--arka-plan); color: var(--koyu-metin); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { font-weight: 800; color: var(--koyu-metin); letter-spacing: -0.5px; }
a { transition: color 0.2s ease-in-out; }
a:hover { color: var(--vurgu-renk); }

/* Üst Tarih Çubuğunu İptal Et */
.ust-tarih-bar { display: none !important; }


/* --- 1. HEADER (ÜST KISIM) - SADECE MASAÜSTÜ İÇİN --- */
/* Bu sayede mobilde temanın kendi kusursuz hamburger menüsü ve büyüteci bozulmaz */
@media (min-width: 769px) {
    .site-header {
        background-color: #ffffff !important;
        border-bottom: 1px solid #e5e7eb !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
        padding: 10px 0 !important;
    }
    .inside-header {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        max-width: 1300px !important;
        margin: 0 auto !important;
    }
    /* Güvenli Reklam Engelleyici */
    .inside-header > ins, .inside-header > iframe, .inside-header > .google-auto-placed { display: none !important; }
    
    .main-navigation {
        margin-left: auto !important;
        display: flex !important;
        align-items: center !important;
    }
    .main-navigation ul {
        display: flex !important;
        flex-direction: row !important;
        margin: 0 !important; padding: 0 !important;
    }
    .main-navigation .main-nav ul li a {
        font-weight: 700 !important;
        font-size: 14px !important;
        color: var(--koyu-metin) !important;
        text-transform: uppercase !important;
        padding: 0 12px !important;
        line-height: 40px !important;
    }
    .main-navigation .main-nav ul li:hover > a { color: var(--vurgu-renk) !important; background: transparent !important; }
    
/* --- ARAMA BÜYÜTECİ (TEK İKON) KESİN ÇÖZÜM --- */
    
    /* 1. Solda çıkan istenmeyen mobil arama ikonunu masaüstünde KESİNLİKLE gizle */
    .mobile-bar-items,
    .mobile-menu-control-wrapper {
        display: none !important;
    }

    /* 2. Sadece ana menünün içindeki, en sağdaki orijinal kutuyu görünür yap */
    .main-navigation .menu-bar-items {
        display: flex !important;
        align-items: center !important;
        margin-left: 15px !important;
        opacity: 1 !important; 
        visibility: visible !important;
    }

    /* 3. Sağdaki büyütecin tasarımı (Sadece ona etki eder) */
    .main-navigation .menu-bar-items .search-item a { 
        font-size: 18px !important; 
        color: var(--koyu-metin) !important; 
        padding: 5px !important; 
        display: block !important;
    }
    
    .main-navigation .menu-bar-items .search-item a:hover { 
        color: var(--vurgu-renk) !important; 
    }
    
    /* 4. Menü içi listeye (li) sızanları temizle (Garanti olsun diye) */
    li.search-item {
        display: none !important;
    }
}


/* --- 2. MANŞET SLIDER --- */
.egitimajans-manset-slider {
    grid-column: 1 / -1 !important; width: 100% !important; height: 520px !important; 
    margin-bottom: 0 !important; border-radius: 8px; overflow: hidden; position: relative; background: #ffffff; 
}
.manset-link { display: block; width: 100%; height: 100%; position: relative; text-decoration: none !important; }
.manset-arka-plan, .swiper-slide::after, .manset-icerik { height: 480px !important; }
.manset-arka-plan { position: absolute; top: 0; left: 0; width: 100%; background-size: cover; background-position: center; transition: transform 0.6s ease; }
.swiper-slide-active .manset-arka-plan { transform: scale(1.05); }
.manset-icerik { position: absolute; top: 0; z-index: 3; display: flex; flex-direction: column; box-sizing: border-box; }

.slider-dis-numaralar {
    position: absolute !important; bottom: 0 !important; left: 0 !important;
    width: 100% !important; height: 40px !important; display: flex !important;
    background: #ffffff; border: 1px solid #e2e2e2; border-top: none; z-index: 10; margin: 0 !important;
}
.slider-dis-numaralar .swiper-pagination-bullet {
    flex: 1; height: 100% !important; margin: 0 !important; border-radius: 0 !important;
    background: #fff !important; color: #333 !important; display: flex !important;
    align-items: center; justify-content: center; font-size: 14px; font-weight: 700;
    opacity: 1 !important; border-right: 1px solid #e2e2e2 !important; transition: all 0.2s;
}
.slider-dis-numaralar .swiper-pagination-bullet:hover { background: #f8f8f8 !important; color: var(--vurgu-renk) !important; }
.slider-dis-numaralar .swiper-pagination-bullet-active { background: var(--vurgu-renk) !important; color: #fff !important; border-color: var(--vurgu-renk) !important; }

.swiper-slide.manset-konum-sol .manset-arka-plan { background-position: left center !important; }
.swiper-slide.manset-konum-sol .manset-icerik { justify-content: center; align-items: center; text-align: center; width: 50% !important; left: 0; padding: 0 50px !important; }
.swiper-slide.manset-konum-sag .manset-arka-plan { background-position: right center !important; }
.swiper-slide.manset-konum-sag .manset-icerik { justify-content: center; align-items: center; text-align: center; width: 50% !important; left: auto !important; right: 0 !important; padding: 0 50px !important; }
.swiper-slide.manset-konum-alt .manset-arka-plan { background-position: center bottom !important; }
.swiper-slide.manset-konum-alt .manset-icerik { justify-content: flex-end; align-items: center; text-align: center; width: 100% !important; bottom: 0; padding: 0 50px 40px 50px !important; }

.swiper-slide::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; z-index: 2; pointer-events: none; }
.swiper-slide.manset-konum-sol::after { background: linear-gradient(to right, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0) 60%); }
.swiper-slide.manset-konum-sag::after { background: linear-gradient(to left, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0) 60%); }
.swiper-slide.manset-konum-alt::after { background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0) 60%); }
.manset-baslik { font-size: 42px !important; font-weight: 900; line-height: 1.1; margin: 0; text-transform: uppercase; }
.manset-sari { color: #ffcc00 !important; } 
.manset-beyaz { color: #ffffff !important; }


/* --- 3. YAN MANŞET SİSTEMİ --- */
.manset-ana-kapsayici { grid-column: 1 / -1 !important; display: grid; grid-template-columns: 65% calc(35% - 20px); gap: 20px; margin-bottom: 30px; width: 100%; }
.sol-manset-alani .egitimajans-manset-slider { grid-column: auto !important; width: 100% !important; }
.sag-yan-manset-alani { display: grid; grid-template-rows: 1fr 1fr; gap: 20px; height: 520px; }
.yan-manset-kutu { position: relative; border-radius: 8px; overflow: hidden; display: block; background-size: cover; background-position: center; text-decoration: none !important; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.yan-manset-kutu:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
.yan-manset-kutu::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%); z-index: 1; }
.yan-manset-icerik { position: absolute; bottom: 0; left: 0; padding: 25px; z-index: 2; width: 100%; box-sizing: border-box; }
.yan-manset-baslik, .yan-manset-baslik span { color: #ffffff !important; margin: 0; font-size: 20px; font-weight: 800; line-height: 1.3; }
.yan-manset-kutu:hover .yan-manset-baslik { color: var(--vurgu-renk) !important; }


/* --- 4. ŞIK KENARLIKLI GRİ-BEYAZ 3'LÜ GRİD --- */
.blog .entry-summary, .archive .entry-summary, .blog .entry-meta, .archive .entry-meta, .blog .paging-navigation, .blog .nav-links { display: none !important; }
.blog .site-main, .archive .site-main { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 35px 25px !important; padding: 0 !important; align-items: stretch !important; }

.blog .site-main > article, .archive .site-main > article {
    background: #f8f9fa !important; border: 1px solid #e5e7eb !important; border-radius: 10px !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; height: 100% !important; overflow: hidden !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}
.blog .site-main > article:hover, .archive .site-main > article:hover { transform: translateY(-5px) !important; box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.12) !important; border-color: #d1d5db !important; }
.blog .site-main > article .inside-article, .archive .site-main > article .inside-article { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; height: 100% !important; }

.blog .site-main > article .post-image, .archive .site-main > article .post-image, .blog .site-main > article .inside-article .post-image, .archive .site-main > article .inside-article .post-image {
    order: -1 !important; margin: 0 0 15px 0 !important; border-radius: 0 !important; width: 100% !important; flex-shrink: 0;
}
.blog .post-image img, .archive .post-image img { height: 220px !important; width: 100% !important; object-fit: cover !important; display: block !important; transition: transform 0.5s ease !important; }
.blog .site-main > article .entry-header, .archive .site-main > article .entry-header, .blog .site-main > article .inside-article .entry-header, .archive .site-main > article .inside-article .entry-header {
    order: 2 !important; margin: 0 !important; padding: 0 20px 20px 20px !important; display: flex; flex-direction: column; flex-grow: 1;
}
.blog .entry-title, .archive .entry-title { font-size: 19px !important; font-weight: 800; line-height: 1.4; margin: 0 !important; }
.blog .site-main > article:hover .post-image img, .archive .site-main > article:hover .post-image img { transform: scale(1.05) !important; filter: brightness(0.9); }
.blog .site-main > article:hover .entry-title a, .archive .site-main > article:hover .entry-title a { color: var(--vurgu-renk) !important; }


/* --- 5. MOBİL UYUMLULUK (SİSTEMİ KURTARAN KISIM) --- */
@media (max-width: 992px) {
    .manset-ana-kapsayici { grid-template-columns: 1fr; }
    .sag-yan-manset-alani { height: auto; grid-template-rows: 240px 240px; }
    .blog .site-main, .archive .site-main { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 768px) {
    /* 1. MANŞET MOBİL DÜZENLEMESİ (Görünmeme Sorunu Çözümü) */
    .egitimajans-manset-slider { height: 350px !important; display: block !important; visibility: visible !important; }
    .manset-arka-plan, .swiper-slide::after, .manset-icerik { height: 350px !important; display: flex !important; }
    
    /* Başlıklar altta ve bembeyaz */
    .manset-baslik { font-size: 22px !important; color: #ffffff !important; }
    .manset-baslik span { color: #ffffff !important; } /* Sarı kelimeleri de beyaza çevirir */
    
    /* Konum ne olursa olsun yazıyı zorla alta it */
    .swiper-slide.manset-konum-sol .manset-icerik, 
    .swiper-slide.manset-konum-sag .manset-icerik,
    .swiper-slide.manset-konum-alt .manset-icerik { 
        width: 100% !important; 
        padding: 20px 20px 40px 20px !important; 
        justify-content: flex-end !important; /* Alta yasla */
        align-items: center !important;
        text-align: center !important;
        left: 0 !important;
        right: 0 !important;
    }

    /* Numaraları "Büyük Noktalara" Çevirme */
    .slider-dis-numaralar { 
        background: transparent !important; 
        border: none !important; 
        bottom: 10px !important; 
        height: 20px !important; 
        justify-content: center !important; 
        align-items: center !important;
        z-index: 20 !important;
    }
    .slider-dis-numaralar .swiper-pagination-bullet { 
        color: transparent !important; /* Rakam metnini gizler */
        background: rgba(255, 255, 255, 0.5) !important; 
        width: 10px !important; 
        height: 10px !important; 
        border-radius: 50% !important; /* Tam yuvarlak (nokta) yapar */
        margin: 0 5px !important; 
        border: none !important;
        flex: none !important; /* Kutucuk yayılmasını engeller */
    }
    .slider-dis-numaralar .swiper-pagination-bullet-active {
        background: var(--vurgu-renk) !important;
        width: 12px !important; /* Seçili nokta biraz daha büyük olur */
        height: 12px !important;
    }
    
    /* 2. ALT HABER KARTLARI MOBİL DÜZENLEMESİ (Kayma ve Resim Yok Olma Çözümü) */
    /* Mobilde Grid sistemini Flex'e çevirerek daha güvenli bir yapı kuruyoruz */
    .blog .site-main, .archive .site-main { 
        display: flex !important; 
        flex-direction: column !important;
        gap: 30px !important; 
        width: 100% !important;
        overflow: hidden !important; /* Genel taşmayı önler */
    }
    .blog .site-main > article, .archive .site-main > article {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
    }
    /* Kaybolan resimleri zorla geri getir */
    .blog .site-main > article .post-image, 
    .blog .site-main > article .inside-article .post-image {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 15px 0 !important;
    }
    .blog .post-image img, .archive .post-image img { 
        height: 200px !important; 
        display: block !important;
        visibility: visible !important;
    }
    
    /* Sağa kayan başlıkları toparla (Kutu dışına taşmayı engelle) */
    .blog .entry-title, .archive .entry-title {
        white-space: normal !important;
        word-wrap: break-word !important; /* Kelimeleri kırar, sağa kaymayı önler */
        overflow-wrap: break-word !important;
        max-width: 100% !important;
    }
    .blog .site-main > article .entry-header, 
    .blog .site-main > article .inside-article .entry-header {
        padding: 0 15px 15px 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}
/* --- TEKİL YAZI SİDEBAR TASARIMI --- */
.ea-sidebar-blok {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

/* Başlık Stili */
.ea-sidebar-baslik {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    border-bottom: 2px solid #eeeeee;
    padding-bottom: 10px;
    position: relative;
}
.ea-sidebar-baslik span {
    border-bottom: 2px solid var(--vurgu-renk);
    padding-bottom: 10px;
    position: relative;
    top: 2px;
}

/* Listeler (Son Eklenenler) */
.ea-sidebar-liste {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ea-sidebar-liste li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e2e2;
}
.ea-sidebar-liste li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.ea-sidebar-liste a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--koyu-metin);
    transition: color 0.2s;
}
.ea-sidebar-liste a:hover { color: var(--vurgu-renk); }
.ea-sb-resim {
    width: 70px; height: 70px;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
    margin-right: 15px;
}
.ea-sb-metin {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

/* Numaralı Liste (Çok Okunanlar) */
.numarali-liste .ea-sb-numara {
    font-size: 24px;
    font-weight: 900;
    color: #e5e7eb;
    margin-right: 15px;
    min-width: 25px;
}
.numarali-liste a:hover .ea-sb-numara { color: var(--vurgu-renk); }

/* Reklam Alanı */
.ea-reklam-alani { background: #f8f9fa; text-align: center; }
.ea-reklam-etiket { display: block; font-size: 10px; color: #888; text-transform: uppercase; margin-bottom: 10px; }
.ea-reklam-kutu { min-height: 250px; background: #eaeaea; display: flex; align-items: center; justify-content: center; }

/* Sosyal Medya İkonları (Basit Görünüm) */
.ea-sosyal-ikonlar { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ea-sosyal-ikonlar a {
    display: block; text-align: center; padding: 10px; font-size: 13px; font-weight: 700;
    color: #fff; border-radius: 4px; text-decoration: none;
}
.ikon-fb { background: #1877F2; } .ikon-tw { background: #000000; }
.ikon-ig { background: #E4405F; } .ikon-yt { background: #FF0000; }
/* --- TEKİL YAZI (SINGLE POST) TASARIMI --- */

/* Başlığı Dev Yap ve Ortala/Sola Yasla */
.single .entry-title {
    font-size: 36px !important;
    font-weight: 900 !important;
    line-height: 1.2;
    margin-bottom: 20px !important;
    color: var(--koyu-metin);
}

/* Öne Çıkan Görsel Ayarı */
.single .featured-image {
    margin-top: 20px !important;
    margin-bottom: 15px !important;
}

.single .featured-image img {
    width: 100%;
    border-radius: 8px;
}

/* --- YUVARLAK SOSYAL PAYLAŞIM İKONLARI --- */
.ea-paylas-container {
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
}

.ea-paylas-butonlar {
    display: flex;
    gap: 12px;
}

/* Yuvarlak Buton Yapısı */
.p-btn {
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important; /* Tam yuvarlak yapar */
    color: #fff !important;
    font-size: 15px !important;
    text-decoration: none !important;
    transition: transform 0.2s, opacity 0.2s;
}

.p-btn:hover {
    transform: translateY(-3px);
    opacity: 0.9;
}

/* Marka Renkleri ve Özel NSosyal İkonu */
.p-wa { background-color: #25D366; }
.p-fb { background-color: #1877F2; }
.p-x { background-color: #000000; }
.p-pin { background-color: #E60023; }
.p-nsosyal { 
    background-color: transparent !important; 
    background-image: url('https://www.egitimajans.com/wp-content/uploads/2026/04/nsosyal.webp?v=4');
    background-size: 118% !important; /* Resmin kenarlarındaki siyahlıkları dışarıda bırakıp mavi yuvarlağı tam oturtur */
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: none !important;
}





/* Haber İçeriği (Yazı Fontu) Ayarları */
.single .entry-content {
    font-size: 19px;
    line-height: 1.8;
    color: #333;
}

/* Mobilde Başlık ve Buton Boyutunu Ayarla */
@media (max-width: 768px) {
    .single .entry-title {
        font-size: 26px !important;
    }
    .p-btn {
        width: 36px !important;
        height: 36px !important;
        font-size: 16px !important;
    }
}

/* --- TEKİL YAZI ÜST NAVİGASYON (ANASAYFA / KAT / TARİH) --- */
.ea-single-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 700;
}

.ea-home-link, .ea-cat-link {
    text-decoration: none !important;
    color: #888 !important;
    transition: color 0.2s;
}

.ea-home-link i { font-size: 12px; margin-right: 4px; }
.ea-home-link:hover, .ea-cat-link:hover { color: var(--vurgu-renk) !important; }

.ea-sep { color: #ccc; font-weight: 400; }
.ea-date-text { color: #aaa; font-weight: 500; }

/* Haber Ayırıcı Çizgi */
.ea-post-divider {
    border: 0;
    height: 1px;
    background: #eeeeee;
    margin: 60px 0;
    display: block;
    width: 100%;
}

.ea-loading-status {
    text-align: center;
    padding: 30px;
    font-weight: 800;
    color: var(--vurgu-renk);
    text-transform: uppercase;
}

/* Eski Okları Kesin Olarak Gizle */
.post-navigation, .nav-links { display: none !important; }
/* --- SONSUZ KAYDIRMA: TARİH VE LİNK ÇİZGİSİ KESİN DÜZELTMESİ --- */

/* 1. GeneratePress'in inatçı orijinal tarih ve yazar kısmını (entry-meta) her yerden zorla gizle */
.single .inside-article .entry-header .entry-meta,
.single .inside-article footer.entry-meta {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Anasayfa ve Kategori linklerinin altındaki inatçı çizgiyi ve gölgeyi yok et */
.ea-single-breadcrumb a,
.ea-single-breadcrumb a:visited {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important; /* GeneratePress linklere genelde gölge verir, onu sıfırlarız */
    outline: none !important;
    color: #888 !important;
}

/* 3. Linkin Üzerine Gelinceki Durumu (Sadece kırmızı olur, çizgi çıkmaz) */
.ea-single-breadcrumb a:hover,
.ea-single-breadcrumb a:focus {
    color: var(--vurgu-renk) !important;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
/* --- MODER GRİ FOOTER TASARIMI --- */
.ea-footer-main {
    background-color: #f1f2f6; /* Açık Gri Arka Plan */
    color: #2f3542; /* Koyu Gri Metin */
    padding: 60px 0;
    border-top: 4px solid var(--vurgu-renk);
}

.ea-footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 40px;
}

.footer-logo img {
    max-width: 200px;
    height: auto;
    display: block;
    margin-bottom: 20px;
}

.footer-title {
    color: #2f3542;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
}

.footer-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: var(--vurgu-renk);
}

.footer-about { font-size: 14px; line-height: 1.6; color: #57606f; margin-top: 15px; }
.footer-links { list-style: none; margin: 0; padding: 0; }
.footer-links li { margin-bottom: 12px; }
.footer-links a { color: #57606f; text-decoration: none; font-size: 14px; font-weight: 600; transition: 0.2s; }
.footer-links a:hover { color: var(--vurgu-renk); padding-left: 5px; }

.footer-social { display: flex; gap: 15px; margin-top: 20px; }
.footer-social a { width: 35px; height: 35px; background: #ced6e0; color: #2f3542; display: flex; align-items: center; justify-content: center; border-radius: 4px; font-size: 16px; transition: 0.2s; text-decoration: none; }
.footer-social a:hover { background: var(--vurgu-renk); color: #fff; }

.ea-footer-bottom {
    background-color: #dfe4ea; /* Alt şerit biraz daha koyu gri */
    padding: 20px 0;
    text-align: center;
}

.ea-footer-bottom p { margin: 0; font-size: 13px; color: #747d8c; font-weight: 600; }

@media (max-width: 768px) {
    .ea-footer-grid { grid-template-columns: 1fr; text-align: center; }
    .footer-logo img { margin: 0 auto 20px auto; }
    .footer-title::after { left: 50%; margin-left: -20px; }
    .footer-social { justify-content: center; }
}
/* --- YENİ MODERN ANASAYFA KATEGORİ BLOKLARI (Sıkışma Çözümü) --- */

.ea-modern-cat-block { 
    margin-top: 40px; 
    margin-bottom: 50px; 
    grid-column: 1 / -1 !important; /* KESİN ÇÖZÜM: 3'lü sütun sıkışmasını engeller, tam sayfa yayılır */
    width: 100% !important;
    display: block !important;
    clear: both;
}

/* Başlık ve Kırmızı Çizgi */
.ea-mcb-header { margin-bottom: 25px; }
.ea-mcb-title {
    margin: 0 !important;
    font-size: 24px;
    font-weight: 800;
    color: var(--koyu-metin);
    display: flex;
    align-items: center;
}
.ea-mcb-title::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 24px;
    background-color: var(--vurgu-renk);
    margin-right: 12px;
}

/* 1 Büyük, 4 Küçük Grid Tasarımı */
.ea-mcb-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr; /* Sol geniş, sağdaki iki sütun küçük */
    gap: 20px;
}

/* Büyük Item (Sola Yaslı) */
.ea-mcb-buyuk-item {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}

/* Tüm Resim Ortak Ayarlar */
.ea-mcb-buyuk-item img, .ea-mcb-kucuk-item img {
    width: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.ea-mcb-buyuk-img, .ea-mcb-kucuk-img {
    display: block;
    overflow: hidden;
}

.ea-mcb-buyuk-item:hover img, .ea-mcb-kucuk-item:hover img {
    transform: scale(1.05);
}

/* Resim Yükseklik Oranları (Resimdeki gibi nizami durması için) */
.ea-mcb-buyuk-img img { height: auto; aspect-ratio: 16/10; }
.ea-mcb-kucuk-img img { height: auto; aspect-ratio: 16/9; }

/* --- Başlık ve Özet Ayarları (Tam Görünüm Garantisi) --- */
.ea-mcb-buyuk-baslik {
    font-size: 22px !important;
    font-weight: 900 !important;
    margin: 15px 0 10px 0 !important;
    line-height: 1.4 !important;
    height: auto !important; /* Yükseklik sınırını kaldırır */
    overflow: visible !important;
    white-space: normal !important;
    word-wrap: break-word !important;
}

.ea-mcb-buyuk-baslik a, .ea-mcb-kucuk-baslik a {
    color: #000000 !important; /* Başlıkları Siyah Yapar */
    text-decoration: none !important;
}

.ea-mcb-kucuk-baslik {
    font-size: 15px !important;
    font-weight: 800 !important;
    margin: 10px 0 0 0 !important;
    line-height: 1.4 !important;
    height: auto !important;
    white-space: normal !important;
}

/* Tablet Uyumluluğu */
@media (max-width: 992px) {
    .ea-mcb-grid { grid-template-columns: 1fr 1fr; }
    .ea-mcb-buyuk-item { grid-column: 1 / 3; grid-row: auto; margin-bottom: 20px; }
    .ea-mcb-buyuk-img img { aspect-ratio: 16/9; }
}

/* Telefon Uyumluluğu */
@media (max-width: 768px) {
    .ea-mcb-grid { grid-template-columns: 1fr; }
    .ea-mcb-buyuk-item { grid-column: 1; }
}
/* --- KATEGORİ VE ARAMA SAYFASI (ARŞİV) ÖZEL TASARIMI --- */

/* 1. Kategori ve Arama sayfalarında 3'lü tam genişlik ızgara */
.category.no-sidebar .site-main, 
.search.no-sidebar .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 2. Gereksiz özetleri ve tarihleri gizle */
.category .entry-summary, .search .entry-summary,
.category .entry-meta, .search .entry-meta,
.category footer.entry-meta, .search footer.entry-meta { 
    display: none !important; 
}

/* 3. Haber başlıkları ayarı */
.category .entry-title, .search .entry-title {
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    margin-top: 15px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    height: auto !important;
}

/* 4. Resim Ayarları */
.category .post-image img, .search .post-image img {
    height: 220px !important;
    width: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 5. "Daha Fazla Yükle" Buton Tasarımı */
.category .nav-links, .search .nav-links {
    display: flex !important;
    justify-content: center !important;
    margin: 60px 0 !important;
    grid-column: 1 / -1 !important;
    clear: both;
}

.category .nav-links .next, .search .nav-links .next {
    background: #f1f2f6 !important;
    color: var(--koyu-metin) !important;
    padding: 15px 50px !important;
    border-radius: 6px !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: 1px solid #ddd !important;
    transition: all 0.3s ease !important;
}

.category .nav-links .next:hover, .search .nav-links .next:hover {
    background: var(--vurgu-renk) !important;
    color: #fff !important;
    border-color: var(--vurgu-renk) !important;
}

/* Sayı numaralarını gizle */
.category .nav-links .page-numbers:not(.next),
.search .nav-links .page-numbers:not(.next) {
    display: none !important;
}

/* Mobil Kategori ve Arama Düzeni */
@media (max-width: 768px) {
    .category.no-sidebar .site-main, .search.no-sidebar .site-main {
        grid-template-columns: 1fr !important;
    }
}
/* ==========================================================
   GENERATEPRESS YORUM ALANI SIFIRLAMA VE MODERNİZASYON
   ========================================================== */

/* 1. Gri Arka Planları ve Çizgileri Yok Et */
#comments, .comment-respond, .comment-list {
    background: transparent !important;
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 2. Yorum Formu Tasarımı */
.comment-respond {
    margin-top: 40px !important;
}

#reply-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #222 !important;
    margin-bottom: 25px !important;
}

/* 3. Input ve Textarea Alanları - Beyaz Arka Plan + Net Çizgi */
.ea-yorum-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 15px !important;
    margin-bottom: 15px !important;
}

.ea-yorum-input input, 
.ea-yorum-textarea textarea {
    width: 100% !important;
    background: #fff !important;
    border: 2px solid #e0e4e8 !important; /* Net görünen açık gri çerçeve */
    border-radius: 6px !important;
    padding: 15px !important;
    font-size: 15px !important;
    color: #333 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.ea-yorum-input input:focus, 
.ea-yorum-textarea textarea:focus {
    border-color: #004a99 !important; /* Odaklanınca Fenerbahçe mavisi */
    outline: none !important;
    background: #fff !important;
}

/* 4. Şık Gönder Butonu */
.ea-yorum-btn {
    background: #004a99 !important;
    color: #fff !important;
    border: none !important;
    padding: 15px 40px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: 0.3s !important;
    text-transform: uppercase !important;
}

.ea-yorum-btn:hover {
    background: #d90429 !important; /* Üzerine gelince kırmızı */
}

/* 5. Gelen Yorumların Listesi (Ziyaretçi Yorumları) */
.comment-list li.comment {
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    list-style: none !important;
}

.comment-author img {
    border-radius: 50% !important;
    margin-right: 15px !important;
}

@media (max-width: 768px) {
    .ea-yorum-grid { grid-template-columns: 1fr !important; }
}
/* ==========================================================
   ÖZEL İLETİŞİM FORMU TASARIMI
   ========================================================== */
.ea-iletisim-kapsayici {
    background: #ffffff !important;
    padding: 35px !important;
    border: 1px solid #e0e4e8 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}

.ea-form-grup {
    margin-bottom: 20px !important;
}

.ea-ikili-grup {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

@media (max-width: 768px) {
    .ea-ikili-grup { grid-template-columns: 1fr !important; }
    .ea-iletisim-kapsayici { padding: 20px !important; }
}

.ea-iletisim-form label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #2b2d42 !important;
    margin-bottom: 8px !important;
}

.ea-iletisim-form input[type="text"],
.ea-iletisim-form input[type="email"],
.ea-iletisim-form textarea {
    width: 100% !important;
    padding: 15px !important;
    border: 2px solid #e0e4e8 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    font-size: 15px !important;
    color: #333 !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
}

.ea-iletisim-form input:focus,
.ea-iletisim-form textarea:focus {
    border-color: #004a99 !important; /* Odaklanınca Fenerbahçe mavisi */
    outline: none !important;
    background: #fff !important;
}

.ea-form-btn {
    background: #004a99 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 15px 40px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: 0.3s !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    width: auto !important;
}

.ea-form-btn:hover {
    background: #d90429 !important; /* Üzerine gelince Vurgu Kırmızı */
    transform: translateY(-2px) !important;
}

/* Başarı ve Hata Bildirim Kutuları */
.ea-form-basari {
    background: #e8f5e9 !important;
    color: #2e7d32 !important;
    padding: 15px !important;
    border-radius: 6px !important;
    border-left: 4px solid #2e7d32 !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
}

.ea-form-hata {
    background: #ffebee !important;
    color: #c62828 !important;
    padding: 15px !important;
    border-radius: 6px !important;
    border-left: 4px solid #c62828 !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
}
/* ==========================================================
   MOBİL APP-STYLE BOTTOM NAV BAR
   ========================================================== */

/* Masaüstünde gizle */
.ea-bottom-nav {
    display: none;
}

@media (max-width: 768px) {
    .ea-bottom-nav {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 65px;
        background: rgba(255, 255, 255, 0.95); /* Hafif şeffaf beyaz */
        backdrop-filter: blur(10px); /* Arka planı bulanıklaştır (Modern App hissi) */
        border-top: 1px solid #f0f0f0;
        box-shadow: 0 -5px 20px rgba(0,0,0,0.08);
        z-index: 999999; /* Her şeyin üstünde durmalı */
        justify-content: space-around;
        align-items: center;
        padding-bottom: env(safe-area-inset-bottom); /* iPhone çentiği için koruma */
    }

   /* --- Rengarenk Alt Bar Öğeleri --- */
    .ea-nav-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none !important;
        flex: 1;
        transition: all 0.2s ease;
        opacity: 0.9;
    }

    /* Her butona özel canlı renkler */
    .ea-nav-item:nth-child(1) { color: #3498db !important; } /* Anasayfa - Mavi */
    .ea-nav-item:nth-child(2) { color: #2ecc71 !important; } /* İlanlar - Yeşil */
    .ea-nav-item:nth-child(3) { color: #f39c12 !important; } /* Ara - Turuncu */
    .ea-nav-item:nth-child(4) { color: #e74c3c !important; } /* Menü - Kırmızı */

    .ea-nav-item i {
        font-size: 22px; /* İkonları biraz büyüttük */
        margin-bottom: 3px;
    }

    .ea-nav-item span {
        font-size: 10px;
        font-weight: 800; /* Yazıları daha kalın yaptık */
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    /* Tıklama Efekti: Parlama ve büyüme */
    .ea-nav-item:active {
        transform: scale(1.15) translateY(-5px);
        opacity: 1;
    }
    /* Sayfa içeriğinin barın altında kalmaması için body'e boşluk verelim */
    body {
        padding-bottom: 70px !important;
    }
}
/* ==========================================================
   ÖZEL MOBİL ARAMA PENCERESİ (BOTTOM SHEET)
   ========================================================== */
.ea-mobile-search-overlay {
    position: fixed;
    bottom: -100%; /* Başlangıçta ekranın altında gizli */
    left: 0;
    right: 0;
    background: #ffffff;
    z-index: 9999999; /* Alt barda bile en üstte olacak */
    padding: 25px 20px 40px 20px;
    border-radius: 20px 20px 0 0; /* Üst köşeler yuvarlak */
    box-shadow: 0 -10px 40px rgba(0,0,0,0.2);
    transition: bottom 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: none; /* Sadece mobilde görünür olacak */
}

.ea-mobile-search-overlay.ea-search-active {
    bottom: 0; /* Sınıf eklendiğinde yukarı kayar */
}

.ea-search-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.ea-search-header h3 {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--koyu-metin) !important;
}

.ea-search-close {
    background: #f1f2f6;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--vurgu-renk);
    font-size: 18px;
    cursor: pointer;
}

.ea-mobile-search-form {
    display: flex;
    position: relative;
}

.ea-mobile-search-form input {
    width: 100% !important;
    padding: 18px 55px 18px 20px !important;
    border: 2px solid var(--ana-renk) !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    background: #f8f9fa !important;
    color: #222 !important;
    outline: none !important;
    box-shadow: none !important;
}

.ea-mobile-search-form button {
    position: absolute;
    right: 6px;
    top: 6px;
    bottom: 6px;
    background: var(--ana-renk) !important;
    border: none !important;
    color: #fff !important;
    width: 45px;
    border-radius: 8px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .ea-mobile-search-overlay {
        display: block;
    }
}