.elementor-12243 .elementor-element.elementor-element-ece3ac6{--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;}.elementor-12243 .elementor-element.elementor-element-9bc9e38{--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-12243 .elementor-element.elementor-element-3413a08{--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(min-width:768px){.elementor-12243 .elementor-element.elementor-element-9bc9e38{--width:70%;}.elementor-12243 .elementor-element.elementor-element-3413a08{--width:30%;}}/* Start custom CSS for theme-post-title, class: .elementor-element-f4b6469 *//* تنسيق دقيق للعنوان ليصبح متناسقاً */
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-bba1a1b *//* استهداف الصورة التي تحمل الكلاس الخاص */
.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-7721408 *//* الحاوية الرئيسية */
.clean-sidebar-widget {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    font-family: 'Helvetica Neue', Arial, sans-serif;
    /* التثبيت عند التمرير */
    position: sticky;
    top: 20px;
    margin-bottom: 30px;
}

/* --- الجزء الأول: القائمة النصية --- */
.sidebar-tours-list {
    padding: 0;
}

.widget-title {
    background-color: #0b2e59; /* الأزرق الغامق */
    color: #fff;
    margin: 0;
    padding: 15px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
}

.text-tour-item {
    display: flex; /* وضع الاسم بجانب السعر */
    justify-content: space-between; /* توزيع المسافة بينهم */
    align-items: center;
    padding: 15px;
    text-decoration: none;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.2s;
}

.text-tour-item:hover {
    background-color: #f9fbfd; /* لون أزرق خفيف جداً عند التحويم */
}

.text-tour-item:hover .tour-name {
    color: #e67e22; /* تغيير لون الاسم عند التحويم */
}

.tour-name {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    padding-right: 10px; /* مسافة بين الاسم والسعر */
}

.tour-price {
    font-size: 15px;
    font-weight: bold;
    color: #0b2e59;
    background: #eee;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap; /* منع السعر من النزول لسطر ثاني */
}

/* --- الجزء الثاني: صندوق الثقة (الأسفل) --- */
.sidebar-trust-box {
    background-color: #f4f8fb; /* خلفية مختلفة لتمييزه */
    padding: 20px;
    border-top: 3px solid #e67e22; /* خط فاصل برتقالي */
    text-align: center;
}

.trust-title {
    color: #0b2e59;
    font-size: 16px;
    margin: 0 0 15px;
    font-weight: bold;
}

.trust-features {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    text-align: left; /* جعل النقاط تبدأ من اليسار */
    display: inline-block; /* لتوسيط الكتلة */
}

.trust-features li {
    font-size: 14px;
    color: #555;
    margin-bottom: 8px;
}

/* زر الطلب الخاص */
.custom-trip-btn {
    display: block;
    background-color: #25d366; /* لون الواتساب */
    color: #fff !important;
    text-decoration: none;
    padding: 12px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
    transition: transform 0.2s;
}

.custom-trip-btn:hover {
    background-color: #20bd5a;
    transform: translateY(-2px);
}

.custom-trip-btn span {
    margin-left: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ece3ac6 *//* 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;
    }
}/* End custom CSS */