/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ ContentCarousel.
 * منبع: difl/contentcarousel (ریشه .difl_contentcarousel، 4 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme_content_carousel .dfme_content_carousel_item .dfme_cci_image_container,.dfme_content_carousel .dfme_cc_arrows div{border-width:0px;border-style:solid;border-color:#333}

.dfme_cc_inner_wrapper{position:relative;display:flex;flex-direction:column}

.dfme_content_carousel.has_lightbox .dfme_content_carousel_item{cursor:pointer}

.dfme_content_carousel .swiper-container{order:1;width:100%;padding-top:30px;padding-bottom:30px}

.dfme_content_carousel .dfme_cc_container .dfme_content_carousel_item{margin-bottom:0 !important}

.dfme_content_carousel .dfme_content_carousel_item{align-self:flex-start;height:auto}

.dfme_cc_arrows{display:flex;justify-content:space-between;align-self:center;pointer-events:none;order:2;width:100%}

.dfme_cc_arrows div{background-image:none}

.dfme_cc_arrows .swiper-button-prev{order:1}

.dfme_cc_arrows .swiper-button-next{order:2}

.dfme_cc_arrows .swiper-button-next,.dfme_cc_arrows .swiper-button-prev{position:relative;top:auto;left:auto;right:auto;margin-top:0;pointer-events:all}

.dfme_cc_arrows>div:not(.et-vb-module-options){background-color:#fff;width:auto;height:100%;padding:7px;background-image:none}

.dfme_cc_arrows>div:after{content:attr(data-icon);font-family:ETmodules;text-indent:0;font-size:39px;line-height:1}

.dfme_cc_arrows{z-index:9;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}

.dfme_content_carousel .arrow-middle .dfme_cc_arrows *{pointer-events:none;transition-delay:.3s !important}

.dfme_content_carousel.dfme-ele-hover .dfme_cc_arrows *,.dfme_content_carousel:hover .dfme_cc_arrows *{pointer-events:all}

.dfme_content_carousel .swiper-pagination{position:relative !important;pointer-events:none}

.dfme_content_carousel .swiper-pagination span{margin-right:8px;width:10px;height:10px;opacity:1;transition:all .3s ease;pointer-events:all;display:inline-block;vertical-align:top}

.dfme_content_carousel .swiper-pagination span:last-child{margin-right:0px}