/* ۱. تنظیم کانتینر اصلی برای ایجاد فاصله از طرفین (مدرن‌سازی) */
body.pkp_page_index.pkp_op_index .pkp_structure_content.container {
    width: 100% !important;        /* به جای 100%، کمی فاصله از طرفین */
    max-width: 1300px !important; /* محدود کردن عرض برای جلوگیری از کشیدگی */
    margin: 2px auto !important; /* وسط‌چین کردن کانتینر */
    padding: 2px !important;     /* فاصله داخلی برای محتوا */
    /* background: #ffffff; */
    /* border-radius: 16px;         
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);  */
}

/* ۲. حذف مارجین‌های منفی بوت‌استرپ */
body.pkp_page_index.pkp_op_index .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ۳. مدیریت ستون‌ها با فاصله داخلی (Gutter) */
body.pkp_page_index.pkp_op_index .homepage-image-col {
    padding-left: 0 !important;
    padding-right: 15px !important; 
}

body.pkp_page_index.pkp_op_index .journal-description-col {
    padding-left: 5px !important;
    padding-right: 0 !important;
}

/* ۴. استایل مدرن عکس */
.homepage-image-custom img {
    display: block !important;
    width: 100% !important;
    height: 500px !important; /* ارتفاع کمتر برای شکیل‌تر شدن */
    object-fit: cover !important;
    border-radius: 12px !important; /* گرد کردن عکس */
    transition: transform 0.3s ease;
}

/* ۵. استایل متن (برای خوانایی بهتر) */
.journal-description-custom {
    font-size: 16px;
    line-height: 1.6;
    margin-top:0 !important;
}

/* Footer Base Styles */
.custom-footer {
    background: #1e293b !important;
    color: #ffffff;
    padding-top: 40px;
    /* margin: 50px; */
    
}
.footer-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.footer-row { display: flex; flex-wrap: wrap; gap: 30px; }
.footer-col { flex: 1; min-width: 250px; }
.footer-title { 
    font-size: 18px; color: #f8fafc; border-bottom: 2px solid #3b82f6; 
    display: inline-block; padding-bottom: 4px; margin-bottom: 15px; 
}
.footer-links { list-style: none; padding: 0; }
.footer-links li a { color: #cbd5e1; text-decoration: none; }
.footer-links li a:hover { color: #fff; }
.footer-bottom { 
    margin-top: 30px; padding: 20px 0; background: rgba(0,0,0,0.2); 
    font-size: 13px; color: #94a3b8; text-align: center; 
}

.modal__content label[for^="familyName"]::after {
    content: " *";
    color: #d81b60;
    font-weight: bold;
}

/* Responsive */
@media (max-width: 768px) {
    .footer-row { flex-direction: column; }
}

/* ۶. تنظیم ریسپانسیو (موبایل و تبلت) */
@media (max-width: 991px) {
    body.pkp_page_index.pkp_op_index .pkp_structure_content.container {
        width: 98% !important;
        padding: 10px !important;
    }
    .homepage-image-col, 
    .journal-description-col {
        padding: 0 !important;
        margin-bottom: 20px !important;
    }
    .homepage-image-custom img {
        height: auto !important;
    }
    
}