@font-face {
    font-family: 'iransans-web';
    src: url('../fonts/iransans/iransans-web_light.woff') format('woff');
}
@media print {
    /* راست‌چین کردن تمامی محتوای صفحه هنگام چاپ */
    body {
        direction: rtl;
        text-align: right;
        font-family: 'iransans-web', sans-serif;
    }

    /* راست‌چین کردن فیلدست */
    .seller-info {
        direction: rtl; /* راست‌چین کردن فیلدست */
        text-align: right; /* راست‌چین کردن متن‌ها */
    }

    /* راست‌چین کردن ردیف‌ها */
    .seller-info__row {
        text-align: right; /* راست‌چین کردن ردیف‌ها */
    }

    /* راست‌چین کردن ستون‌ها */
    .seller-info__col {
        text-align: right; /* راست‌چین کردن ستون‌ها */
    }
}
/* استایل کلی برای فیلدست */
.seller-info {
    border: 1px solid;
    border-radius: 12px;
    font-size: 14px;
    margin: 12px 12px 0px;
    padding-top: 5px; /* فاصله از بالا */
    position: relative;
    font-weight: bold;
    margin: 30px 12px 0px
}

/* استایل برای legend */
.seller-info__legend {
    font-size: 14px;
    margin-right: 5px;
    position: absolute; /* قرار گرفتن در موقعیت دلخواه */
    top: -20px; /* قرار دادن روی خط بالای فیلدست */
    right: 10px; /* تنظیم فاصله از سمت راست */
}

/* استایل برای ردیف‌ها */
.seller-info__row {
    margin: 0;
    padding: 12px;
}

/* استایل برای ستون‌ها */
.seller-info__col {
    display: inline-block;
    width: 33.33%; /* سه ستون در یک ردیف */
    padding: 5px 15px;
    box-sizing: border-box;
}
/* استایل برای کانتینر */
.table-container {
    margin-top: 12px;
    padding: 12px;
}

/* استایل برای جدول */
.v-data-table {
    /* هیچ استایلی نداشتید برای این عنصر درون HTML */
}

/* استایل برای ردیف‌های جدول */
.v-data-table__wrapper {
    /* هیچ استایلی نداشتید برای این عنصر درون HTML */
}

/* استایل برای جدول */
table {
    width: 100%; /* یا هر عرضی که نیاز دارید */
    border-collapse: collapse;
}

/* استایل برای ستون‌ها */
th, td {
    text-align: start;
    padding: 8px; /* فاصله داخلی برای خوانایی بهتر */
    border: 1px solid #ddd; /* برای خط‌چین کردن */
}

/* استایل برای تگ th */
th {
    background-color: #f4f4f4; /* رنگ پس‌زمینه برای سرستون */
}

/* استایل برای ردیف‌های جدول */
tbody tr:nth-child(even) {
    background-color: #f9f9f9; /* رنگ پس‌زمینه ردیف‌های زوج */
}

tbody tr:hover {
    background-color: #f1f1f1; /* تغییر رنگ پس‌زمینه ردیف‌ها هنگام هاور */
}
/* استایل برای ردیف */
.row {
    padding-top: 25px;
}

/* استایل برای ستون‌ها */
.col-3 {
    /* ستون‌های با عرض 3 (در صورتی که نیاز به تنظیم باشد) */
}

/* استایل برای متن مرکز */
.text-center {
    text-align: center;
}

/* استایل برای متن پررنگ */
.font-weight-bold {
    font-weight: bold;
}

/* استایل برای تک ستون */
.col {
    /* عرض و تنظیمات دیگر */
}

/* استایل برای ردیف داخل ستون */
.row.text-right {
    text-align: right;
    direction:ltr !important;
}

/* استایل برای ستون‌ها داخل ردیف text-right */
.col-12 {
    /* تنظیمات خاص برای هر ستون که باید در یک ردیف به صورت کامل پر شود */
}

/* استایل برای span ها */
span {
    /* استایل دلخواه برای span ها در صورت نیاز */
}

th {
    text-align: center;
}

td {
    text-align: center;
}

.seller-info__row {
    display: flex;
    flex-wrap: wrap; /* اجزای داخلی می‌توانند در خطوط جدید قرار بگیرند */
}

.seller-info__col {
    flex: 1 1 33%; /* هر ستون 33% از عرض را به خود اختصاص می‌دهد */
    padding: 10px;
    box-sizing: border-box;
}

@media screen and (max-width: 768px) {
    .seller-info__col {
        flex: 1 1 50%; /* در صفحه‌های کوچکتر، ستون‌ها به 50% تغییر می‌کند */
    }
}

@media screen and (max-width: 480px) {
    .seller-info__col {
        flex: 1 1 100%; /* در صفحه‌های بسیار کوچک، ستون‌ها 100% عرض را به خود اختصاص می‌دهند */
    }
}