/* --- STRUTTURA --- */
.blog-container { 
    max-width: 1000px; 
    margin: 0 auto 50px; 
    padding: 0 20px; 
}

/* Titolo centrato con margine dall'header */
.blog_title_centered {
    text-align: center;
    margin-top: 10px !important; /* Spazio dall'header */
    margin-bottom: 30px;
    display: block;
    font-size: 2.2rem;
}

hr.separator {
    border: 0;
    height: 1px;
    background: #ddd;
    margin-bottom: 40px;
}

/* --- PANNELLO ADMIN --- */
.admin-panel-blog { 
    background: #f9f9f9; 
    padding: 15px 20px; 
    border: 1px solid #eee; 
    border-radius: 8px; 
    margin-bottom: 40px; 
    display: flex; 
    justify-content: space-between; 
    align-items: center;
}

.btn-add-post { 
    background: #333; 
    color: #fff !important; 
    padding: 8px 18px; 
    text-decoration: none; 
    border-radius: 5px; 
    font-weight: bold;
    transition: 0.3s;
}

.btn-add-post:hover { background: #B52025; }

/* --- POST CARD --- */
.post-card { 
    display: flex; 
    background: white; 
    margin-bottom: 30px; 
    border-radius: 10px; 
    overflow: hidden; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); 
    transition: 0.3s; 
    border: 1px solid #eee;
}

.post-card:hover { transform: translateY(-5px); }

.post-img { 
    width: 35%; 
    background-size: cover; 
    background-position: center; 
    min-height: 200px; 
}

.post-content { 
    width: 65%; 
    padding: 25px; 
}

.post-content h2 { margin-top: 0; color: #B52025; }

.btn-read { 
    display: inline-block; 
    padding: 8px 20px; 
    background: #333; 
    color: white !important; 
    text-decoration: none; 
    border-radius: 5px; 
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    .post-card { flex-direction: column; }
    .post-img { width: 100%; height: 200px; }
    .post-content { width: 100%; text-align: center; }
}