.elementor-3523 .elementor-element.elementor-element-c6130f6{--display:flex;}.elementor-3523 .elementor-element.elementor-element-a1fdaf6{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-3523 .elementor-element.elementor-element-a1fdaf6:after{content:"0.66";}.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__thumbnail__link{width:100%;}.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__meta-data span + span:before{content:"•";}.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__text{margin-top:20px;}.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-3523 .elementor-element.elementor-element-a1fdaf6:after{content:"0.5";}.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for archive-posts, class: .elementor-element-a1fdaf6 *//* ========================================================
   URBAN VISION AGENCY - DYNAMIC ARCHIVE PAGE (BULTEIN STYLE)
======================================================== */

/* 1. هندسة الحاوية والمسافات بين البطاقات */
.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-posts-container {
    gap: 35px !important;
}

/* 2. تحويل البطاقات إلى شكل عصري وفخم */
.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__card {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important; /* إطار رمادي باهت */
    border-radius: 16px !important; /* زوايا ناعمة حديثة */
    box-shadow: none !important; /* إزالة ظل إلمنتور الافتراضي الرخيص */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    overflow: hidden !important;
    padding: 0 !important;
}

/* 3. تأثير التفاعل (Hover Lift) عند مرور الماوس */
.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 25px 50px rgba(10, 25, 47, 0.08) !important;
    border-color: transparent !important;
}

/* 4. هندسة الصورة وتأثير التكبير (Zoom) */
.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__thumbnail {
    padding-bottom: 60% !important; /* ضبط ارتفاع الصورة ليكون متناسقاً */
    border-radius: 16px 16px 0 0 !important;
    overflow: hidden !important;
}

.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__thumbnail img {
    transition: transform 0.6s ease !important;
}

.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__card:hover .elementor-post__thumbnail img {
    transform: scale(1.05) !important; /* تكبير ناعم للصورة */
}

/* 5. مساحات التنفس داخل البطاقة النصية */
.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__text {
    padding: 30px !important;
}

/* 6. هندسة العنوان الرئيسي للمقال (قوي وداكن) */
.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__title,
.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__title a {
    color: #0A192F !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.3px !important;
    margin-bottom: 15px !important;
    transition: color 0.3s ease !important;
}

.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__title a:hover {
    color: #0668E1 !important; /* يتلون بالأزرق عند لمسه */
}

/* 7. هندسة النص الوصفي (الخلاصة / Excerpt) */
.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__excerpt {
    color: #4B5563 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    font-weight: 500 !important;
    margin-bottom: 25px !important;
}

/* 8. تصميم زر "Read Case Study" ليكون رابطاً أنيقاً */
.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__read-more {
    color: #0A192F !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__read-more:hover {
    color: #0668E1 !important;
    transform: translateX(5px) !important; /* يتحرك لليمين قليلاً لجذب الانتباه */
}

/* هندسة الخط الفاصل إن وجد وإخفاؤه لجمالية أفضل */
.elementor-3523 .elementor-element.elementor-element-a1fdaf6 .elementor-post__meta-data {
    display: none !important; 
}/* End custom CSS */