.elementor-10 .elementor-element.elementor-element-3778150d{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-4ee59cb3 *//* ========================================================= */
/* --- 1. الإعدادات العامة ودعم اللغتين (Logical Properties)-*/
/* ========================================================= */
.harakat-account-page .woocommerce {
    background-color: transparent !important;
    padding: 20px 0 !important;
}

.harakat-account-page * {
    font-family: 'Philosopher', 'Cairo', sans-serif !important;
    unicode-bidi: plaintext !important;
    box-sizing: border-box !important;
}

/* ========================================================= */
/* --- 2. تخطيط صفحة تسجيل الدخول / إنشاء حساب ------------- */
/* ========================================================= */
.harakat-account-page #customer_login {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 32px !important;
    max-width: 900px !important; 
    margin: 0 auto !important;
}

.harakat-account-page #customer_login::before,
.harakat-account-page #customer_login::after {
    display: none !important;
}

/* تصميم البطاقات الزجاجية */
.harakat-account-page .u-column1, 
.harakat-account-page .u-column2 {
    background-color: #ffffff !important;
    border-radius: 16px !important;
    padding: 40px 32px !important; 
    box-shadow: 0px 4px 20px rgba(30, 58, 138, 0.05) !important;
    border: 1px solid #e6e8ea !important;
    width: 100% !important;
    float: none !important;
}

/* الخط البرتقالي لبطاقة التسجيل (يتغير مكانه حسب اللغة) */
.harakat-account-page .u-column2 {
    border-inline-end: 4px solid #f97316 !important;
}

/* تنسيق العناوين والحقول والأزرار */
.harakat-account-page h2 {
    color: #1e3a8a !important; 
    font-size: 24px !important; 
    font-weight: 700 !important;
    margin-bottom: 24px !important;
    text-align: start !important; /* تتجاوب مع اللغة */
    border: none !important;
}

.harakat-account-page .woocommerce-form-row {
    margin-bottom: 16px !important;
}

.harakat-account-page label {
    display: block !important;
    color: #444651 !important; 
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
    text-align: start !important; /* تتجاوب مع اللغة */
}

.harakat-account-page input.input-text {
    background-color: #ffffff !important;
    border: 1px solid #c5c5d3 !important;
    border-radius: 8px !important;
    height: 44px !important; 
    padding: 0 16px !important;
    width: 100% !important;
    color: #191c1e !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    text-align: start !important; /* تتجاوب مع اللغة */
    box-shadow: none !important;
}

.harakat-account-page .u-column1 input.input-text:focus { 
    outline: none !important;
    border-color: #1e3a8a !important;
    box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.1) !important;
}

.harakat-account-page .u-column2 input.input-text:focus { 
    outline: none !important;
    border-color: #ffd200 !important;
    box-shadow: 0 0 0 2px rgba(253, 208, 0, 0.2) !important;
}

/* أيقونة العين (الباسورد) تتجاوب مع اللغة */
.harakat-account-page .show-password-input {
    top: 10px !important;
    inset-inline-end: 12px !important; /* لليمين في الإنجليزي واليسار في العربي */
    inset-inline-start: auto !important;
}

.harakat-account-page button.button {
    border-radius: 9999px !important;
    height: 44px !important; 
    width: 100% !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border: none !important;
    transition: all 0.2s ease !important;
    margin-top: 16px !important;
    cursor: pointer !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.harakat-account-page button[name="login"] {
    background-color: #1e3a8a !important;
    color: #ffffff !important;
}

.harakat-account-page button[name="register"] {
    background-color: #ffffff !important;
    color: #1e3a8a !important;
    border: 2px solid #ffd200 !important;
}

.harakat-account-page button[name="login"]:hover {
    background-color: #152865 !important;
    transform: scale(0.98) !important;
}

.harakat-account-page button[name="register"]:hover {
    background-color: #ffd200 !important;
    transform: scale(0.98) !important;
}

.harakat-account-page .woocommerce-privacy-policy-text {
    font-size: 12px !important;
    color: #757682 !important;
    text-align: start !important;
    line-height: 1.6 !important;
    margin-top: 16px !important;
}

.harakat-account-page .lost_password a {
    color: #f97316 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.harakat-account-page .woocommerce-form-login__rememberme {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-direction: row !important; /* تتجاوب تلقائيا */
    justify-content: flex-start !important;
    font-size: 13px !important;
}

/* ========================================================= */
/* --- 3. تخطيط لوحة التحكم (بعد تسجيل الدخول) ------------- */
/* ========================================================= */
.harakat-account-page .woocommerce:has(.woocommerce-MyAccount-navigation) {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    gap: 32px !important;
    align-items: flex-start !important;
}

/* ========================================================= */
/* --- 4. تصميم القائمة الجانبية (Navigation) -------------- */
/* ========================================================= */
.harakat-account-page .woocommerce-MyAccount-navigation {
    width: 280px !important;
    flex-shrink: 0 !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 24px 16px !important;
    box-shadow: 0px 4px 20px rgba(30, 58, 138, 0.05) !important;
    border: 1px solid #e6e8ea !important;
}

.harakat-account-page .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.harakat-account-page .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 14px 20px !important;
    color: #444651 !important; 
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    text-align: start !important; /* تتجاوب مع اللغة */
}

/* التبويب النشط (أصفر) */
.harakat-account-page .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #ffd200 !important;
    color: #1e3a8a !important;
    font-weight: 700 !important;
    box-shadow: 0px 4px 10px rgba(253, 208, 0, 0.3) !important;
}

/* زر تسجيل الخروج مميز باللون الأحمر */
.harakat-account-page .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #ba1a1a !important;
    margin-top: 16px !important;
}
.harakat-account-page .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout:hover a {
    background-color: #ffdad6 !important;
    transform: scale(0.98) !important;
}

/* ========================================================= */
/* --- 5. منطقة المحتوى والبطاقة الترحيبية البديلة --------- */
/* ========================================================= */
.harakat-account-page .woocommerce-MyAccount-content {
    flex: 1 !important;
    width: 100% !important;
    min-width: 0 !important; 
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 40px !important;
    box-shadow: 0px 4px 20px rgba(30, 58, 138, 0.05) !important;
    border: 1px solid #e6e8ea !important;
}

.harakat-account-page .woocommerce-MyAccount-content p {
    text-align: start !important;
    color: #444651 !important;
    line-height: 1.8 !important;
    font-size: 15px !important;
}

/* تحويل رسالة الترحيب الافتراضية إلى بطاقة جميلة */
.harakat-account-page .woocommerce-MyAccount-content > p:first-of-type {
    background-color: #fcf3e0 !important;
    padding: 24px !important;
    border-radius: 12px !important;
    border-inline-start: 4px solid #1e3a8a !important;
    font-size: 16px !important;
    color: #1e3a8a !important;
    font-weight: 600 !important;
    margin-bottom: 32px !important;
}

.harakat-account-page .woocommerce-MyAccount-content a {
    color: #f97316 !important; 
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* ========================================================= */
/* --- 6. تنسيق جداول الطلبات والعناوين -------------------- */
/* ========================================================= */
.harakat-account-page .woocommerce-MyAccount-content table.shop_table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important; 
    border: none !important;
}

.harakat-account-page .woocommerce-MyAccount-content table.shop_table th {
    background-color: transparent !important;
    color: #1e3a8a !important;
    padding: 12px 16px !important;
    border: none !important;
    border-bottom: 2px solid #e6e8ea !important;
    text-align: start !important; /* تتجاوب مع اللغة */
    font-weight: 700 !important;
}

.harakat-account-page .woocommerce-MyAccount-content table.shop_table td {
    background-color: #fcf3e0 !important; 
    padding: 20px 16px !important;
    border: 1px solid #e6e8ea !important;
    border-style: solid none !important; 
    color: #191c1e !important;
    vertical-align: middle !important;
    text-align: start !important; /* تتجاوب مع اللغة */
}

/* تدوير زوايا الجدول للأطراف بشكل متجاوب مع اللغتين */
.harakat-account-page .woocommerce-MyAccount-content table.shop_table td:first-child {
    border-inline-start: 1px solid #e6e8ea !important;
    border-start-start-radius: 12px !important;
    border-end-start-radius: 12px !important;
}
.harakat-account-page .woocommerce-MyAccount-content table.shop_table td:last-child {
    border-inline-end: 1px solid #e6e8ea !important;
    border-start-end-radius: 12px !important;
    border-end-end-radius: 12px !important;
}

.harakat-account-page .woocommerce-MyAccount-content .button {
    background-color: #1e3a8a !important;
    color: #ffffff !important;
    border-radius: 9999px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    border: none !important;
    width: auto !important; /* لمنع الزر من أخذ العرض بالكامل داخل الجدول */
}
.harakat-account-page .woocommerce-MyAccount-content .button:hover {
    background-color: #152865 !important;
    transform: scale(0.95) !important;
}

/* ========================================================= */
/* --- 7. ترتيب الشاشة على الموبايل ------------------------ */
/* ========================================================= */
@media (max-width: 768px) {
    .harakat-account-page #customer_login {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .harakat-account-page .woocommerce:has(.woocommerce-MyAccount-navigation) {
        flex-direction: column !important;
        gap: 20px !important;
    }
    .harakat-account-page .woocommerce-MyAccount-navigation {
        width: 100% !important;
        padding: 16px !important;
    }
    .harakat-account-page .woocommerce-MyAccount-content {
        padding: 24px 16px !important;
    }
    /* تحويل الجداول إلى كتل قابلة للقراءة في الموبايل */
    .harakat-account-page .woocommerce-MyAccount-content table.shop_table, 
    .harakat-account-page .woocommerce-MyAccount-content table.shop_table tbody, 
    .harakat-account-page .woocommerce-MyAccount-content table.shop_table tr, 
    .harakat-account-page .woocommerce-MyAccount-content table.shop_table td {
        display: block !important;
        width: 100% !important;
    }
    .harakat-account-page .woocommerce-MyAccount-content table.shop_table thead {
        display: none !important; 
    }
    .harakat-account-page .woocommerce-MyAccount-content table.shop_table td {
        text-align: start !important;
        border: 1px solid #e6e8ea !important;
        border-radius: 0 !important;
        position: relative !important;
        padding-inline-end: 40% !important;
        margin-bottom: -1px !important;
    }
    .harakat-account-page .woocommerce-MyAccount-content table.shop_table td::before {
        content: attr(data-title) !important; 
        position: absolute !important;
        inset-inline-end: 16px !important;
        font-weight: 700 !important;
        color: #1e3a8a !important;
    }
    .harakat-account-page .woocommerce-MyAccount-content table.shop_table tr {
        margin-bottom: 16px !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        display: block !important;
        box-shadow: 0px 4px 10px rgba(0,0,0,0.03) !important;
    }
}/* End custom CSS */