/**
 * Additional styles for UFCLAS Carousel Shortcodes
 */

/* Shortcode carousel wrapper */
.ufclas-shortcode-carousel,
.ufclas-shortcode-stack-carousel {
    margin: 0;
}

/* Ensure shortcode carousels inherit main carousel styles */
.shortcode-carousel.content-carousel-slide,
.shortcode-stack-carousel.stacked-slider {
    /* Will inherit from main carousel CSS */
}

/* Stack carousel specific styles for shortcode - inherit from block */
.ufclas-shortcode-stack-carousel {
    /* Inherit all styles from .wp-block-create-block-content-carousel-stack */
}

.ufclas-shortcode-stack-carousel .content-carousel—stack {
    margin: 0 auto;
    max-width: 1570px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 991px) {
    .ufclas-shortcode-stack-carousel .content-carousel—stack {
        padding-left: 50px;
        padding-right: 0;
    }
}

.ufclas-shortcode-stack-carousel .stacked-slider {
    margin-bottom: 20px;
}

.ufclas-shortcode-stack-carousel .slick-track {
    overflow: visible;
}

.ufclas-shortcode-stack-carousel .slick-list {
    padding-top: 100px;
}

@media (min-width: 991px) {
    .ufclas-shortcode-stack-carousel .slick-list {
        padding-left: 50px;
        padding-right: 50px;
    }
}

/* Ensure carousel images are always fully visible */
.ufclas-shortcode-carousel .cc-bg-img,
.ufclas-shortcode-stack-carousel .slider__image img {
    opacity: 1 !important;
}

/* Fix for any inherited opacity issues */
.shortcode-carousel .slick-slide,
.shortcode-stack-carousel .slider__content {
    opacity: 1 !important;
}

/* Loading state for shortcode carousels - removed opacity fade */
.ufclas-shortcode-carousel:not(.slick-initialized),
.ufclas-shortcode-stack-carousel:not(.slick-initialized) {
    /* Removed opacity: 0.7 that was causing faded appearance */
}

.ufclas-shortcode-carousel.slick-initialized,
.ufclas-shortcode-stack-carousel.slick-initialized {
    opacity: 1;
    transition: opacity 0.3s ease;
}

/* Responsive adjustments for shortcode carousels */
@media (max-width: 768px) {
    .ufclas-shortcode-carousel .col-md-6,
    .ufclas-shortcode-carousel .col-md-5 {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .ufclas-shortcode-carousel .button-col {
        text-align: center;
    }
}

/* Fallback styles for decorative elements when images are not available */
.ufclas-shortcode-carousel .animLines-wrapper .animLines {
    display: inline-block;
    background: linear-gradient(90deg, #fa4616 0%, #fa4616 100%);
    height: 3px;
    width: 50px;
    margin: 5px 0;
}

.ufclas-shortcode-carousel .smallBar_left {
    width: 30px;
}

.ufclas-shortcode-carousel .largeBar {
    width: 80px;
    height: 4px;
}

.ufclas-shortcode-carousel .largeBar_bottom {
    width: 60px;
    height: 3px;
}

.ufclas-shortcode-carousel .smallBar {
    width: 40px;
}