.elementor-1933 .elementor-element.elementor-element-48d4bcb{--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-1933 .elementor-element.elementor-element-050474f{margin:-330px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1933 .elementor-element.elementor-element-d466864{--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;}/* Start custom CSS for shortcode, class: .elementor-element-02440d3 *//* =========================================
   CLEAN & NEAT PROFILE STYLE - TOP NAV
   ========================================= */

/* 1. الحاوية الرئيسية (Central Glass Card) */
.elementor-1933 .elementor-element.elementor-element-02440d3 {
    background: rgba(255, 255, 255, 0.95); /* خلفية شبه بيضاء */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(153, 71, 5, 0.1) !important;
    border-radius: 20px !important;
    padding: 50px 40px !important;
    margin: 0 auto !important;
    max-width: 1000px !important; /* عرض مريح */
    box-shadow: 0 20px 60px rgba(0,0,0,0.04) !important;
    display: flex !important;
    flex-direction: column !important; /* ترتيب عمودي: قائمة ثم محتوى */
}

/* 2. تحويل القائمة إلى تبويبات علوية (Top Tabs) */
.elementor-1933 .elementor-element.elementor-element-02440d3 nav, 
.elementor-1933 .elementor-element.elementor-element-02440d3 .woocommerce-MyAccount-navigation,
.elementor-1933 .elementor-element.elementor-element-02440d3 .account-nav {
    width: 100% !important;
    margin-bottom: 40px !important;
    border-bottom: 2px solid rgba(153, 71, 5, 0.1) !important; /* خط فاصل خفيف */
    padding-bottom: 20px !important;
}

.elementor-1933 .elementor-element.elementor-element-02440d3 nav ul, 
.elementor-1933 .elementor-element.elementor-element-02440d3 .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important; /* توسيط الأزرار */
    gap: 15px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-1933 .elementor-element.elementor-element-02440d3 li {
    margin: 0 !important;
    border: none !important;
}

/* 3. تصميم أزرار القائمة (Pill Style) */
.elementor-1933 .elementor-element.elementor-element-02440d3 li a {
    display: inline-block !important;
    padding: 12px 25px !important;
    font-family: 'The Seasons', serif !important;
    font-size: 1rem !important;
    color: #555 !important;
    text-decoration: none !important;
    border-radius: 50px !important; /* شكل كبسولة */
    transition: all 0.3s ease !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}

/* هوفر الأزرار */
.elementor-1933 .elementor-element.elementor-element-02440d3 li a:hover {
    color: #994705 !important;
    background: rgba(153, 71, 5, 0.05) !important;
    transform: translateY(-2px) !important;
}

/* الزر النشط (Active Tab) */
.elementor-1933 .elementor-element.elementor-element-02440d3 li.is-active a,
.elementor-1933 .elementor-element.elementor-element-02440d3 li.active a {
    background: linear-gradient(135deg, #640000, #994705) !important; /* تدرج الثيم */
    color: #fff !important;
    box-shadow: 0 5px 15px rgba(100, 0, 0, 0.2) !important;
}

/* 4. منطقة المحتوى (Full Width Content) */
.elementor-1933 .elementor-element.elementor-element-02440d3 .woocommerce-MyAccount-content,
.elementor-1933 .elementor-element.elementor-element-02440d3 .account-content {
    width: 100% !important;
    float: none !important;
    animation: fadeIn 0.5s ease-in-out;
}

/* ترحيب المستخدم */
.elementor-1933 .elementor-element.elementor-element-02440d3 p {
    font-family: sans-serif !important;
    color: #666 !important;
    text-align: center !important; /* توسيط النصوص الترحيبية */
    font-size: 1.05rem !important;
    line-height: 1.8 !important;
}

.elementor-1933 .elementor-element.elementor-element-02440d3 strong {
    color: #994705 !important;
    font-family: 'The Seasons', serif !important;
    font-size: 1.2rem !important;
}

/* 5. العناوين الداخلية */
.elementor-1933 .elementor-element.elementor-element-02440d3 h2, .elementor-1933 .elementor-element.elementor-element-02440d3 h3 {
    text-align: center !important;
    font-family: 'The Seasons', serif !important;
    color: #1a1a1a !important;
    font-size: 2.2rem !important;
    margin-bottom: 30px !important;
    position: relative !important;
}

/* 6. حقول الإدخال (نفس ستايل اللوجن النظيف) */
.elementor-1933 .elementor-element.elementor-element-02440d3 form .form-row {
    margin-bottom: 25px !important;
    max-width: 700px !important; /* تحديد عرض الفورم للجمالية */
    margin-left: auto !important;
    margin-right: auto !important;
}

.elementor-1933 .elementor-element.elementor-element-02440d3 label {
    display: block !important;
    color: #994705 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
}

.elementor-1933 .elementor-element.elementor-element-02440d3 input[type="text"],
.elementor-1933 .elementor-element.elementor-element-02440d3 input[type="email"],
.elementor-1933 .elementor-element.elementor-element-02440d3 input[type="password"] {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    padding: 10px 0 !important;
    width: 100% !important;
    font-family: 'The Seasons', serif !important;
    font-size: 1.1rem !important;
    outline: none !important;
    transition: all 0.3s !important;
}

.elementor-1933 .elementor-element.elementor-element-02440d3 input:focus {
    border-bottom-color: #994705 !important;
    border-bottom-width: 2px !important;
}

/* 7. الأزرار (Buttons) */
.elementor-1933 .elementor-element.elementor-element-02440d3 button, 
.elementor-1933 .elementor-element.elementor-element-02440d3 input[type="submit"] {
    background: linear-gradient(135deg, #640000, #994705) !important;
    color: #fff !important;
    border: none !important;
    padding: 15px 40px !important;
    border-radius: 50px !important;
    font-family: 'The Seasons', serif !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    cursor: pointer !important;
    display: block !important;
    margin: 30px auto 0 !important; /* توسيط الزر */
    transition: transform 0.3s !important;
}

.elementor-1933 .elementor-element.elementor-element-02440d3 button:hover {
    transform: translateY(-3px) !important;
}

/* 8. الجداول (Clean Tables) */
.elementor-1933 .elementor-element.elementor-element-02440d3 table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 20px !important;
    border: 1px solid #eee !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-1933 .elementor-element.elementor-element-02440d3 th {
    background: #f9f9f9 !important;
    color: #994705 !important;
    padding: 15px !important;
    font-family: 'The Seasons', serif !important;
    text-transform: uppercase !important;
    font-size: 0.9rem !important;
    border-bottom: 1px solid #eee !important;
}

.elementor-1933 .elementor-element.elementor-element-02440d3 td {
    padding: 15px !important;
    border-bottom: 1px solid #eee !important;
    color: #555 !important;
    text-align: center !important;
    font-family: sans-serif !important;
}

/* زر العرض داخل الجدول */
.elementor-1933 .elementor-element.elementor-element-02440d3 td .button {
    padding: 5px 15px !important;
    font-size: 0.8rem !important;
    margin: 0 !important;
    display: inline-block !important;
    background: transparent !important;
    border: 1px solid #994705 !important;
    color: #994705 !important;
    box-shadow: none !important;
}

.elementor-1933 .elementor-element.elementor-element-02440d3 td .button:hover {
    background: #994705 !important;
    color: #fff !important;
}

/* 9. التجاوب (Mobile Responsive) */
@media (max-width: 768px) {
    .elementor-1933 .elementor-element.elementor-element-02440d3 {
        padding: 30px 15px !important;
        width: 95% !important;
    }
    
    .elementor-1933 .elementor-element.elementor-element-02440d3 nav ul {
        flex-direction: column !important; /* الأزرار تحت بعض في الموبايل */
        gap: 10px !important;
    }
    
    .elementor-1933 .elementor-element.elementor-element-02440d3 li a {
        width: 100% !important;
        text-align: center !important;
        border: 1px solid #eee !important;
    }
    
    .elementor-1933 .elementor-element.elementor-element-02440d3 li.is-active a {
        border-color: transparent !important;
    }

    /* إصلاح الجدول للموبايل */
    .elementor-1933 .elementor-element.elementor-element-02440d3 table, .elementor-1933 .elementor-element.elementor-element-02440d3 thead, .elementor-1933 .elementor-element.elementor-element-02440d3 tbody, .elementor-1933 .elementor-element.elementor-element-02440d3 th, .elementor-1933 .elementor-element.elementor-element-02440d3 td, .elementor-1933 .elementor-element.elementor-element-02440d3 tr {
        display: block !important;
    }
    .elementor-1933 .elementor-element.elementor-element-02440d3 thead tr {
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
    }
    .elementor-1933 .elementor-element.elementor-element-02440d3 tr {
        margin-bottom: 15px !important;
        border: 1px solid #eee !important;
        border-radius: 10px !important;
        padding: 10px !important;
    }
    .elementor-1933 .elementor-element.elementor-element-02440d3 td {
        border: none !important;
        position: relative !important;
        padding-left: 50% !important;
        text-align: right !important;
    }
    .elementor-1933 .elementor-element.elementor-element-02440d3 td:before {
        position: absolute !important;
        left: 10px !important;
        width: 45% !important;
        text-align: left !important;
        font-weight: bold !important;
        content: attr(data-title) !important;
        color: #994705 !important;
    }
}

/* أنيميشن بسيط لظهور المحتوى */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */