/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* ------------------------------------------------------------------- */
/* استایل صفحه بندی */
/* ------------------------------------------------------------------- */

.elementor-pagination { 
    margin: 40px 0 !important; 
    text-align: center !important; 
    clear: both !important; 
    width: 100% !important; 
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important; 
    gap: 8px !important; 
    flex-wrap: wrap !important; 
    direction: rtl !important; 
}

/* استایل مربع‌های شماره صفحه (سایز دقیق ۴۲ در ۴۲) */
.elementor-pagination .page-numbers { 
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    width: 42px !important; 
    height: 42px !important; 
    min-width: 42px !important; 
    max-width: 42px !important; 
    min-height: 42px !important; 
    max-height: 42px !important;
    padding: 0 !important; 
    background-color: #fff !important; 
    color: #333 !important; 
    border-radius: 8px !important; 
    text-decoration: none !important; 
    font-weight: 500 !important; 
    transition: all 0.3s ease !important; 
    border: 1px solid #e0e0e0 !important; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important; 
    font-size: 16px !important; 
    box-sizing: border-box !important;
    margin: 0 !important; 
    line-height: 1 !important; 
}

/* دکمه‌های قبلی و بعدی (مستطیل‌های شیک با تم قرمز) */
.elementor-pagination .page-numbers.prev, 
.elementor-pagination .page-numbers.next { 
    width: auto !important; 
    min-width: auto !important;
    max-width: none !important;
    padding: 0 15px !important; 
}

/* حالت هاور - قرمز ملایم و جذاب */
.elementor-pagination a.page-numbers:hover { 
    background-color: #ffebee !important; /* قرمز خیلی روشن */
    border-color: #ffcdd2 !important;
    color: #d32f2f !important; /* متن قرمز تیره */
}

/* صفحه فعلی - قرمز مقتدرانه (مخصوص مِستر امین!) */
.elementor-pagination .page-numbers.current { 
    background-color: #d32f2f !important; /* قرمز متریال */
    color: #fff !important; 
    border-color: #d32f2f !important; 
    box-shadow: 0 4px 8px rgba(211, 47, 47, 0.3) !important; 
}

/* مخفی کردن کلمات اضافه المنتور برای حفظ تقارن مربع‌ها */
.elementor-pagination .elementor-screen-only {
    display: none !important;
}

/* استایل سه‌نقطه (...) */
.elementor-pagination .page-numbers.dots { 
    border: none !important; 
    box-shadow: none !important; 
    background: transparent !important; 
    width: auto !important;
    min-width: auto !important; 
    color: #999 !important;
}



/* ============================= */
/* تغییر ظاهر اسکرول کل سایت */
/* ============================= */


::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#eef2f6;
    border-radius:20px;
}

::-webkit-scrollbar-thumb{
    background:#a9b8c9;
    border-radius:20px;
    border:2px solid #eef2f6;
    transition:.3s;
}

::-webkit-scrollbar-thumb:hover{
    background:#8ea3b8;
}


*{
    scrollbar-width:thin;
    scrollbar-color:#a9b8c9 #eef2f6;
}