/* CSS for SMEHub Template */

@media screen and (max-width: 1023px) {

    html:has(body.sub-page),
    body.sub-page {
        font-size: clamp(1rem, 4.2666vw, 10rem);
    }
}

/* Custom Swiper Pagination bullets for layout slider */
.smehub-layout-swiper .swiper-pagination-bullets {
    bottom: 1.5rem !important;
}

.smehub-layout-swiper .swiper-pagination-bullet {
    width: 1.5rem;
    height: 0.375rem;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.4) !important;
    opacity: 1 !important;
    transition: all 0.4s ease;
    margin: 0 0.25rem !important;
}

.smehub-layout-swiper .swiper-pagination-bullet-active {
    width: 2.5rem;
    background: #ffffff !important;
}

/* GSAP Scroll active states */
.hidden-init {
    opacity: 0 !important;
    pointer-events: none;
    transform: translateY(2rem);
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.layout-text-block {
    transform: translateY(0);
    transition: opacity 0.4s ease;
}

.layout-text-block.active {
    opacity: 1 !important;
}

.layout-text-block.inactive {
    opacity: 0.6 !important;
}