@font-face {
    font-family: "IRANSANS";
    src: url("./iransans/IRANSansWeb.ttf") format("woff"),
        url("./iransans/IRANSansWeb.woff") format("truetype");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: IRANSANS, Arial, sans-serif;
    direction: rtl;
    text-align: center;
    background-color: #f8f8f8;
    margin: 0;
    padding: 0;
}

/* انتخابگرهای سال و نوع محاسبه تمام‌عرض */
select {
    width: 100% !important;
    /* تمام صفحه */
    display: block;
    margin: 10px auto;
    padding: 12px;
    border: 1px solid #aaa !important;
    border-radius: 8px;
    font-family: IRANSANS, Arial, sans-serif;
    font-size: 1.2em;
    text-align: center;
}

/* ورودی مبلغ تمام‌عرض */
input#lname {
    width: 100% !important;
    /* تمام صفحه */
    display: block;
    margin: 10px auto;
    padding: 12px;
    border: 1px solid #aaa !important;
    border-radius: 8px;
    font-family: IRANSANS, Arial, sans-serif;
    font-size: 1.2em;
    text-align: center;
}

/* دکمه محاسبه تمام‌عرض */
#button {
    background-color: #e53935;
    color: #fff;
    display: block;
    width: 100% !important;
    /* تمام صفحه */
    margin: 15px auto 0 auto;
    padding: 14px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-family: IRANSANS, Arial, sans-serif;
    font-size: 1.2em;
}

#button:hover {
    background-color: #c62828;
}

/* جدول خروجی تمام‌عرض و ردیف‌های قرمز و طوسی */
#tables {
    text-align: center;
    display: block;
    margin: 25px auto;
    width: 100%;
}

#tables table {
    width: 100% !important;
    /* تمام صفحه */
    border-collapse: collapse;
    margin: 0 auto;
}

#tables td {
    padding: 12px;
    text-align: center;
    font-family: IRANSANS, Arial, sans-serif;
    font-size: 0.6em;
}

#tables tr:nth-child(odd) {
    background-color: #f5f5f5;
    /* طوسی روشن */
}

#tables tr:nth-child(even) {
    background-color: #f28b82;
    /* قرمز روشن */
    color: #fff;
}

/* فونت و اندازه برای همه */
input,
select,
#tables td {
    font-family: IRANSANS, Arial, sans-serif;
    font-size: 1.2em;
}
/* انتخابگرهای سال و نوع محاسبه - فونت بزرگ‌تر و فاصله عمودی بیشتر */
label {
    display: block;
    font-size: 1.3em;
    /* بزرگ‌تر کردن فونت عنوان‌ها */
    margin-bottom: 6px;
    /* فاصله پایین برچسب از باکس */
    margin-top: 15px;
    /* فاصله بالای برچسب از عنصر قبلی */
}

select {
    width: 100% !important;
    display: block;
    margin: 8px auto 18px auto;
    /* فاصله بیشتر از عناصر بالا و پایین */
    padding: 12px;
    border: 1px solid #aaa !important;
    border-radius: 8px;
    font-family: IRANSANS, Arial, sans-serif;
    font-size: 1.3em;
    /* فونت بزرگ‌تر */
    text-align: center;
}

/* ورودی مبلغ تمام‌عرض */
input#lname {
    width: 100% !important;
    display: block;
    margin: 10px auto 20px auto;
    padding: 12px;
    border: 1px solid #aaa !important;
    border-radius: 8px;
    font-family: IRANSANS, Arial, sans-serif;
    font-size: 1.2em;
    text-align: center;
}

/* دکمه محاسبه زیر همه باکس‌ها */
#button {
    background-color: #e53935;
    color: #fff;
    display: block;
    width: 100% !important;
    margin: 15px auto 0 auto;
    /* قرار گرفتن زیر باکس‌ها */
    padding: 14px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-family: IRANSANS, Arial, sans-serif;
    font-size: 1.3em;
}

#button:hover {
    background-color: #c62828;
}
/* یکسان‌سازی اندازه فونت برای همه باکس‌ها و خروجی‌ها */
select,
input#lname,
#button,
#tables td {
    font-family: IRANSANS, Arial, sans-serif;
    font-size: 0.9em;
    /* اندازه‌ی یکسان برای همه */
}

/* اگر بخش‌های قدیمی مثل font-size:1.2em یا 1.3em دارید، آن‌ها را حذف یا غیرفعال کنید */
body {
    overflow-x: hidden;
    /* جلوگیری از اسکرول افقی */
}

/* --- فونت فارسی برای ورودی‌ها، انتخابگرها و دکمه --- */
input,
select,
button {
    font-family: IRANSANS, Arial, sans-serif !important;
}

/* --- جدول خروجی دو ستونه با خط عمودی سفید --- */
#tables table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px auto;
    table-layout: fixed;
}

#tables td {
    padding: 12px;
    font-size: 0.9em;
    text-align: center;
    border-left: 2px solid #fff;
    /* خط عمودی سفید بین دو ستون */
}

/* حذف خط عمودی از آخرین ستون */
#tables td:last-child {
    border-left: none;
}

/* ردیف‌های یکی در میان با رنگ قرمز و طوسی */
#tables tr:nth-child(odd) {
    background-color: #f5f5f5;
    /* طوسی روشن */
}

#tables tr:nth-child(even) {
    background-color: #f28b82;
    /* قرمز روشن */
    color: #fff;
}

/* --- اگر می‌خواهید همه متن‌های صفحه هم از فونت فارسی استفاده کنند --- */
body {
    font-family: IRANSANS, Arial, sans-serif;
}