/* Landing page slider + — i2t3 component styles
 * Same slider functionality as the Bootstrap "landing page slider" (the section
 * also carries the .i2t3-landing-slider class to inherit the shared base look),
 * with cosmetic skins on top: style variants, nav-button shapes and a shadow.
 * Driven by the global Bootstrap carousel (no own JS).
 */

.i2t3-slider-plus--shadow .carousel { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .25); }

/* Style: boxed — contained, rounded slider */
.i2t3-slider-plus--style-boxed .carousel {
    border-radius: 1rem;
    overflow: hidden;
}
.i2t3-slider-plus--style-boxed { padding-inline: clamp(0px, 4vw, 4rem); }

/* Style: minimal — left-aligned, narrower caption */
.i2t3-slider-plus--style-minimal .carousel-caption {
    right: auto;
    left: 5%;
    max-width: 32rem;
    text-align: left;
}

/* Caption alignment (overridden by the minimal style which forces left) */
.i2t3-slider-plus--caption-left .carousel-caption {
    right: auto; left: 5%; max-width: 36rem; text-align: left;
}
.i2t3-slider-plus--caption-right .carousel-caption {
    left: auto; right: 5%; max-width: 36rem; text-align: right;
}
.i2t3-slider-plus--caption-center .carousel-caption {
    text-align: center;
}

/* Nav-button shapes */
.i2t3-slider-plus--nav-circle .carousel-control-prev,
.i2t3-slider-plus--nav-circle .carousel-control-next,
.i2t3-slider-plus--nav-square .carousel-control-prev,
.i2t3-slider-plus--nav-square .carousel-control-next {
    width: 3.25rem;
    height: 3.25rem;
    margin: auto 1rem;
    background: rgba(0, 0, 0, .45);
    opacity: 1;
}
.i2t3-slider-plus--nav-circle .carousel-control-prev,
.i2t3-slider-plus--nav-circle .carousel-control-next { border-radius: 50%; }
.i2t3-slider-plus--nav-square .carousel-control-prev,
.i2t3-slider-plus--nav-square .carousel-control-next { border-radius: .35rem; }
.i2t3-slider-plus--nav-circle .carousel-control-prev:hover,
.i2t3-slider-plus--nav-circle .carousel-control-next:hover,
.i2t3-slider-plus--nav-square .carousel-control-prev:hover,
.i2t3-slider-plus--nav-square .carousel-control-next:hover { background: var(--i2t3-primary, #0d6efd); }