/* Core layout (original 1.0.8 look) */
.cormens-content-slider{
  position:relative;
  width:100%;
  overflow:visible; /* don't clip brush */
}
.cormens-content-slider .ccs-track{
  position:relative;
  width:100%;
  transition: height var(--ccs-duration,500ms) ease;
  overflow:visible; /* don't clip brush */
}

/* Slides */
.cormens-content-slider .ccs-slide{
  display:none;
  opacity:0;
  transition: opacity var(--ccs-duration,500ms) ease;
  position:relative;
  width:100%;
  box-sizing:border-box;
  z-index:0;
}
.cormens-content-slider .ccs-slide.is-active{
  display:block;
  position:relative;
  z-index:2;
  opacity:1;
}
/* Leaving slide fades out but is absolute, so it doesn't affect layout */
.cormens-content-slider .ccs-slide.is-leaving{
  display:block;
  position:absolute;
  inset:0;
  z-index:1;
  opacity:0;
  pointer-events:none;
}

/* Stacking (original 1.0.8 default): brush below text, other elements above headline */
.cormens-content-slider .ccs-slide .cbh-headline{ position:relative; z-index:0; }
.cormens-content-slider .ccs-slide .cbh-headline .cbh-text{ position:relative; z-index:2; }
.cormens-content-slider .ccs-slide .cbh-headline .cbh-brush,
.cormens-content-slider .ccs-slide .cbh-headline::after{ z-index:1; }
.cormens-content-slider .ccs-slide > *:not(.cbh-headline){ position:relative; z-index:5; }

/* Backend helper */
body.vc-editor .cormens-content-slider{ outline:1px dashed rgba(0,0,0,.2); padding:10px; }
body.vc-editor .cormens-content-slider .ccs-slide{ display:block; opacity:1; position:relative; }

@media (prefers-reduced-motion: reduce){
  .cormens-content-slider .ccs-track{ transition:none !important; }
  .cormens-content-slider .ccs-slide{ transition:none !important; }
}