.elementor-3526 .elementor-element.elementor-element-182ea35{--display:flex;}.elementor-3526 .elementor-element.elementor-element-919c51b{--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-3526 .elementor-element.elementor-element-379bf11{--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-3526 .elementor-element.elementor-element-dae704a{--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-3526 .elementor-element.elementor-element-29137b5{--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-3526 .elementor-element.elementor-element-c10c871{--display:flex;}.elementor-3526 .elementor-element.elementor-element-e1fc5fd .elementor-icon-list-icon{width:14px;}.elementor-3526 .elementor-element.elementor-element-e1fc5fd .elementor-icon-list-icon i{font-size:14px;}.elementor-3526 .elementor-element.elementor-element-e1fc5fd .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}@media(min-width:768px){.elementor-3526 .elementor-element.elementor-element-379bf11{--width:33.333%;}.elementor-3526 .elementor-element.elementor-element-dae704a{--width:33.333%;}.elementor-3526 .elementor-element.elementor-element-29137b5{--width:33.333%;}}/* Start custom CSS for container, class: .elementor-element-c10c871 *//* ========================================================
   URBAN VISION AGENCY - SINGLE CASE STUDY TEMPLATE
======================================================== */

/* 1. ضبط عرض المقال ليكون مريحاً للقراءة (Reading Width) */
.elementor-3526 .elementor-element.elementor-element-c10c871 .elementor-widget-theme-post-content {
    max-width: 800px !important;
    margin: 0 auto !important;
}

/* 2. هندسة العنوان الرئيسي (Post Title) */
.elementor-3526 .elementor-element.elementor-element-c10c871 .elementor-widget-theme-post-title h1 {
    color: #0A192F !important;
    font-size: 46px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: -1px !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

/* 3. تنسيق النتائج (The Metrics Bar) */
/* اجعل هذا القسم بخلفية فاتحة جداً وأنيقة */
.elementor-3526 .elementor-element.elementor-element-c10c871 .uva-metrics-section {
    background-color: #F8FAFC !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 16px !important;
    padding: 30px !important;
    margin-bottom: 50px !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 4. هندسة النصوص داخل المقال (Typography) */
.elementor-3526 .elementor-element.elementor-element-c10c871 .elementor-widget-theme-post-content p {
    color: #374151 !important;
    font-size: 18px !important;
    line-height: 1.9 !important;
    margin-bottom: 25px !important;
}

/* 5. هندسة العناوين الجانبية داخل المقال (H2, H3) */
.elementor-3526 .elementor-element.elementor-element-c10c871 .elementor-widget-theme-post-content h2 {
    color: #0A192F !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    margin-top: 50px !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #F3F4F6 !important;
    padding-bottom: 10px !important;
}

/* 6. تنسيق الصور داخل المقال (SEO Focused) */
.elementor-3526 .elementor-element.elementor-element-c10c871 .elementor-widget-theme-post-content img {
    border-radius: 16px !important;
    margin: 40px 0 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}

/* 7. تنسيق القوائم النقطية (Lists) */
.elementor-3526 .elementor-element.elementor-element-c10c871 .elementor-widget-theme-post-content ul {
    margin-bottom: 30px !important;
}

.elementor-3526 .elementor-element.elementor-element-c10c871 .elementor-widget-theme-post-content ul li {
    font-size: 18px !important;
    margin-bottom: 12px !important;
    color: #4B5563 !important;
}

/* 8. تمييز الكلمات العريضة (Bold) */
.elementor-3526 .elementor-element.elementor-element-c10c871 .elementor-widget-theme-post-content strong {
    color: #0A192F !important;
    font-weight: 800 !important;
}

/* 9. تنسيق قسم الـ Highlight (الاقتباسات) */
.elementor-3526 .elementor-element.elementor-element-c10c871 .elementor-widget-theme-post-content blockquote,
.elementor-3526 .elementor-element.elementor-element-c10c871 .uva-highlight-box {
    background-color: #EFF6FF !important;
    border-left: 5px solid #0668E1 !important;
    padding: 25px 30px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #0A192F !important;
    font-style: italic !important;
    margin: 40px 0 !important;
    border-radius: 0 12px 12px 0 !important;
}

/* 10. زر الـ CTA في نهاية المقال */
.uva-final-cta {
    background-color: #0A192F !important;
    border-radius: 16px !important;
    padding: 50px !important;
    text-align: center !important;
    margin-top: 60px !important;
    color: #FFFFFF !important;
}

/* Responsive للجوال */
@media (max-width: 768px) {
    .elementor-3526 .elementor-element.elementor-element-c10c871 .elementor-widget-theme-post-title h1 { font-size: 32px !important; }
    .elementor-3526 .elementor-element.elementor-element-c10c871 .elementor-widget-theme-post-content p { font-size: 16px !important; }
}/* End custom CSS */