/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

[data-accordion-target][aria-expanded="false"] [data-accordion-icon] .minus-icon {
    display: none !important;
}

[data-accordion-target][aria-expanded="false"] [data-accordion-icon] .plus-icon {
    display: block !important;
}

[data-accordion-target][aria-expanded="true"] [data-accordion-icon] .minus-icon {
    display: block !important;
}

[data-accordion-target][aria-expanded="true"] [data-accordion-icon] .plus-icon {
    display: none !important;
}

.formkit-powered-by-convertkit-container {
    display: none !important;
}

/* Custom Swiper Styles */
.feature-tabs-swiper .swiper-slide {
    width: auto !important;
    margin-right: 10px;
    margin-left: 10px;
}

.feature-tabs-swiper {
    overflow: visible !important;
}

.feature-tabs-swiper .swiper-wrapper {
    justify-content: center !important;
    align-items: center !important;
}

@media (max-width: 1350px) {
    .feature-tabs-swiper .swiper-wrapper {
        justify-content: start !important;
    }

    /* Center the slides when there's extra space */
    .feature-tabs-swiper .swiper-wrapper {
        /*display: flex !important;*/
        /*flex-wrap: nowrap !important;*/
    }
}