/* جدول‌های ریسپانسیو بدون اسکرول */
.com-content-article table,
article table,
table {
    width: 100%;           /* پر کردن عرض والد */
    max-width: 100%;       /* جلوگیری از بزرگ شدن */
    border-collapse: collapse;
    table-layout: fixed;   /* سلول‌ها خودشون اندازه می‌گیرن */
    margin-bottom: 1em;
}

/* اطمینان از اینکه منو بالاتر از اسلایدر دیده میشه */
.container-header {
  position: relative;
  z-index: 9999 !important;
}

/* اسلایدر (مثلاً ماژول SP Smart Slider یا مشابه) پایین‌تر از منو */
.slider, .moduletable, .sppb-slider-wrapper, .camera_wrap {
  position: relative;
  z-index: 1 !important;
}



/* سلول‌ها و هدر */
.com-content-article table th,
.com-content-article table td,
article table th,
article table td,
table th,
table td {
    border: 1px solid #000;   /* خطوط جدول */
    padding: 6px 8px;         /* فاصله داخل سلول */
    text-align: center;        /* یا left/right */
    word-wrap: break-word;     /* شکستن متن طولانی */
    overflow-wrap: break-word; /* سازگاری بیشتر */
}

/* موبایل: فونت کوچیک و padding کمتر */
@media screen and (max-width: 768px) {
    .com-content-article table,
    article table,
    table {
        font-size: 11px;          /* فونت کوچیک‌تر */
    }

    .com-content-article table th,
    .com-content-article table td,
    article table th,
    article table td,
    table th,
    table td {
        padding: 3px 4px;         /* padding کمتر */
    }
}

/* جدول خیلی بزرگ با متن طولانی */
@media screen and (max-width: 480px) {
    .com-content-article table th,
    .com-content-article table td,
    article table th,
    article table td,
    table th,
    table td {
        font-size: 10px;          /* فونت خیلی کوچیک */
        padding: 2px 3px;         /* فاصله خیلی کم */
    }
}

/* header با گرادیانت */
.container-header .grid-child {
    background: linear-gradient(to right, #236fa1, #001b4c);
}