/* -----------------------------
   Yüklenen yazılar kutu stili
--------------------------------- */
.pis-loaded-post { 
    max-width: 800px;           /* Maksimum genişlik */
    margin: 30px auto 0 auto;   /* Ortada hizalama, üst boşluk */
    padding: 35px;              /* Tüm kenarlara padding */
    border-top: 1px solid #eee;
    box-sizing: border-box;     /* Padding ve border dahil */
    background-color: #fff;     /* Opsiyonel: arka plan */
}

/* İçerik stili */
.pis-loaded-post .entry-content {
    padding: 10px 0 0 0;        /* İçerik üst boşluğu */
    line-height: 1.7;           /* Daha okunabilir */
}

/* Başlık stili */
.pis-loaded-post h1.entry-title { 
    color: #222; 
    font-size: 28px; 
    margin-bottom: 10px;
}

/* Meta bilgi stili */
.pis-loaded-post .entry-meta { 
    font-size: 14px; 
    color: #888; 
    margin-bottom: 15px; 
}

/* Son çocuklar için boşluk sıfırlama */
.pis-loaded-post:last-child,
.pis-loaded-post .entry-content:last-child,
.pis-loaded-post .post-content:last-child {
    margin-bottom:0;
    padding-bottom:0;
}

/* Loading ve end message */
#pis-loading, #pis-end-message {
    text-align:center;
    padding:10px;
    display:none;
    font-style:italic;
    color:#666;
}

/* -----------------------------
   Responsive Ayarlar
--------------------------------- */
@media screen and (max-width: 768px) {
    .pis-loaded-post {
        padding: 15px;           /* Mobilde biraz daha dar padding */
        margin: 20px auto 0 auto;
    }

    .pis-loaded-post h1.entry-title {
        font-size: 22px;
    }

    .pis-loaded-post .entry-meta {
        font-size: 12px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 480px) {
    .pis-loaded-post {
        padding: 10px;
        margin: 15px auto 0 auto;
    }

    .pis-loaded-post h1.entry-title {
        font-size: 20px;
    }

    .pis-loaded-post .entry-meta {
        font-size: 11px;
        margin-bottom: 8px;
    }
}