.swiper {
    position: relative;
    direction: ltr !important;
    user-select: none !important;
}

.dcb-slider {
    overflow: hidden;
    border-style: solid;
    border-width: 0;
    justify-self: center;
}

.dcb-slider .swiper-slide {
    width: auto;
    flex-shrink: 0;
    border-style: solid;
    border-width: 0;
    overflow: hidden;
    min-height: 36px;
    justify-items: center;
	height: auto;
}

.dcb-slider img {
    display: block;
}

.dcb-slider a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.dcb-count{
	font-size: var(--wp--preset--font-size--small);
}

.dcb-description {
    font-size: var(--wp--preset--font-size--small);
}

.dcb-slider .swiper-pagination {
    position: relative;
    bottom: 0;
    height: 36px;
    align-content: center;
}

.dcb-slider .swiper-slide img {
    transition: .3s;
}

.dcb-slider .swiper-slide:hover img {
    transform: scale(1.03);
}

.dcb-slider {
    --swiper-navigation-size: 12px;
    --swiper-theme-color: #1f1f1f;
    min-width: 100%;
}

.swiper-button-next, .swiper-button-prev {
    width: 24px;
    height: 36px;
    margin: -18px -10px;
    font-weight: bold !important;
    background: #ffffff99;
}


/* ============================================
   كلاسات إخفاء العناصر مع الاحتفاظ في الـ DOM
   ============================================ */
.dcb-hidden-control {
    visibility: hidden !important;
    position: absolute !important;
    z-index: -1000 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* استثناء للنقاط - يجب أن تبقى قابلة للتفاعل حتى عند الإخفاء */
.swiper-pagination.dcb-hidden-control {
    visibility: hidden !important;
    position: absolute !important;
    z-index: -1000 !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

/* نمط توضيحي للوصف */
.dcb-slider .dcb-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}