/* Google Fonts Import */
/* Inter for LTR (English) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
/* Vazirmatn for RTL (Persian) - Using Google Fonts for better stability and variable font support */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap');

/* General Body Styles */
body {
    background-color: rgb(15, 43, 81); /* rgba(15, 43, 81) */
    font-family: 'Vazirmatn', Arial, Helvetica, sans-serif; /* اضافه کردن Vazirmatn */
    margin: 0; /* حذف margin پیش‌فرض مرورگر */
    padding: 0; /* حذف padding پیش‌فرض مرورگر */
    overflow-x: hidden; /* جلوگیری از اسکرول افقی ناخواسته */
}

/* Main Content Area */
main {
    padding-top: 60px; /* برای جلوگیری از همپوشانی محتوا با navbar ثابت */
    padding-bottom: 60px; /* برای جلوگیری از همپوشانی محتوا با footer ثابت */
    min-height: calc(100vh - 120px); /* اطمینان از حداقل ارتفاع برای محتوا */
    display: flex;
    flex-direction: column;
    align-items: center; /* برای وسط چین کردن سکشن ها */
    box-sizing: border-box;
}

/* Sections like info-section and privacy-section */
.info-section, .privacy-section {
    border: 2px solid #5270d1;
    background-color: #5270d1;
    border-radius: 15px;
    padding: 20px;
    margin-top: 25px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 15px;
    text-align: justify;
    text-justify: inter-word;
    color: aliceblue; /* رنگ متن برای این سکشن ها */
    max-width: 900px; /* حداکثر عرض برای خوانایی بهتر */
    width: calc(100% - 30px); /* 100% عرض منهای مارجین های چپ و راست */
    box-sizing: border-box;
}

/* Content within sections */
.section-content h1,
.section-content h2,
.section-content h3,
.section-content h4,
.section-content p,
.section-content ul {
    color: aliceblue; /* مطمئن شوید که تمام متن ها رنگ سفید دارند */
}

.section-content ul li p {
    margin-bottom: 0; /* حذف margin اضافی زیر پاراگراف ها در لیست */
}

/* NMA IP logo within section-content */
.section-logo {
    width: 30px; /* اندازه لوگو کنار عنوان NMA IP */
    height: 30px;
    vertical-align: middle; /* برای هم تراز شدن با متن */
}

/* Footer */
.footer {
    text-align: center;
    color: aliceblue;
    padding: 5px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #133365;
    box-sizing: border-box;
    z-index: 1000;
    font-size: 12px;
}

.roundeddiv { /* این کلاس برای سکشن ها نیز استفاده می شود */
    border-radius: 12px; /* این border-radius در media query ها override می شود */
}


/* Media Queries for Responsiveness */
@media (min-width: 481px) {
    .roundeddiv {
        border: 2px solid #5270d1;
        background-color: #5270d1;
        border-radius: 15px;
        padding: 20px;
        margin-top: 25px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 15px;
        font-size: 16px; /* اندازه فونت برای دسکتاپ */
    }
}

@media (max-width : 480px) { /* Mobile first approach */
    body {
        font-size: 14px; /* اندازه فونت پایه برای موبایل */
    }
    .footer {
        position: relative; /* در موبایل ثابت نباشد */
        width: 100%;
        margin-top: 20px; /* فاصله از محتوا */
    }

    .roundeddiv {
        border: 2px solid #5270d1;
        background-color: #5270d1;
        border-radius: 15px;
        padding: 10px;
        margin-top: 23px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 13px;
        font-size: 10px; /* اندازه فونت برای موبایل */
    }
}