/*
Theme Name: رنگین
Theme URI: https://yourwebsite.com/
Author: Your Name
Author URI: https://yourwebsite.com/
Description: یک قالب وردپرس سفارشی با بوت‌استرپ و افزونه ACF.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rangin
*/

/*
    استایل‌های سفارشی قالب رنگین
*/

/* اعمال فونت بدنه */
body {
    font-family: var(--rangin-body-font);
}

/* اعمال فونت عنوان‌ها */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--rangin-heading-font);
}

/* اگر می‌خواهید برای عناصر خاصی فونت‌های متفاوت داشته باشید */
/* مثال: دکمه‌ها */
.btn {
    font-family: var(--rangin-body-font); /* یا هر فونت دیگری */
}

/* استایل‌های مخصوص المنتور */
/* اگر صفحه ای با المنتور ساخته شده باشد، این استایل ها اعمال می شوند */
.elementor-page #primary {
    padding: 0; /* حذف هرگونه پدینگ داخلی برای main */
    max-width: 100%; /* اطمینان از تمام عرض بودن */
    width: 100%; /* اطمینان از تمام عرض بودن */
}

/* اگر در ویرایشگر المنتور هستید */
.elementor-editor-active #primary {
    /* می‌توانید استایل‌های خاصی برای حالت ویرایش المنتور اینجا اضافه کنید */
}

/* المنتور خودش عناصر را به صورت flexbox رندر می‌کند،
   اگر بوت‌استرپ تداخل ایجاد می‌کند، اینجا می‌توانید override کنید.
   برای مثال، اگر .container بوت‌استرپ مزاحم است: */
.elementor-page .container {
    max-width: none; /* حذف محدودیت عرض کانتینر بوت‌استرپ */
    padding-left: 0;
    padding-right: 0;
}

/* یا اگر می‌خواهید المنتور سایدبار را به طور کامل نادیده بگیرد (در صورت وجود سایدبار در فایل page.php معمولی) */
.elementor-page #sidebar {
    display: none;
}

/* استایل برای پشتیبانی از alignwide و alignfull */
.alignwide {
    margin-left: auto;
    margin-right: auto;
}

.alignfull {
    width: 100vw; /* عرض کامل viewport */
    margin-left: calc(50% - 50vw); /* مرکز کردن و کشیدن به تمام عرض */
}