/*
 * Ecomus Slides — theme-independent widget styles.
 * The widget owns its layout, buttons and navigation styling so it can run
 * on Hello Elementor or any other WordPress theme without Ecomus theme CSS.
 */
.ecomus-slides-elementor,
.ecomus-slides-elementor *,
.ecomus-slides-elementor *::before,
.ecomus-slides-elementor *::after { box-sizing: border-box; }

.ecomus-slides-elementor { position: relative; width: 100%; overflow: hidden; }
.ecomus-slides-elementor.swiper { display: block; }
.ecomus-slides-elementor .ecomus-slides-elementor__inner { display: flex; width: 100%; height: 100%; }
.ecomus-slides-elementor .ecomus-slides-elementor__item { position: relative; flex: 0 0 100%; min-width: 0; overflow: hidden; }
.ecomus-slides-elementor .ecomus-slide { position: relative; display: flex; width: 100%; height: 100%; min-height: 300px; align-items: center; margin: 0; padding: 0; }
.ecomus-slides-elementor .ecomus-slide__content { position: relative; z-index: 3; width: auto; max-width: 100%; pointer-events: none; }
.ecomus-slides-elementor .ecomus-slide__content > * { box-sizing: border-box; }
.ecomus-slides-elementor .ecomus-slide__content-background::before,
.ecomus-slides-elementor .ecomus-slides-elementor__item::before { position:absolute; content:''; inset:0; display:block; pointer-events:none; }
.ecomus-slides-elementor .ecomus-slide__content-background::before { z-index:1; }

.ecomus-slides-elementor .ecomus-slide__before-title,
.ecomus-slides-elementor .ecomus-slide__title,
.ecomus-slides-elementor .ecomus-slide__description,
.ecomus-slides-elementor .ecomus-slide__sub-description,
.ecomus-slides-elementor .ecomus-slide__button {
  --em-transition-delay:.5s;
  opacity:0;
  transform:translateY(100px);
  transition:transform .3s,opacity .01s;
  transition-delay:var(--em-transition-delay);
}
.ecomus-slides-elementor .ecomus-slide__before-title { --em-transition-delay:.3s; display:inline-block; margin:0 0 13px; font-weight:700; text-transform:uppercase; }
.ecomus-slides-elementor .ecomus-slide__title { margin:0 0 14px; font-size:clamp(2rem,5vw,5rem); line-height:1.05; }
.ecomus-slides-elementor .ecomus-slide__description { --em-transition-delay:.9s; margin:0 0 44px; font-size:clamp(1rem,1.5vw,1.25rem); }
.ecomus-slides-elementor .ecomus-slide__sub-description { --em-transition-delay:.9s; display:flex; align-items:center; gap:10px; margin:-42px 0 44px; }
.ecomus-slides-elementor .ecomus-slide__sub-description .star-rating { font-size:18px; }
.ecomus-slides-elementor .ecomus-slide__sub-description--text { margin-top:2px; }

.ecomus-slides-elementor .swiper-slide-active .ecomus-slide__content,
.ecomus-slides-elementor .swiper-slide-active .ecomus-slide__before-title,
.ecomus-slides-elementor .swiper-slide-active .ecomus-slide__title,
.ecomus-slides-elementor .swiper-slide-active .ecomus-slide__description,
.ecomus-slides-elementor .swiper-slide-active .ecomus-slide__sub-description,
.ecomus-slides-elementor .swiper-slide-active .ecomus-slide__button { opacity:1; transform:translateY(0); }
.ecomus-slides-elementor .ecomus-slide__content-background .ecomus-slide__content { opacity:0; transform:translateY(100px); transition:transform .3s,opacity .01s; transition-delay:.5s; }
.ecomus-slides-elementor .ecomus-slide__content-background .ecomus-slide__before-title { --em-transition-delay:.8s; }
.ecomus-slides-elementor .ecomus-slide__content-background .ecomus-slide__title { --em-transition-delay:1s; }
.ecomus-slides-elementor .ecomus-slide__content-background .ecomus-slide__description,
.ecomus-slides-elementor .ecomus-slide__content-background .ecomus-slide__sub-description { --em-transition-delay:1.2s; }
.ecomus-slides-elementor .ecomus-slide__content-background .ecomus-slide__button { --em-transition-delay:1.25s; }

/* Theme-independent buttons. */
.ecomus-slides-elementor a.ecomus-button,
.ecomus-slides-elementor a.ecomus-slide__button { display:inline-flex; align-items:center; justify-content:center; gap:var(--em-button-icon-spacing,8px); width:auto; min-width:0; max-width:100%; margin:0; padding:16px 33px; border:1px solid transparent; border-radius:var(--em-button-rounded,0); background:#222; color:#fff; font:inherit; font-weight:500; line-height:1.2; text-decoration:none; cursor:pointer; pointer-events:auto; transition:background-color .2s,color .2s,border-color .2s,opacity .2s; }
.ecomus-slides-elementor a.ecomus-button:hover,
.ecomus-slides-elementor a.ecomus-slide__button:hover { text-decoration:none; }
.ecomus-slides-elementor .em-button-light { background:#fff; color:#222; }
.ecomus-slides-elementor .em-button-outline-dark { background:transparent; color:#222; border-color:#222; }
.ecomus-slides-elementor .em-button-outline { background:transparent; color:#fff; border-color:#fff; }
.ecomus-slides-elementor .em-button-subtle,
.ecomus-slides-elementor .em-button-text { background:transparent; color:inherit; border-color:transparent; padding:0 0 3px; }
.ecomus-slides-elementor .ecomus-slide__button .ecomus-svg-icon { font-size:11px; }
.ecomus-slides-elementor .ecomus-slide__button--all { position:absolute; inset:0; z-index:2; width:auto!important; min-width:0!important; padding:0!important; border:0!important; background:transparent!important; color:transparent!important; pointer-events:auto; }

/* Navigation owned by this widget. */
.ecomus-slides-elementor .swiper-arrows { position:absolute; inset:0; z-index:5; pointer-events:none; }
.ecomus-slides-elementor .swiper-button { position:absolute; top:50%; z-index:6; display:flex; align-items:center; justify-content:center; width:var(--em-arrow-width,48px); height:var(--em-arrow-height,48px); margin:0; transform:translateY(-50%); border:1px solid var(--em-arrow-border-color,#222); border-radius:var(--em-arrow-rounded,50%); background:var(--em-arrow-bg-color,#fff); color:var(--em-arrow-color,#222); opacity:1; cursor:pointer; pointer-events:auto; }
.ecomus-slides-elementor .swiper-button-prev { left:var(--em-arrow-left,24px); right:auto; }
.ecomus-slides-elementor .swiper-button-next { right:var(--em-arrow-right,24px); left:auto; }
.ecomus-slides-elementor .swiper-button::after { display:none; }
.ecomus-slides-elementor .swiper-button svg { width:1em; height:1em; }
.ecomus-slides-elementor .swiper-pagination { position:absolute; left:0; right:0; bottom:24px; z-index:7; display:flex; align-items:center; justify-content:center; gap:8px; margin:0; padding:0; text-align:center; }
.ecomus-slides-elementor .swiper-pagination-bullet { width:8px; height:8px; margin:0!important; border:0; border-radius:50%; background:#888; opacity:.45; cursor:pointer; }
.ecomus-slides-elementor .swiper-pagination-bullet-active { opacity:1; }
.ecomus-slides-elementor .swiper-pagination-bullet--line .swiper-pagination-bullet { width:30px; height:2px; border-radius:0; }
.ecomus-slides-elementor .swiper-pagination-bullet--background .swiper-pagination-bullet-active { opacity:1; }
.ecomus-slides-elementor .ecomus-swiper-button--outside { pointer-events:auto; }

@media (max-width:767px) {
  .ecomus-slides-elementor .swiper-button { width:38px; height:38px; }
  .ecomus-slides-elementor .swiper-button-prev { left:12px; }
  .ecomus-slides-elementor .swiper-button-next { right:12px; }
  .ecomus-slides-elementor .swiper-pagination { bottom:16px; }
  .ecomus-slides-elementor .ecomus-slide__description { margin-bottom:28px; }
  .ecomus-slides-elementor .ecomus-slide__sub-description { margin-bottom:28px; }
}