/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

/* ---------------------------------------------- */
/* --- Yeni Haber Sayfası Tasarımı (Hassas Ayar) --- */
/* ---------------------------------------------- */



/* Sadece tekil yazılarda (single post) geçerli olsun */
body.single-post {
    
    
    .alt-icerik-alani {
        max-width: 952px;
    }

    /* 1. Yeşil Başlık Alanı (Dış Kapsayıcı) */
    .yeni-haber-baslik-alani {
        background-color: #4A774E; /* Görseldeki yeşil renk */
        padding: 50px 20px;       /* Üstten ve alttan boşluk */
        box-sizing: border-box;
        padding-bottom: 382px;
    }

    /* 2. Yeşil Başlık Alanı (İçerik Kapsayıcı) */
    /* Bridge temasının standart .container genişliğiyle eşleşsin */
    .yeni-haber-baslik-inner {
        max-width: 952px; /* Bridge teması genellikle 1100px kullanır, gerekirse 980px yapın */
        margin: 0 auto;    /* Ortalamak için */
        padding: 0 15px;   /* Sitenizin .container padding'i ile aynı olsun */
        box-sizing: border-box;
        text-align: center;
    }

    /* 3. Kategori Metni ("Haberler") */
    .yeni-haber-kategori {
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        opacity: 0.8;
    }
    .yeni-haber-kategori a {
        color: #ffffff;
        text-decoration: none;
    }

    /* 4. Tarih Metni */
    .yeni-haber-tarih {
        font-size: 12px;
        color: #ffffff;
        opacity: 0.8;
        margin-top: 10px;
    }

    /* 5. Ana Başlık (H1) */
    h1.yeni-haber-baslik {
        font-size: 30px;      /* Görselle daha uyumlu bir boyut */
        color: #ffffff;
        margin: 15px 0 0 0;
        padding: 0;
        line-height: 44px;
        font-weight: 600;
        white-space: normal !important;      /* Başlığın alt satıra inmesini sağlar */
        overflow: visible !important;        /* Gizlenmeyi kaldırır */
        text-overflow: unset !important;     /* "..." (ellipsis) kuralını kaldırır */
        word-wrap: break-word;             /* Çok uzun kelimeleri kırar */
        overflow-wrap: break-word;         /* word-wrap'ın modern standardı */
    }

    /* 6. Bridge Temasının Varsayılan Boşluklarını Sıfırlama */
    /* Bu, resmin temanın içeriğinden önce gelmesini ve yeşil alana yapışmasını sağlar */
    .single-post .container .container_inner.default_template_holder,
    .single-post .full_width .full_width_inner {
        padding-top: 0 !important; 
    }

    /* 7. Öne Çıkan Görsel Alanı (Artık kapsayıcı içinde) */
    .yeni-haber-gorsel-alani {
        line-height: 0; /* Resim altında boşluk olmasın */
        position: relative;
        margin-bottom: -301px;
        top: -308px;
    }
    .yeni-haber-gorsel-alani img {
        width: 100%;    /* Kapsayıcısına tam genişlikte yayılsın */
        height: auto;
    }
    
    /* 8. Yazı İçeriği Alanı */
    /* Resim ile yazı arasına boşluk ekleyelim */
    .yeni-haber-icerik-alani {
        padding-top: 45px; 
    }

    /* Bridge temasının kendi başlığını (%99) gizleyelim */
    .single-post .title_outer {
        display: none !important;
    }
    
    .yeni-baslik {
        color: white;
        border: solid 1px #fff;
        border-radius: 56px;
        justify-self: center;
        padding: 2px 12px;
        font-size: 12px;
    }
}