.elementor-12364 .elementor-element.elementor-element-197f217{--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-12364 .elementor-element.elementor-element-e98fcce > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-e98fcce *//* --- تصميم جدول المقارنة --- */
.comparison-container {
    max-width: 900px;
    margin: 40px auto;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08); /* ظل خفيف للعمق */
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #eee;
    background: #fff;
}

.comp-title {
    background-color: #0b2e59; /* أزرق الهوية */
    color: #fff;
    margin: 0;
    padding: 20px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.table-scroll {
    width: 100%;
    overflow-x: auto; /* يسمح بالتمرير الأفقي في الموبايل */
}

.pro-compare-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px; /* لضمان عدم انضغاط الجدول في الموبايل */
}

.pro-compare-table th {
    background-color: #f8f9fa;
    color: #0b2e59;
    padding: 18px 25px;
    text-align: left;
    font-weight: 800;
    font-size: 16px;
    border-bottom: 3px solid #e67e22; /* خط برتقالي فاصل */
}

.pro-compare-table td {
    padding: 15px 25px;
    color: #555;
    font-size: 15px;
    border-bottom: 1px solid #eee;
    line-height: 1.5;
}

/* تمييز العمود الأول (Feature) */
.feature-head {
    font-weight: bold;
    color: #e67e22 !important; /* النص برتقالي */
    background-color: #fffcf9; /* خلفية كريمي فاتحة جداً */
    width: 20%;
}

/* تلوين الصفوف (Zebra Striping) لسهولة القراءة */
.pro-compare-table tr:nth-child(even) td {
    background-color: #fcfcfc;
}
.pro-compare-table tr:hover td {
    background-color: #f0f4f8; /* هايلايت أزرق فاتح عند مرور الماوس */
}

/* --- تنسيق الموبايل --- */
@media (max-width: 768px) {
    .comp-title { font-size: 18px; padding: 15px; }
    .pro-compare-table th, .pro-compare-table td { padding: 12px 15px; font-size: 14px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94a2d11 *//* --- تنسيق الروابط المظللة والتفاعلية --- */

/* الحاوية (اختياري لضبط المسافات) */
.shaded-links-container {
    line-height: 2; /* لضمان عدم تداخل التظليل بين السطور */
    margin: 20px 0;
}

/* التنسيق الأساسي للرابط المظلل */
a.shaded-link {
    display: inline-block;
    background-color: rgba(230, 126, 34, 0.12); /* تظليل برتقالي خفيف جداً */
    color: #0b2e59; /* لون النص الأزرق الخاص بهوية الشركة */
    font-weight: 800; /* خط سميك وواضح */
    text-decoration: none;
    padding: 2px 10px;
    margin: 0 2px;
    border-radius: 6px;
    border-bottom: 3px solid #e67e22; /* خط برتقالي سميك أسفل الكلمة */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    -webkit-tap-highlight-color: transparent; /* إلغاء المربع في الموبايل */
}

/* تأثير عند تمرير الماوس (Desktop) */
a.shaded-link:hover {
    background-color: #e67e22; /* تتحول الخلفية للبرتقالي بالكامل */
    color: #ffffff !important; /* يتحول النص للأبيض */
    transform: translateY(-2px); /* يرتفع الرابط قليلاً */
    box-shadow: 0 4px 10px rgba(230, 126, 34, 0.3); /* ظل برتقالي ناعم */
}

/* تأثير عند الضغط في الموبايل */
a.shaded-link:active {
    transform: scale(0.95); /* ينضغط الرابط قليلاً عند اللمس */
}

/* تمييز خاص لكل رابط عند الرغبة في تغيير الألوان (اختياري) */
a.shaded-link[href*="soleil"] { border-bottom-color: #e67e22; }
a.shaded-link[href*="cairo"] { border-bottom-color: #2980b9; } /* لون أزرق مختلف قليلاً للقاهرة *//* End custom CSS */