.elementor-25083 .elementor-element.elementor-element-2c7b8a52{padding:0px 0px 0px 0px;}.elementor-25083 .elementor-element.elementor-element-6c942df > .elementor-element-populated{padding:0px 030px 0px 30px;}.elementor-25083 .elementor-element.elementor-element-e645508{--grid-row-gap:35px;width:100%;max-width:100%;--grid-column-gap:30px;}.elementor-25083 .elementor-element.elementor-element-e645508.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25083 .elementor-element.elementor-element-e645508 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-25083 .elementor-element.elementor-element-e645508:after{content:"0.66";}.elementor-25083 .elementor-element.elementor-element-e645508 .elementor-post__thumbnail__link{width:100%;}.elementor-25083 .elementor-element.elementor-element-e645508 .elementor-post__meta-data span + span:before{content:"•";}.elementor-25083 .elementor-element.elementor-element-e645508 .elementor-post__text{margin-top:20px;}.elementor-25083 .elementor-element.elementor-element-e645508 .elementor-post__badge{right:0;}.elementor-25083 .elementor-element.elementor-element-e645508 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-25083 .elementor-element.elementor-element-377eb92a{--spacer-size:70px;}body.elementor-page-25083:not(.elementor-motion-effects-element-type-background), body.elementor-page-25083 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(254deg, #2B2946 0%, #000000 100%);}@media(max-width:767px){.elementor-25083 .elementor-element.elementor-element-6c942df > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-25083 .elementor-element.elementor-element-e645508{--grid-row-gap:20px;--grid-column-gap:4px;}.elementor-25083 .elementor-element.elementor-element-e645508 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-25083 .elementor-element.elementor-element-e645508:after{content:"0.5";}.elementor-25083 .elementor-element.elementor-element-e645508 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for archive-posts, class: .elementor-element-e645508 *//* ===== CARD CONTAINER ===== */
.elementor-post__card {
    border-radius: 25px !important;
    overflow: hidden !important;
    position: relative !important;
    background: #1c1b22 !important; /* لونك الأساسي الداكن */
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
    border: 2px solid transparent !important; /* إطار شفاف يتحول لنيون في الـ hover */
    display: flex;
    flex-direction: column;
}

/* Hover Effect المطور: إطار متوهج وتكبير بسيط */
.elementor-post__card:hover {
    transform: translateY(-8px) !important;
    border-color: #00d4ff !important; /* لون النيون السماوي زي الصورة */
    box-shadow: 0 0 25px rgba(0, 212, 255, 0.4) !important;
    background: #2B2946 !important; /* الدرجة اللي طلبتيها قبل كدة للخلفية عند الـ hover */
}

/* ===== IMAGE SETTINGS ===== */
.elementor-post__thumbnail {
    position: relative !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
    height: 100%;
}

.elementor-post__thumbnail img {
    width: 100% !important;
    height: 100%;
    object-fit: cover !important;
    transition: 0.6s ease-in-out !important;
    opacity: 0.8; /* تقليل الإضاءة لإبراز النصوص */
}

/* Zoom & Brightness Effect */
.elementor-post__card:hover .elementor-post__thumbnail img {
   
    opacity: 0.5; /* تعتيم الصورة أكتر وقت الـ hover عشان الكلام ينور */
}

/* Overlay Gradient */
.elementor-post__thumbnail::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(28,27,34,1) 0%, rgba(28,27,34,0.4) 50%, rgba(0,0,0,0) 100%) !important;
    transition: 0.4s;
    z-index: 1;
}

/* ===== TEXT OVERLAY & READ MORE ===== */
.elementor-post__text {
    position: absolute !important;
    bottom: 25px !important;
    left: 20px !important;
    right: 20px !important;
    z-index: 2 !important;
    padding: 0 !important;
    background: transparent !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: 0.4s ease;
}

/* العنوان */
.elementor-post__title {
    margin: 0 !important;
}

.elementor-post__title a {
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.8);
    pointer-events: auto;
}

.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {
    margin-bottom: 00px !important;
}/* End custom CSS */