.elementor-10737 .elementor-element.elementor-element-17574c7e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10737 .elementor-element.elementor-element-74b8cfa1{--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-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10737 .elementor-element.elementor-element-2a7d9ef1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-post-navigation span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-10737 .elementor-element.elementor-element-0267e32 span.post-navigation__prev--title, .elementor-10737 .elementor-element.elementor-element-0267e32 span.post-navigation__next--title{font-family:"Roboto Slab", Sans-serif;font-size:19px;font-weight:400;}.elementor-10737 .elementor-element.elementor-element-0267e32 .elementor-post-navigation__separator{width:1px;}.elementor-10737 .elementor-element.elementor-element-0267e32 .elementor-post-navigation{border-block-width:1px;}.elementor-10737 .elementor-element.elementor-element-0267e32 .elementor-post-navigation__next.elementor-post-navigation__link{width:calc(50% - (1px / 2));}.elementor-10737 .elementor-element.elementor-element-0267e32 .elementor-post-navigation__prev.elementor-post-navigation__link{width:calc(50% - (1px / 2));}.elementor-10737 .elementor-element.elementor-element-324cc4bd{--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;}@media(max-width:767px){.elementor-10737 .elementor-element.elementor-element-3d36071{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10737 .elementor-element.elementor-element-0267e32 span.post-navigation__prev--title, .elementor-10737 .elementor-element.elementor-element-0267e32 span.post-navigation__next--title{font-size:6px;}}@media(min-width:768px){.elementor-10737 .elementor-element.elementor-element-17574c7e{--content-width:1470px;}.elementor-10737 .elementor-element.elementor-element-74b8cfa1{--width:70%;}.elementor-10737 .elementor-element.elementor-element-324cc4bd{--width:30%;}}/* Start custom CSS for theme-post-title, class: .elementor-element-2a7d9ef1 *//* تنسيق دقيق للعنوان ليصبح متناسقاً */
h1.custom-post-title {
    /* 1. ضبط الحجم والمساحة */
    display: block !important;
    width: 100% !important;
    max-width: 800px !important; /* تحديد عرض أقصى ليجبر الكلام على التوسط */
    margin-left: auto !important;  /* التوسيط التلقائي */
    margin-right: auto !important; /* التوسيط التلقائي */
    
    /* 2. ضبط شكل النص */
    text-align: center !important; /* محاذاة النص في الوسط */
    font-size: 36px !important;    /* تصغير الخط قليلاً ليصبح شيك (كان ضخماً جداً) */
    line-height: 1.4 !important;   /* مسافة مريحة بين السطور */
    font-weight: 800 !important;   /* سماكة الخط */
    color: #0b2e59 !important;     /* اللون الأزرق */
    
    /* 3. ضبط المسافات */
    margin-top: 20px !important;
    margin-bottom: 25px !important;
    padding: 0 10px !important;    /* مسافة أمان جانبية */
}

/* تنسيق الخط البرتقالي أسفل العنوان */
h1.custom-post-title::after {
    content: "";
    display: block;
    width: 80px;      /* عرض الخط */
    height: 4px;      /* سمك الخط */
    background-color: #e67e22;
    margin: 20px auto 0 auto; /* توسيط الخط أسفل الكلام */
    border-radius: 2px;
}

/* --- تعديل مهم جداً للموبايل --- */
@media (max-width: 768px) {
    h1.custom-post-title {
        font-size: 26px !important; /* تصغير الخط في الموبايل */
        max-width: 100% !important;
        line-height: 1.3 !important;
    }
}/* End custom CSS */
/* Start custom CSS for theme-post-featured-image, class: .elementor-element-3d36071 *//* استهداف الصورة التي تحمل الكلاس الخاص */
.custom-hero-image img {
    height: 450px !important; /* الارتفاع الذي تريده - !important تجبرها على التغير */
    width: 100% !important; /* العرض كامل */
    object-fit: cover !important; /* قص الزوائد للحفاظ على جودة الصورة */
    border-radius: 15px; /* حواف دائرية */
    display: block;
    margin: 0 auto; /* توسيط الصورة */
}

/* تعديل الارتفاع للموبايل */
@media (max-width: 768px) {
    .custom-hero-image img {
        height: 250px !important; /* ارتفاع أصغر للموبايل */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1316dec2 *//* --- 1. الحاوية الرئيسية للشريط الجانبي --- */
.clean-sidebar-widget {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    max-width: 350px; /* يمكنك تعديل العرض حسب تصميم موقعك */
    margin: 0 auto;
    direction: ltr;
}

/* --- 2. قسم الرحلات المقترحة (Tours List) --- */
.sidebar-tours-list {
    background: #ffffff;
    padding: 25px;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    margin-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); /* ظل خفيف جداً للأناقة */
}

/* عنوان القسم */
.sidebar-tours-list .widget-title {
    font-family: "Playfair Display", "Georgia", serif;
    color: #0B1B3D; /* كحلي داكن */
    font-size: 22px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #C89B3C; /* خط ذهبي سفلي لإبراز العنوان */
    padding-bottom: 10px;
    display: inline-block;
}

/* عناصر الرحلات */
.text-tour-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.text-tour-item:last-child {
    border-bottom: none; /* إزالة الخط من العنصر الأخير */
    padding-bottom: 0;
}

.tour-name {
    font-size: 15px;
    line-height: 1.5;
    color: #4a4a4a; /* رمادي داكن لراحة العين */
    padding-right: 15px;
    transition: color 0.3s ease;
}

.tour-price {
    font-weight: 700;
    color: #0B1B3D;
    font-size: 16px;
    transition: color 0.3s ease;
}

/* تأثيرات المرور (Hover) للرحلات */
.text-tour-item:hover .tour-name {
    color: #0B1B3D;
    font-weight: 600;
}

.text-tour-item:hover .tour-price {
    color: #C89B3C; /* السعر يتحول للذهبي عند مرور الماوس */
}

/* --- 3. صندوق الثقة (Trust Box) - تصميم فخم ومميز --- */
.sidebar-trust-box {
    background-color: #0B1B3D; /* خلفية كحلي داكن تبرز الفخامة */
    padding: 30px 25px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(11, 27, 61, 0.15);
}

.trust-title {
    font-family: "Playfair Display", "Georgia", serif;
    color: #C89B3C; /* لون ذهبي */
    font-size: 22px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 20px;
}

.trust-features {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
    text-align: left; /* محاذاة لليسار لسهولة القراءة */
}

.trust-features li {
    color: #ffffff; /* نص أبيض لتباين ممتاز مع الخلفية الكحلية */
    font-size: 15px;
    margin-bottom: 12px;
    line-height: 1.5;
    display: flex;
    align-items: center;
}

/* --- 4. زر الحجز (Call to Action Button) --- */
.custom-trip-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    background-color: #C89B3C; /* خلفية ذهبية */
    color: #0B1B3D !important; /* نص كحلي */
    text-decoration: none !important;
    padding: 14px 20px;
    font-weight: 700;
    font-size: 16px;
    border-radius: 6px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.custom-trip-btn:hover {
    background-color: #e2c792; /* درجة أفتح من الذهبي عند اللمس */
    transform: translateY(-3px); /* حركة خفيفة للأعلى لتشجيع النقر */
    box-shadow: 0 4px 10px rgba(200, 155, 60, 0.4);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17574c7e *//* 1. الصندوق الخارجي - تصميم نظيف بدون إطار (Clean Look) */
.fancy-title-box {
    background-color: transparent !important; /* خلفية شفافة لتندمج مع الصفحة */
    border: none !important;              /* إزالة الإطار تماماً */
    box-shadow: none !important;          /* إزالة الظل تماماً */
    padding: 30px 0;                      /* مسافة من الأعلى والأسفل فقط */
    margin: 20px auto;
    max-width: 850px;
    text-align: left;
    direction: ltr;
}

/* 2. تنسيق العناوين */
.fancy-title-box h1, 
.fancy-title-box h2,
.fancy-title-box .wp-block-post-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 36px !important;
    font-weight: 800 !important;
    color: #1a202c !important;
    line-height: 1.3 !important;
    margin-bottom: 25px !important;
    margin-top: 10px !important;
}

/* 3. تنسيق الفقرات */
.fancy-title-box p {
    font-size: 19px !important;
    line-height: 1.8 !important;
    color: #4a5568 !important;
    margin-bottom: 20px !important;
}

/* 4. القوائم النقطية */
.fancy-title-box ul {
    margin: 25px 0 !important;
    padding-left: 20px !important;
    list-style-type: disc !important;
}

.fancy-title-box li {
    font-size: 18px !important;
    line-height: 1.7 !important;
    margin-bottom: 12px !important;
    color: #2d3748 !important;
    padding-left: 10px;
}

/* 5. تنسيق الروابط */
.fancy-title-box a {
    color: #0066cc !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
    transition: color 0.2s ease;
}

.fancy-title-box a:hover {
    color: #e67e22 !important;
}

/* --- 6. ضبط الموبايل (بدون حواف) --- */
@media (max-width: 768px) {
    .fancy-title-box {
        padding: 10px 0 !important;    /* تقليل المسافات الرأسية */
        margin: 10px 0 !important;     /* إلغاء الهوامش الجانبية ليأخذ العرض كامل */
        width: 100% !important;        /* العرض بالكامل */
        border: none !important;       /* تأكيد إزالة الإطار */
        box-shadow: none !important;   /* تأكيد إزالة الظل */
    }

    .fancy-title-box h1, 
    .fancy-title-box h2,
    .fancy-title-box .wp-block-post-title {
        font-size: 26px !important;
        line-height: 1.35 !important;
        margin-bottom: 15px !important;
    }

    .fancy-title-box p {
        font-size: 17px !important;
        line-height: 1.6 !important;
    }

    .fancy-title-box ul {
        padding-left: 15px !important;
    }

    .fancy-title-box li {
        font-size: 16px !important;
    }
}

/* --- 7. ضبط مقاسات الصور (Responsive Images) --- */
.fancy-title-box img {
    max-width: 100% !important; /* يضمن أن الصورة لن تتخطى عرض الشاشة أو الصندوق أبداً */
    height: auto !important;    /* يحافظ على أبعاد الصورة الأصلية لتجنب أي تشوه أو مط */
    display: block !important;  /* يعامل الصورة ككتلة مستقلة لسهولة التحكم بها */
    margin: 25px auto !important; /* يضع مسافة مناسبة أعلى وأسفل الصورة ويقوم بتوسيطها */
    border-radius: 8px !important; /* يضيف حواف دائرية ناعمة تعطي طابعاً احترافياً وحديثاً */
}/* End custom CSS */