/*
 * عرض و حاشیهٔ سراسری (HaghaniTheme 1.49.0).
 * مقدارها از «تنظیمات قالب ← عمومی ← عرض و حاشیهٔ سراسری» به‌صورت متغیر روی :root چاپ می‌شوند
 * (dm_layout_enqueue در inc/theme-settings.php). هر ظرفی که باید از عرض سراسری پیروی کند کلاسِ
 * hg-site-container می‌گیرد؛ بخش‌های تمام‌عرض این کلاس را ندارند و دست نمی‌خورند.
 * عرض = عرضِ محتوا؛ حاشیه بیرون از آن اضافه می‌شود.
 */
:root {
    --hg-gutter: var(--hg-gutter-m, 16px);
}
@media (min-width: 768px) {
    :root { --hg-gutter: var(--hg-gutter-t, 24px); }
}
@media (min-width: 1200px) {
    :root { --hg-gutter: var(--hg-gutter-d, 32px); }
}

/* دو کلاس (۰-۲-۰) تا بر max-widthهای واکنش‌گرای container بوت‌استرپ (۰-۱-۰) پیروز شود. */
.hg-site-container.hg-site-container {
    box-sizing: border-box;
    width: 100%;
    max-width: calc(var(--hg-container, 1440px) + 2 * var(--hg-gutter));
    margin-inline: auto;
    padding-inline: var(--hg-gutter);
}