/* 
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 */
/* ===================================================
   1. حل التمرير الأفقي والاهتزاز يميناً ويساراً نهائياً
=================================================== */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    position: relative;
    margin: 0;
    padding: 0;
}

*, *::before, *::after {
    box-sizing: border-box !important;
}

/* ضبط حاوية الصفحة الرئيسية لمنع أي عرض إضافي */
.ana-container,
.ana-main-wrapper,
.ana-latest-container,
.ana-latest-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ===================================================
   2. إضافة مسافة رأسية وضبط العرض المتناسق بين البانر والنشرة
=================================================== */
/* إضافة مسافة فاصلة مريحة تحت البانر */
.ana-banner-modern-widget {
    margin-bottom: 25px !important; /* المسافة بين الصورة والصندوق الأحمر */
    width: 100% !important;
    display: block !important;
}

.ana-banner-modern-widget a {
    display: block !important;
    width: 100% !important;
}

.ana-banner-modern-widget img,
.ana-banner-modern-img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 12px !important;
    object-fit: cover !important;
}

/* ضبط صندوق النشرة البريدية ليطابق نفس العرض تماماً */
.ana-newsletter-red {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}