.elementor-472 .elementor-element.elementor-element-6b85299{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-472 .elementor-element.elementor-element-6b85299::before, .elementor-472 .elementor-element.elementor-element-6b85299 > .elementor-background-video-container::before, .elementor-472 .elementor-element.elementor-element-6b85299 > .e-con-inner > .elementor-background-video-container::before, .elementor-472 .elementor-element.elementor-element-6b85299 > .elementor-background-slideshow::before, .elementor-472 .elementor-element.elementor-element-6b85299 > .e-con-inner > .elementor-background-slideshow::before, .elementor-472 .elementor-element.elementor-element-6b85299 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-472 .elementor-element.elementor-element-6b85299:not(.elementor-motion-effects-element-type-background), .elementor-472 .elementor-element.elementor-element-6b85299 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-472 .elementor-element.elementor-element-c2671dd .eael-breadcrumbs .eael-breadcrumbs__content{background-color:#FFFFFF00;color:var( --e-global-color-primary );font-family:"Alexandria", Sans-serif;}.elementor-472 .elementor-element.elementor-element-c2671dd .eael-breadcrumbs .eael-breadcrumbs__content a{color:#FFFFFF;}.elementor-472 .elementor-element.elementor-element-c2671dd .eael-breadcrumbs .eael-breadcrumb-separator svg path{fill:#FFFFFF;}.elementor-472 .elementor-element.elementor-element-c2671dd .eael-breadcrumbs .eael-breadcrumb-separator{color:#FFFFFF;margin:0 10px;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-472 .elementor-element.elementor-element-8347529{background-color:#FFFFFFA6;padding:5px 9px 5px 10px;border-radius:10px 10px 10px 10px;}.elementor-472 .elementor-element.elementor-element-8347529 .elementor-icon-list-icon i{color:var( --e-global-color-accent );font-size:14px;}.elementor-472 .elementor-element.elementor-element-8347529 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );--e-icon-list-icon-size:14px;}.elementor-472 .elementor-element.elementor-element-8347529 .elementor-icon-list-icon{width:14px;}.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-472 .elementor-element.elementor-element-c5532a0{text-align:center;}.elementor-472 .elementor-element.elementor-element-c5532a0 .elementor-heading-title{font-family:"Alexandria", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-472 .elementor-element.elementor-element-b4dcad5{--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;--padding-top:50px;--padding-bottom:70px;--padding-left:10px;--padding-right:10px;}.elementor-472 .elementor-element.elementor-element-8f882e7{--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;--border-radius:10px 10px 10px 10px;}.elementor-472 .elementor-element.elementor-element-8f882e7:not(.elementor-motion-effects-element-type-background), .elementor-472 .elementor-element.elementor-element-8f882e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F0EA;}.elementor-472 .elementor-element.elementor-element-8f882e7.e-con{--align-self:flex-start;}.elementor-472 .elementor-element.elementor-element-d50c3ff{--spacer-size:30px;}.elementor-472 .elementor-element.elementor-element-661a750{--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-472 .elementor-element.elementor-element-459cb12{--spacer-size:30px;}.elementor-472 .elementor-element.elementor-element-34d4bc8{--display:flex;--padding-top:70px;--padding-bottom:70px;--padding-left:10px;--padding-right:10px;}.elementor-472 .elementor-element.elementor-element-2c3360d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-472 .elementor-element.elementor-element-c00f099{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-472 .elementor-element.elementor-element-c00f099 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-472 .elementor-element.elementor-element-c00f099{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-472 .elementor-element.elementor-element-6b85299{--min-height:70vh;}.elementor-472 .elementor-element.elementor-element-c5532a0{text-align:center;}.elementor-472 .elementor-element.elementor-element-c5532a0 .elementor-heading-title{font-size:27px;line-height:1.4em;}.elementor-472 .elementor-element.elementor-element-a762c15{text-align:center;}.elementor-472 .elementor-element.elementor-element-c00f099{--swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-472 .elementor-element.elementor-element-8f882e7{--width:30%;}.elementor-472 .elementor-element.elementor-element-661a750{--width:70%;}}/* Start custom CSS for shortcode, class: .elementor-element-1e00279 *//* ربط لوحة الألوان المخصصة */
:root {
    --e-global-color-primary: #2BB2DD;
    --e-global-color-secondary: #000000;
    --e-global-color-text: #3F3F3F;
    --e-global-color-accent: #F80E76;
    --e-global-color-yellow: #FFBE36;
    --modern-radius: 16px;
}

/* التنسيق الأساسي للملف */
.modern-dest-section {
    font-family: "Alexandria", sans-serif;
    direction: rtl;
    margin-bottom: 50px;
}

/* تنسيق الهيدر الرئيسي الثابت للـ Widget */
.m-section-main-header {
    margin-bottom: 28px;
    border-bottom: 1px solid #f0f4f7;
    padding-bottom: 16px;
}
.m-section-main-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--e-global-color-secondary);
    margin: 0 0 6px 0;
}
.m-section-main-subtitle {
    font-size: 0.88rem;
    color: var(--e-global-color-text);
    margin: 0;
}

/* شبكة بطاقات الطقس المتطورة */
.m-weather-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.m-weather-card {
    background: #ffffff;
    border: 1px solid #f0f4f7;
    border-radius: var(--modern-radius);
    padding: 24px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.015);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.m-weather-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(43, 178, 221, 0.06);
    border-color: rgba(43, 178, 221, 0.15);
}

/* حاوية أيقونات الـ SVG */
.m-icon-wrapper {
    background: #f4fbfd;
    color: var(--e-global-color-primary);
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}
.m-icon-wrapper svg {
    width: 22px;
    height: 22px;
}
.m-weather-card:hover .m-icon-wrapper {
    background: var(--e-global-color-primary);
    color: #ffffff;
}

.m-card-body {
    display: flex;
    flex-direction: column;
}
.m-card-title {
    font-size: 0.98rem;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    margin: 0 0 6px 0;
}
.m-card-desc {
    font-size: 0.85rem;
    color: var(--e-global-color-text);
    margin: 0;
    line-height: 1.6;
}

/* صناديق التوقيت (تم إلغاء الـ border الجانبي الحاد واستبداله بـ Soft Floating Cards) */
.m-timing-box {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-bottom: 35px;
}

.m-time-item {
    background: #ffffff;
    border: 1px solid #f0f4f7;
    border-radius: var(--modern-radius);
    padding: 22px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01);
    transition: all 0.3s ease;
}

/* تخصيص الخلفية الخفيفة بدلاً من الـ Border المزعج */
.m-time-item.item-best {
    background: #f4fbfd; /* مشتق من أزرق البريمري */
    border-color: rgba(43, 178, 221, 0.08);
}
.m-time-item.item-cheap {
    background: #fffcf4; /* مشتق من الأصفر */
    border-color: rgba(255, 190, 54, 0.1);
}

.m-time-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.03);
}

.m-time-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.m-time-icon svg {
    width: 24px;
    height: 24px;
}

.m-time-item.item-best .m-time-icon { color: var(--e-global-color-primary); }
.m-time-item.item-cheap .m-time-icon { color: var(--e-global-color-yellow); }

.m-time-text {
    display: flex;
    flex-direction: column;
}
.m-time-label {
    font-size: 0.78rem;
    color: var(--e-global-color-text);
    margin-bottom: 3px;
}
.m-time-val {
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--e-global-color-secondary);
}

/* صندوق أسباب الزيارة */
.m-reasons-box {
    background: #ffffff;
    border: 1px solid #f0f4f7;
    border-radius: var(--modern-radius);
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.015);
}
.m-reasons-heading {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--e-global-color-secondary);
    margin-top: 0;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.m-heading-dot {
    width: 6px;
    height: 6px;
    background: var(--e-global-color-accent);
    border-radius: 50%;
    display: inline-block;
}
.m-wysiwyg-content {
    font-size: 0.92rem;
    color: var(--e-global-color-text);
    line-height: 1.8;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4d44a88 *//* ربط لوحة الألوان المخصصة */
:root {
    --e-global-color-primary: #2BB2DD;
    --e-global-color-secondary: #000000;
    --e-global-color-text: #3F3F3F;
    --e-global-color-accent: #F80E76; /* تم تعيينه بقوة هنا للطوارئ */
    --e-global-color-yellow: #FFBE36;
    --modern-radius: 16px;
}

/* شبكة أرقام الطوارئ */
.m-emergency-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin-bottom: 40px;
}

/* تصميم كروت الطوارئ باللون الوردي النظيف لسرعة التمييز */
.m-phone-card {
    background: #fff5f8; /* خلفية هادئة مشتقة من لون الأكسنت الوردي */
    border: 1px solid rgba(248, 14, 118, 0.06);
    border-radius: var(--modern-radius);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all 0.3s ease;
}

.m-phone-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(248, 14, 118, 0.06);
    border-color: rgba(248, 14, 118, 0.15);
}

/* صندوق الأيقونة الخاص بالطوارئ */
.m-phone-icon-box {
    width: 44px;
    height: 44px;
    background: var(--e-global-color-accent);
    color: #ffffff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.m-phone-icon-box svg {
    width: 20px;
    height: 20px;
}

/* تنويع الهوية - بطاقة الإسعاف تأخذ اللون البريمري لكسر التكرار */
.m-phone-card.p-ambulance {
    background: #f4fbfd;
    border-color: rgba(43, 178, 221, 0.06);
}
.m-phone-card.p-ambulance .m-phone-icon-box {
    background: var(--e-global-color-primary);
}
.m-phone-card.p-ambulance:hover {
    box-shadow: 0 10px 25px rgba(43, 178, 221, 0.06);
    border-color: rgba(43, 178, 221, 0.15);
}

/* تنويع الهوية - بطاقة المطافئ تأخذ اللون الأصفر */
.m-phone-card.p-fire {
    background: #fffcf4;
    border-color: rgba(255, 190, 54, 0.06);
}
.m-phone-card.p-fire .m-phone-icon-box {
    background: var(--e-global-color-yellow);
}
.m-phone-card.p-fire:hover {
    box-shadow: 0 10px 25px rgba(255, 190, 54, 0.06);
    border-color: rgba(255, 190, 54, 0.15);
}

.m-phone-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.m-phone-label {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--e-global-color-text);
}
.m-phone-number {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--e-global-color-secondary);
    text-decoration: none;
    transition: color 0.2s ease;
}

/* صندوق قائمة السفارات */
.m-embassies-wrapper {
    background: #ffffff;
    border: 1px solid #f0f4f7;
    border-radius: var(--modern-radius);
    padding: 26px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.015);
}
.m-embassies-heading {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--e-global-color-secondary);
    margin-top: 0;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.m-heading-dot-blue {
    width: 6px;
    height: 6px;
    background: var(--e-global-color-primary);
    border-radius: 50%;
    display: inline-block;
}

.m-embassies-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* أسطر السفارات بطريقة موديولر فاخرة */
.m-embassy-row-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    border: 1px solid #f0f4f7;
    padding: 12px 18px;
    border-radius: 12px;
    transition: all 0.2s ease;
}
.m-embassy-row-item:hover {
    border-color: rgba(43, 178, 221, 0.15);
    background: #fafcfd;
}

.m-embassy-info {
    display: flex;
    align-items: center;
    gap: 12px;
}
.m-embassy-svg {
    color: var(--e-global-color-primary);
    display: flex;
    align-items: center;
}
.m-embassy-svg svg {
    width: 18px;
    height: 18px;
}
.m-embassy-name {
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--e-global-color-secondary);
}

/* زر الاتصال بالسفارة المودرن */
.m-embassy-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f4fbfd;
    color: var(--e-global-color-primary);
    text-decoration: none;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    transition: all 0.2s ease;
}
.m-embassy-btn svg {
    width: 14px;
    height: 14px;
}
.m-embassy-btn:hover {
    background: var(--e-global-color-primary);
    color: #ffffff;
}

/* ريسبونسيف الموبايل لعدم تداخل العناصر */
@media (max-width: 580px) {
    .m-embassy-row-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 16px;
    }
    .m-embassy-btn {
        width: 100%;
        justify-content: center;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-484bedf *//* ربط لوحة الألوان الموحدة للمشروع */
:root {
    --e-global-color-primary: #2BB2DD;
    --e-global-color-secondary: #000000;
    --e-global-color-text: #3F3F3F;
    --e-global-color-accent: #F80E76;
    --modern-radius: 16px;
    --essential-bg-card: #ffffff;
}

/* حاوية الجريد للمعلومات الأساسية */
.m-essentials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 18px;
}

/* تصميم البطاقة كعنصر عائم ناعم جداً بدون حواف حادة وبخلفية مريحة */
.m-essential-card-item {
    background: var(--essential-bg-card);
    border: 1px solid #f0f4f7;
    border-radius: var(--modern-radius);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.015);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* تأثير التمرير الفاخر - تغيير ناعم للحدود والظل مائل للون البريمري */
.m-essential-card-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(43, 178, 221, 0.05);
    border-color: rgba(43, 178, 221, 0.12);
}

/* الصندوق المودرن للأيقونة الـ SVG الهندسية */
.m-essential-icon-box {
    width: 44px;
    height: 44px;
    background: #f4fbfd; /* لون ناعم مقتبس من البريمري الأزرق */
    color: var(--e-global-color-primary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.m-essential-icon-box svg {
    width: 20px;
    height: 20px;
}

/* حركة تفاعلية مريحة عند تمرير الماوس على البطاقة لتغيير لون الأيقونة */
.m-essential-card-item:hover .m-essential-icon-box {
    background: var(--e-global-color-primary);
    color: #ffffff;
}

/* هيكلة النصوص داخل بطاقة المعلومات */
.m-essential-meta-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.m-essential-label {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    letter-spacing: -0.01em;
}

.m-essential-value {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--e-global-color-text);
    line-height: 1.4;
}

/* التوافق التام مع الشاشات الصغيرة جداً للهواتف */
@media (max-width: 480px) {
    .m-essentials-grid {
        grid-template-columns: 1fr; /* عرض البطاقات تحت بعضها بسلاسة */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b28991d *//* ربط لوحة الألوان المخصصة وثبات الهوية */
:root {
    --e-global-color-primary: #2BB2DD;
    --e-global-color-secondary: #000000;
    --e-global-color-text: #3F3F3F;
    --e-global-color-accent: #F80E76;
    --e-global-color-yellow: #FFBE36;
    --modern-radius: 16px;
}

/* حاوية التابات الهيكلية */
.m-transport-tabs-container {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #f0f4f7;
    border-radius: var(--modern-radius);
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.015);
}

/* إخفاء إنبوت الراديو الفعلي للحفاظ على نظافة التحكم ميكانيكياً */
.m-tab-input {
    display: none !important;
}

/* أزرار التابات (Triggers) كبطاقات فلكس مرنة بجانب بعضها */
.m-tab-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 24px;
    background: #f8fafc;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--e-global-color-text);
    cursor: pointer;
    transition: all 0.25s ease;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

/* تباعد الأزرار بشكل أفقي ناعم */
.m-tab-trigger:not(:last-of-type) {
    margin-left: 10px;
}

.m-tab-trigger svg {
    width: 18px;
    height: 18px;
    transition: transform 0.2s ease;
}

/* ربط تفعيل التابات بالـ CSS المحض عبر الـ Pseudo-classes لسرعة قصوى ونظافة تامة */
#tab_car:checked ~ .t-car {
    background: #f4fbfd;
    color: var(--e-global-color-primary);
    border-color: rgba(43, 178, 221, 0.15);
}
#tab_plane:checked ~ .t-plane {
    background: #fff5f8;
    color: var(--e-global-color-accent);
    border-color: rgba(248, 14, 118, 0.15);
}
#tab_train:checked ~ .t-train {
    background: #fffcf4;
    color: var(--e-global-color-yellow);
    border-color: rgba(255, 190, 54, 0.15);
}

.m-tab-trigger:hover svg {
    transform: scale(1.08);
}

/* إخفاء محتوى لوحات العرض افتراضياً ليظهر اللوح المختار فقط */
.m-tab-panel {
    display: none;
    animation: fadeInTab 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* تشغيل العرض الميكانيكي للألواح والربط بالراديو المختار */
#tab_car:checked ~ .m-tabs-content-wrapper .panel-car { display: block; }
#tab_plane:checked ~ .m-tabs-content-wrapper .panel-plane { display: block; }
#tab_train:checked ~ .m-tabs-content-wrapper .panel-train { display: block; }

/* تأثير تدرج ناعم جداً لظهور البيانات لمنع الـ Flicker البصري البشع */
@keyframes fadeInTab {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* قائمة وبطاقات مسارات النقل والمسافات */
.m-routes-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.m-route-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    border: 1px solid #f0f4f7;
    padding: 14px 20px;
    border-radius: 12px;
    transition: all 0.25s ease;
}

.m-route-card:hover {
    border-color: #e2e8f0;
    background: #fafcfd;
}

.m-route-info {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* مؤشر بصري ملون دائري مودرن يحل محل الخطوط والبوردرات الجانبية */
.m-route-indicator {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}
.m-route-indicator.c-car { background: var(--e-global-color-primary); }
.m-route-indicator.c-plane { background: var(--e-global-color-accent); }
.m-route-indicator.c-train { background: var(--e-global-color-yellow); }

.m-route-path {
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--e-global-color-secondary);
}

/* شارات وبادجات الوقت المستغرق للسفر */
.m-route-duration {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--e-global-color-text);
    background: #f8fafc;
    padding: 6px 14px;
    border-radius: 30px;
}

.m-route-duration svg {
    width: 14px;
    height: 14px;
    color: var(--e-global-color-text);
}

/* ريسبونسيف الموبايل لترتيب لوحة التابات أفقياً أو عمودياً بسلاسة */
@media (max-width: 580px) {
    .m-tab-trigger {
        width: 100%;
        margin-bottom: 8px;
    }
    .m-tab-trigger:not(:last-of-type) {
        margin-left: 0;
    }
    .m-route-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 16px;
    }
    .m-route-duration {
        align-self: flex-end;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-81429c8 *//* ربط لوحة الألوان الموحدة للمشروع */
:root {
    --e-global-color-primary: #2BB2DD;
    --e-global-color-secondary: #000000;
    --e-global-color-text: #3F3F3F;
    --e-global-color-accent: #F80E76;
    --modern-radius: 16px;
}

/* حاوية بطاقات الأسعار */
.m-prices-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* التنسيق الهيكلي للبطاقة ككتلة بيضاء ناعمة بظلال مريحة للعين */
.m-price-item-card {
    background: #ffffff;
    border: 1px solid #f0f4f7;
    border-radius: var(--modern-radius);
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.m-price-item-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.02);
}

/* هيدر بطاقة السعر الداخلي */
.m-price-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    gap: 12px;
}

.m-price-title-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* شكل الـ SVG المخصص لحالة السعر */
.m-price-svg-dot {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.m-price-svg-dot svg {
    width: 20px;
    height: 20px;
}

.m-price-item-title {
    font-size: 0.98rem;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    margin: 0;
}

/* التمييز البصري الذكي للعلامات (Badges) بدون بهرجة زائدة */
.m-price-badge-tag {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 30px;
}

/* كلاسات التحكم وتوزيع ثقل ألوان البالتة على الحالات (رخيص / غالي) */
.m-price-cheap .m-price-svg-dot { color: var(--e-global-color-primary); }
.m-price-cheap .m-price-badge-tag { background: #f4fbfd; color: var(--e-global-color-primary); }

.m-price-expensive .m-price-svg-dot { color: var(--e-global-color-accent); }
.m-price-expensive .m-price-badge-tag { background: #fff5f8; color: var(--e-global-color-accent); }

/* معمارية شريط التقدم الفاخر (Progress Bar) */
.m-price-bar-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
}

.m-price-bar-bg {
    height: 6px;
    background: #f1f5f9;
    border-radius: 20px;
    flex-grow: 1;
    position: relative;
    overflow: hidden;
}

.m-price-bar-fill {
    height: 100%;
    border-radius: 20px;
    transition: width 1s cubic-bezier(0.16, 1, 0.3, 1);
}

/* تلوين حشو الشريط تلقائياً بناءً على الحالة من البالتة */
.m-price-cheap .m-price-bar-fill { background: var(--e-global-color-primary); }
.m-price-expensive .m-price-bar-fill { background: var(--e-global-color-accent); }

.m-price-percent-digit {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--e-global-color-secondary);
    min-width: 40px;
    text-align: left;
}

/* وصف وتفاصيل السعر الفرعي */
.m-price-item-desc {
    font-size: 0.88rem;
    color: var(--e-global-color-text);
    margin: 0;
    line-height: 1.6;
}

/* توافق ريسبونسيف كامل للهواتف */
@media (max-width: 480px) {
    .m-price-card-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .m-price-badge-tag {
        align-self: flex-end;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-219ccd1 *//* ربط لوحة الألوان الموحدة وثبات الهوية */
:root {
    --e-global-color-primary: #2BB2DD;
    --e-global-color-secondary: #000000;
    --e-global-color-text: #3F3F3F;
    --e-global-color-accent: #F80E76;
    --e-global-color-yellow: #FFBE36; /* توظيف فخم للون الأصفر كإرشاد وتنبير */
    --modern-radius: 16px;
}

/* شبكة عرض النصائح المرنة */
.m-tips-masonry-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

/* بطاقة النصيحة المعمارية الدقيقة */
.m-tip-card-wrapper {
    background: #ffffff;
    border: 1px solid #f0f4f7;
    border-radius: var(--modern-radius);
    padding: 24px;
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
}

/* خط تزييني علوي ناعم جداً بالأصفر ليعطي هوية مبهجة للبطاقة دون تشتيت */
.m-tip-card-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--e-global-color-yellow);
    opacity: 0.7;
    transition: height 0.25s ease;
}

/* تأثير التمرير الراقي - يرتفع الكارت وينبثق البوردر بشكل أعمق */
.m-tip-card-wrapper:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(255, 190, 54, 0.04);
    border-color: rgba(255, 190, 54, 0.15);
}

.m-tip-card-wrapper:hover::before {
    height: 4px;
}

/* الهيدر الداخلي للبطاقة */
.m-tip-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

/* كرة الأيقونة المقتبسة من البالتة الصفرية الدافئة */
.m-tip-icon-sphere {
    width: 38px;
    height: 38px;
    background: #fffcf4; /* خلفية صفراء سوفت مريحة */
    color: var(--e-global-color-yellow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.m-tip-icon-sphere svg {
    width: 18px;
    height: 18px;
}

/* بادج اللمحة الذكية المينيمال */
.m-tip-badge {
    font-size: 0.7rem;
    font-weight: 700;
    color: #a37200;
    background: #fff7e6;
    padding: 3px 10px;
    border-radius: 30px;
    letter-spacing: -0.01em;
}

/* هيكلة النصوص والخطوط داخل النصائح */
.m-tip-content-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.m-tip-item-title {
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--e-global-color-secondary);
    margin: 0;
    line-height: 1.4;
}

.m-tip-item-desc {
    font-size: 0.88rem;
    color: var(--e-global-color-text);
    margin: 0;
    line-height: 1.65;
}

/* توافق الشاشات الصغيرة للموبايل */
@media (max-width: 480px) {
    .m-tip-card-wrapper {
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ae8abac *//* ربط لوحة الألوان الموحدة وثبات المعايير */
:root {
    --e-global-color-primary: #2BB2DD;
    --e-global-color-secondary: #000000;
    --e-global-color-text: #3F3F3F;
    --e-global-color-accent: #F80E76;
    --modern-radius: 16px;
}

/* تقسيم الشبكة الرئيسية لعمودين متناسقين */
.m-links-map-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: flex-start;
}

/* عناوين الأعمدة الجانبية الفرعية */
.m-column-subheading {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--e-global-color-secondary);
    margin-top: 0;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.m-heading-dot-accent {
    width: 6px;
    height: 6px;
    background: var(--e-global-color-accent);
    border-radius: 50%;
}
.m-heading-dot-blue {
    width: 6px;
    height: 6px;
    background: var(--e-global-color-primary);
    border-radius: 50%;
}

/* قائمة الروابط المتراصة */
.m-links-stack {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* بطاقة الرابط المودرن */
.m-link-anchor-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    border: 1px solid #f0f4f7;
    padding: 14px 20px;
    border-radius: 12px;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.m-link-text-group {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* صندوق أيقونة الرابط المستوحى من اللون الأزرق للبالتة */
.m-link-icon-box {
    width: 36px;
    height: 36px;
    background: #f4fbfd;
    color: var(--e-global-color-primary);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s ease;
}
.m-link-icon-box svg {
    width: 16px;
    height: 16px;
}

.m-link-title {
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--e-global-color-secondary);
}

/* سهم الإشارة لليسار */
.m-link-arrow {
    color: #a0aec0;
    display: flex;
    align-items: center;
    transition: transform 0.25s ease, color 0.2s ease;
}
.m-link-arrow svg {
    width: 14px;
    height: 14px;
}

/* تأثير التمرير الفاخر على بطاقة الروابط */
.m-link-anchor-card:hover {
    border-color: rgba(43, 178, 221, 0.18);
    background: #fcfdfe;
    transform: translateX(-4px); /* إزاحة ناعمة لجهة اليمين لتأكيد الحركة باتجاه القراءة العربي */
}
.m-link-anchor-card:hover .m-link-icon-box {
    background: var(--e-global-color-primary);
    color: #ffffff;
}
.m-link-anchor-card:hover .m-link-arrow {
    transform: translateX(-2px);
    color: var(--e-global-color-primary);
}

/* ==========================================================================
   معمارية بطاقة عرض الخريطة وصورتها
   ========================================================================== */
.m-map-card {
    position: relative;
    border-radius: var(--modern-radius);
    overflow: hidden;
    border: 1px solid #f0f4f7;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.015);
    aspect-ratio: 16 / 10; /* الحفاظ على أبعاد سينمائية متناسقة دائمًا */
    background: #f8fafc;
}

.m-map-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    display: block;
}

/* طبقة الأوفرلاي الفاخرة التي تظهر عند تمرير الماوس */
.m-map-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3); /* تظليم خفيف جداً ناعم */
    backdrop-filter: blur(4px); /* تأثير زجاجي فاخر جداً */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* زر التكبير الأنيق العائم */
.m-map-zoom-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    color: var(--e-global-color-secondary);
    text-decoration: none !important;
    padding: 10px 18px;
    border-radius: 30px;
    font-size: 0.85rem;
    font-weight: 700;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(10px);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.m-map-zoom-btn svg {
    width: 16px;
    height: 16px;
    color: var(--e-global-color-primary);
}

/* تأثير التمرير والظهور الاحترافي فوق صورة الخريطة */
.m-map-card:hover .m-map-img {
    transform: scale(1.04);
}
.m-map-card:hover .m-map-overlay {
    opacity: 1;
}
.m-map-card:hover .m-map-zoom-btn {
    transform: translateY(0);
}
.m-map-zoom-btn:hover {
    background: var(--e-global-color-primary);
    color: #ffffff;
}
.m-map-zoom-btn:hover svg {
    color: #ffffff;
}

/* التوافق التام والريسبونسيف على الأجهزة والشاشات الصغيرة */
@media (max-width: 768px) {
    .m-links-map-grid {
        grid-template-columns: 1fr; /* جعل العمودين تحت بعضهما بانسيابية */
        gap: 24px;
    }
    .m-link-anchor-card:hover {
        transform: none; /* إيقاف الإزاحة الأفقية على الموبايل لتفادي مشاكل الأبعاد */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0de1ca8 *//* ربط لوحة الألوان الموحدة وثبات الهوية */
:root {
    --e-global-color-primary: #2BB2DD;
    --e-global-color-secondary: #000000;
    --e-global-color-text: #3F3F3F;
    --e-global-color-accent: #F80E76;
    --e-global-color-yellow: #FFBE36; /* توظيف لون الأكوابون والأصفر هنا للملفات والخطط */
    --modern-radius: 16px;
}

/* حاوية شبكة الجداول المقترحة */
.m-tables-suggested-grid {
    display: grid;
    grid-template-columns: 1fr; /* ممتد بكامل العرض ليعطي برستيج وشكل الخطط الرسمية */
    gap: 14px;
}

/* بطاقة الجدول الأنيقة (Row Style) */
.m-table-action-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    border: 1px solid #f0f4f7;
    border-radius: var(--modern-radius);
    padding: 18px 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* تأثير التمرير النظيف (Minimalist Hover) */
.m-table-action-card:hover {
    border-color: rgba(255, 190, 54, 0.2);
    background: #fffdf9; /* تلميحة خلفية صفراء دافئة جداً وناعمة */
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(255, 190, 54, 0.04);
}

/* الجانب المعرفي داخل الكارت */
.m-table-meta-side {
    display: flex;
    align-items: center;
    gap: 18px;
}

/* أيقونة المستند الدائرية الفخمة */
.m-table-icon-avatar {
    width: 46px;
    height: 46px;
    background: #fffcf4;
    color: var(--e-global-color-yellow);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.25s ease;
}
.m-table-icon-avatar svg {
    width: 22px;
    height: 22px;
}

.m-table-action-card:hover .m-table-icon-avatar {
    background: var(--e-global-color-yellow);
    color: #ffffff;
}

/* النصوص والعناوين الفرعية */
.m-table-text-details {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.m-table-card-title {
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--e-global-color-secondary);
    margin: 0;
    line-height: 1.4;
}

.m-table-card-tag {
    font-size: 0.75rem;
    color: #a37200;
    font-weight: 600;
}

/* جانب زر الأكشن والتنفيذ */
.m-table-action-side {
    flex-shrink: 0;
}

/* زر التصفح الفاخر */
.m-table-view-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #f8fafc;
    color: var(--e-global-color-text);
    text-decoration: none !important;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 0.88rem;
    font-weight: 700;
    border: 1px solid #e2e8f0;
    transition: all 0.25s ease;
}

.m-table-view-btn svg {
    width: 16px;
    height: 16px;
    transform: scaleX(-1); /* لقلب اتجاه السهم ليناسب اتجاه القراءة العربي بشكل صحيح */
    transition: transform 0.25s ease;
}

/* تأثير الماوس على زر التصفح */
.m-table-view-btn:hover {
    background: var(--e-global-color-secondary);
    color: #ffffff;
    border-color: var(--e-global-color-secondary);
}

.m-table-view-btn:hover svg {
    transform: scaleX(-1) translateX(4px); /* حركة السهم للأمام في الاتجاه العربي */
    color: #ffffff;
}

/* توافق ريسبونسيف كامل لشاشات الموبايل المتنوعة */
@media (max-width: 580px) {
    .m-table-action-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 20px;
    }
    .m-table-action-side {
        width: 100%;
    }
    .m-table-view-btn {
        width: 100%;
        justify-content: center;
    }
}/* End custom CSS */