/*
 Theme Name:   GeneratePress Child
 Theme URI:    http://tagliocapellit.com/generatepress-child/
 Description:  GeneratePress Child Theme
 Author:       Adınız
 Author URI:   http://tagliocapellit.com
 Template:     generatepress
 Version:      1.0.0
*/

/* Anasayfa Post Thumbnail ve Özet için Stiller */
.post-thumbnail-summary {
    display: flex;
    align-items: flex-start;
    margin-top: 10px; /* Başlık ve yazar bilgisinden sonraki boşluk */
    justify-content: space-between; /* İçerik ve buton arasında boşluk bırak */
}

.post-thumbnail {
    margin-right: 20px; /* Thumbnail ve özet metni arasındaki boşluk */
    width: 150px; /* Thumbnail geniÅŸliÄŸi belirlendi */
}

.post-thumbnail img {
    display: block;
    border-radius: 10px; /* Kenarları yumuşat */
    width: 100%; /* Resmi .post-thumbnail genişliğine sığdır */
    height: auto; /* Yüksekliği orijinal en-boy oranında otomatik ayarla */
}

.entry-summary {
    flex: 1;
}

/* Buton Stilleri */

/* Önceki / Sonraki Gönderi Navigasyon Butonları */
/* Önceki/Sonraki Gönderi Navigasyon Konteyneri */
.post-navigation-container {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

.nav-previous,
.nav-next {
    flex: 1;
    text-align: center; /* Buton ve başlık ortalanacak */
}

.nav-previous a,
.nav-next a {
    text-decoration: none;
    display: block; /* Bağlantıyı blok yap */
}

.nav-previous a:hover,
.nav-next a:hover {
    text-decoration: underline; /* Üzerine gelince altını çiz */
}

.nav-previous span,
.nav-next span {
    display: block; /* Başlığı blok yap */
    margin-top: 8px;
    font-weight: bold;
}

/* Thumbnail Stilleri */
.nav-previous img,
.nav-next img {
    max-width: 100%; /* Resmi konteynerin genişliğine sığdır */
    height: auto; /* Orantılı yükseklik */
    border-radius: 4px; /* Hafif yuvarlatılmış köşeler */
}







.read-more-button {
    display: block;
    padding: 10px 15px;
    background-color: #f4d6d9;
    color: #ffffff;
    border-radius: 2px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    align-self: flex-end; /* Butonu saÄŸa daya */
    margin-top: 10px;
}

.read-more-button:hover,
.read-more-button:focus {
    background-color: #f4d6d9;
}



/* "Daha Fazla Oku" butonu için güçlendirilmiş stil */
.read-more-button {
    background-color: #f4d6d9 !important; /* Pudra pembesi arka plan rengi */
    color: #ffffff !important; /* Beyaz yazı rengi */
    text-decoration: none !important; /* Alt çizgi kaldır */
    padding: 10px 20px !important; /* Buton içi dolgu */
    font-size: 16px !important; /* Font boyutu */
    font-weight: bold !important; /* Yazı kalınlığı */
    border-radius: 5px !important; /* Kenar yuvarlaklığı */
    transition: background-color 0.3s ease !important, color 0.3s ease !important; /* Renk geçiş efektleri */
    display: inline-block !important; /* Butonu düzgün hizalar */
    border: none !important; /* Kenar çizgisini kaldır */
    cursor: pointer !important; /* İmleç düğme üzerindeyken işaretçiye dönüşür */
}

/* "Daha Fazla Oku" butonu üzerine gelindiğinde */
.read-more-button:hover, .read-more-button:focus {
    background-color: #e3afb4 !important; /* Hover durumunda daha koyu pudra pembesi */
    color: #222 !important; /* Hover durumunda yazı rengi koyulaşır */
}



/* Custom Author Box Styles */
.custom-author-box {
    background-color: #f9f9f9;
    border: 1px solid #dcdcdc;
    border-radius: 10px; /* Kenarları daha yumuşak yap */
    padding: 20px;
    margin-top: 20px;
    display: flex;
    flex-direction: column; /* İçerikleri dikey hizala */
    align-items: center; /* İçerikleri yatay ortala */
    text-align: center; /* Metni ortala */
}

.custom-author-box h2 {
    font-size: 1.2em;
    color: #333;
    margin-bottom: 15px; /* Başlık altındaki boşluğu ayarla */
}

.custom-author-box .author-details {
    display: flex;
    flex-direction: column; /* İçerikleri dikey hizala */
    align-items: center; /* İçerikleri yatay ortala */
}

.custom-author-box .author-avatar-link {
    border-radius: 50%; /* Linkin kenarlarını yuvarlak yap */
    display: block;
    width: 100px; /* Avatar geniÅŸliÄŸi */
    height: 100px; /* Avatar yüksekliği */
    line-height: 100px; /* İçeriği ortala */
    margin-bottom: 10px; /* Avatar altındaki boşluk */
    overflow: hidden; /* Taşma durumunda içeriği gizle */
}

.custom-author-box .author-avatar-link img {
    width: 100%; /* Tam geniÅŸlik */
    height: auto; /* Otomatik yükseklik */
    border-radius: 50%; /* Resmi yuvarlak yap */
}

.custom-author-box h3 {
    font-size: 1.4em;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px; /* İsim altındaki boşluğu ayarla */
}

.custom-author-box h3 a {
    color: inherit; /* Bağlantı rengini koru */
    text-decoration: none; /* Alt çizgiyi kaldır */
}

.custom-author-box h3 a:hover {
    text-decoration: underline; /* Üzerine gelince alt çizgi ekle */
}

.custom-author-box .author-bio {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 15px; /* Biyografi altındaki boşluğu ayarla */
}

/* Responsive düzenlemeleri */
@media (max-width: 768px) {
    .post-thumbnail-summary {
        flex-direction: column;
        align-items: center; /* Thumbnail'ı merkeze almak için */
    }

    .post-thumbnail {
        margin-right: 0;
        margin-bottom: 20px; /* Thumbnail ve metin arasındaki boşluk */
        width: 80%; /* Thumbnail'ın genişliğini ayarla, mobilde daha büyük gözüksün diye */
        max-width: 200px; /* Maksimum genişlik sınırı */
    }

    .entry-summary {
        width: 100%; /* Özet metninin genişliğini ayarla */
    }

    .read-more-button {
        align-self: center; /* Mobilde butonu merkeze al */
        margin-top: 20px; /* Buton altındaki boşluğu ayarla */
    }


    /* Önceki / Sonraki Gönderi Butonları için mobilde düzenleme */
    .prev-post,
    .next-post,
    .next-post-none {
        float: none; /* Mobilde butonları sıfırla */
        display: block; /* Blok seviyesinde göster */
        width: 100%; /* Tam geniÅŸlik */
        margin-bottom: 10px; /* Altındaki butondan boşluk */
    }

    /* Navigasyon konteynerini sıfırla */
    .navigation.post-navigation {
        display: block;
    }


#myBtn {
    background-color: #f8f8f8;
    border: none;
    color: #333;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 5px 2px;
    cursor: pointer;
    font-size: 16px;
}

#more {
    display: none;
}


}