.elementor-107 .elementor-element.elementor-element-c5a30e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-107 .elementor-element.elementor-element-94d545a{--display:flex;}.elementor-107 .elementor-element.elementor-element-d650791{--display:flex;}.elementor-107 .elementor-element.elementor-element-a63ed99{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}/* Start custom CSS *//* استيراد الخطوط الفاخرة من جوجل */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;700&display=swap');

.wp-block-group.hostinger-ai-menu {
    display: none !important;
}
.wp-block-group.has-color-2-background-color {
    display: none !important;
}

h1.wp-block-post-title {
    display: none !important;
}
.entry-content, .site-content {
    max-width: 100% !important;
}

/* 1. إخفاء الهيدر الافتراضي للقالب الذي يسبب الفراغ العلوي */
header.site-header.wp-block-template-part {
    display: none !important;
}

/* 2. إزالة الهوامش من الحاوية الرئيسية للمحتوى */
main#wp--skip-link--target {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 3. إلغاء أي هوامش من الجسم (Body) */
body {
    margin: 0 !important;
    padding: 0 !important;
}


/* 5. إخفاء عنوان الصفحة "الرئيسية" الذي يظهر تحت الهيدر */
.hostinger-ai-page-title {
    display: none !important;
}

/* الحل الجذري للسكرول الأفقي */
html, body {
    width: 100% !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}



/* حل خاص لـ Fusion Builder إذا كان هو السبب */
.fusion-fullwidth, .fusion-row, .fusion-builder-row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* 1. الخلفية الأساسية للموقع */
body, html {
    background-color: #000000 !important; /* أسود فحمي فخم */
    color: #000000 !important; /* رمادي فاتح للنصوص لراحة العين */
}

/* 2. تغيير ألوان العناوين لتكون بيضاء واضحة */
h1, h2, h3, h4, h5, h6, .title-heading-left, .title-duck {
    color: #ffffff !important;
}

/* 3. جعل الخلفيات البيضاءان الأيقونات والحدود لتناسب الوضع الداكن */
.icon-box {
    background: #ffffff !important; /* الأيقونات خلفيتها بيضاء لتعطي تبايناً */
    color: #000000 !important;
}

.review-item, .feature-card {
    border: 1px solid #333 !important; /* حدود رمادية داكنة */
}

/* 5. الروابط (Links) */
a {
    color: #ffcc00 !important; /* لون ذهبي للروابط ليعطي فخامة مع الأسود */
}

/* 6. تحسين زر "احجز الآن" ليبرز في الوضع الداكن */
.btn-book {
    background: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #ffffff !important;
}

.btn-book:hover {
    background: transparent !important;
    color: #ffffff !important;
}/* End custom CSS */