/* ---------- پایه ---------- */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden; /* جلوگیری از اسکرول کل صفحه */
}

body.divination-blog-body {
    background: url("assets/blog-background.png") no-repeat center center fixed;
    background-size: cover;
    font-family: sans-serif;
}

/* ---------- کانتینر اصلی ---------- */
.divination-blog-wrapper {
    position: relative;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background-color: transparent;
}

.divination-blog-header {
    display: none;
}

/* ---------- نوار بالا (Topbar) ---------- */
.divination-blog-topbar {
    position: fixed;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    width: 1200px;
    background-color: #3F51B5;
    color: white;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1000;
}

/* دکمه خانه */
.home-button {
    color: white;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.15);
    padding: 6px 12px;
    border-radius: 4px;
    transition: background 0.3s;
}

.home-button:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* آیکن وسط */
.topbar-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.topbar-center img {
    height: 50px;
}

/* ---------- محتوای وبلاگ ---------- */
.divination-blog-content {
    position: absolute;
    top: 280px;  /* فاصله از نوار بالا */
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;           /* اسکرول عمودی کلی */
    padding: 20px 60px;         /* فاصله بالا کم شد */
    box-sizing: border-box;
}

/* لیست پست‌ها */
.divination-blog-list {
    position: relative;
    z-index: 2;
}

/* هر پست وبلاگ */
.divination-blog-list .blog-post {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 30px;
    padding-bottom: 20px;
    color: white;

    /* این دو خط حذف شوند تا اسکرول داخل پست‌ها نباشد */
    /* max-height: 400px; */
    /* overflow-y: auto; */
}

.divination-blog-list .blog-post h2 {
    font-size: 1.6em;
    margin-bottom: 0.3em;
}

.divination-blog-list .blog-post .meta {
    font-size: 0.9em;
    color: #e0e0e0;
    margin-bottom: 1em;
}

.divination-blog-list .excerpt {
    font-size: 1em;
    color: #f5f5f5;
    margin-bottom: 1em;
}

/* ---------- بخش نظرات ---------- */
.comments {
    margin-top: 20px;
    background: rgba(255, 255, 255, 0.1);
    padding: 10px;
    border-radius: 5px;
}