/* استایل‌های آرشیو و صفحه تکی جلسات */

/* --- Archive Page (نسخه جدید و فشرده) --- */
.meet-archive-container { 
    max-width: 1200px; /* کمی عرض بیشتر برای جای دادن بهتر آیتم‌ها */
    margin: 0 auto; 
    padding: 20px; 
}

.meet-grid { 
    display: grid; 
    /* تغییر اصلی: حداقل عرض 180 پیکسل برای جا دادن 5 آیتم */
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); 
    gap: 15px; /* کاهش فاصله بین آیتم‌ها */
}

.meet-card { 
    border: 1px solid #e0e0e0; /* کمی رنگ بوردر ملایم‌تر */
    border-radius: 8px; 
    overflow: hidden; 
    text-align: center; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.08); /* سایه ملایم‌تر */
    display: flex;
    flex-direction: column;
}

.meet-card img { 
    width: 100%; 
    height: auto; 
    aspect-ratio: 1 / 1; 
    object-fit: cover; 
}

.meet-card-content { 
    padding: 10px; /* کاهش پدینگ داخلی */
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.meet-card .meet-card-content h2 {
    font-size: 1em !important; /* کاهش اندازه فونت عنوان */
    margin-top: 0 !important;
    margin-bottom: 8px !important; /* کاهش فاصله پایین عنوان */
    padding: 0 !important;
    line-height: 1.3;
}

.meet-card .status { 
    display: inline-block; 
    padding: 3px 8px; /* کاهش پدینگ وضعیت */
    border-radius: 5px; 
    color: #fff; 
    font-size: 0.8em; /* کاهش اندازه فونت وضعیت */
}

.status-public { background-color: #28a745; } /* آزاد */
.status-private { background-color: #dc3545; } /* خصوصی */
.status-free { background-color: #007bff; } /* رایگان */

.pagination { 
    margin-top: 40px; 
    text-align: center; 
}

/* --- Single Page (بدون تغییر) --- */
.single-meet-container { max-width: 900px; margin: 20px auto; padding: 20px; }
.meet-header { display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 30px; }
.meet-thumbnail { flex-shrink: 0; width: 300px; }
.meet-thumbnail img { width: 100%; height: auto; border-radius: 8px; aspect-ratio: 1 / 1; object-fit: cover; }
.meet-details { flex-grow: 1; }
.meet-details h1 { margin-top: 0; }
.meet-meta { list-style: none; padding: 0; margin: 20px 0; }
.meet-meta li { padding: 8px 0; border-bottom: 1px solid #eee; }
.meet-meta strong { margin-left: 10px; }
.meet-join-buttons { margin-top: 20px; }
.meet-join-buttons a { display: inline-block; padding: 10px 20px; margin-left: 10px; color: #fff; text-decoration: none; border-radius: 5px; }
.btn-moderator { background-color: #007bff; }
.btn-attendee { background-color: #28a745; }
.login-prompt { background-color: #f8d7da; color: #721c24; padding: 15px; border: 1px solid #f5c6cb; border-radius: 5px; }
.meet-content { clear: both; }