/* 1. الحاوية الرئيسية */
.ahe-slider-container {
    position: relative;
    width: 100%;
    direction: rtl;
    padding-bottom: 50px; /* مساحة للنقاط */
    overflow: hidden;
}

/* 2. منطقة السلايدر */
.ahe-main-swiper {
    width: 100%;
    overflow: hidden; 
}

/* 3. الشريحة (Slide) */
.swiper-slide.ahe-slide-item {
    display: block; 
    position: relative;
    box-sizing: border-box; 
    height: auto;
}

/* 4. الصورة (التي تحمل الارتفاع) */
.ahe-slide-bg {
    display: block;
    width: 100%;
    /* الارتفاع يأتي من الويدجت */
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    position: relative; 
    overflow: hidden;
    transition: transform 0.5s;
}
.ahe-slide-item:hover .ahe-slide-bg { transform: scale(1.02); }

/* الرابط الكامل */
.ahe-full-link {
    position: absolute; top:0; left:0; right:0; bottom:0; z-index: 20;
}

/* 5. التراكب (Overlay) */
.ahe-slide-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.9) 100%);
    pointer-events: none; z-index: 2;
}

/* 6. المحتوى */
.ahe-slide-content {
    position: absolute; bottom: 0; left: 0; right: 0;
    padding: 25px; z-index: 5;
    color: #fff; text-align: right;
    pointer-events: none;
}

/* النصوص */
.ahe-slide-title {
    color: #fff; margin: 0 0 10px; font-weight: 700; line-height: 1.3;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    font-size: 20px; 
}
.ahe-slide-meta {
    font-size: 13px; color: rgba(255,255,255,0.85);
    display: flex; gap: 15px; align-items: center;
}
.ahe-slide-meta i { margin-left: 5px; }

/* 7. التصنيف (Badge) */
.ahe-slide-badge {
    position: absolute; z-index: 25;
    background: #6a1b9a; color: #fff;
    padding: 4px 10px; border-radius: 4px;
    font-size: 11px; font-weight: bold;
    pointer-events: auto;
}
/* أماكن التصنيف */
.ahe-badge-v-top .ahe-slide-badge { top: 15px; bottom: auto; }
.ahe-badge-v-bottom .ahe-slide-badge { bottom: 15px; top: auto; } 
.ahe-badge-h-right .ahe-slide-badge { right: 15px; left: auto; }
.ahe-badge-h-left .ahe-slide-badge { left: 15px; right: auto; }

/* 8. التنقل (الأسهم والنقاط) - معدل بالكامل */
.swiper-button-next, .swiper-button-prev {
    /* الخصائص الأساسية */
    display: flex; 
    align-items: center; 
    justify-content: center;
    border-radius: 50%;
    z-index: 50; 
    cursor: pointer;
    transition: 0.3s all;
    
    /* قيم افتراضية يتم استبدالها من الويدجت */
    width: 40px; 
    height: 40px; 
    background-color: rgba(0,0,0,0.5); 
    color: #fff;
    
    /* التموضع */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* إلغاء ستايل Swiper الافتراضي */
.swiper-button-next::after, .swiper-button-prev::after {
    content: none !important;
    display: none !important;
}

/* تنسيق الأيقونة الداخلية */
.swiper-button-next i, .swiper-button-prev i,
.swiper-button-next svg, .swiper-button-prev svg {
    line-height: 1;
    /* الحجم يأتي من الويدجت */
}

/* تأثير الهوفر */
.swiper-button-next:hover, .swiper-button-prev:hover {
    opacity: 0.9;
    transform: translateY(-50%) scale(1.1);
}

/* النقاط */
.swiper-pagination {
    position: absolute; bottom: 10px !important; left: 0; width: 100%;
    text-align: center; z-index: 50;
    display: flex; justify-content: center; gap: 6px;
}
.swiper-pagination-bullet {
    width: 10px; height: 10px; background: #ccc; opacity: 1; border-radius: 50%; 
    margin: 0 !important; cursor: pointer; transition: 0.3s;
}
.swiper-pagination-bullet-active {
    width: 25px; border-radius: 5px; background: #6a1b9a; opacity: 1;
}