/* 
 * Global Custom CSS
 * Most styling is handled via Tailwind CSS utility classes.
 * This file contains specific component overrides and custom animations.
 */

/* Hide scrollbar for clean look */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hero Slider Specifics */
.hero-slider-bg {
    position: absolute;
    inset: 0;
    transition: opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 0;
    z-index: 1;
}

.hero-slider-bg.active {
    opacity: 1;
}

.hero-slide-content {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    z-index: 10;
}

.hero-slide-content.active {
    opacity: 1;
    pointer-events: auto;
}

/* Split Text Animation prep (handled via JS classes) */
.split-line {
    overflow: hidden;
    display: block;
}

.split-line-inner {
    display: inline-block;
    transform: translateY(100%);
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.active .split-line-inner,
section .split-line-inner {
    transform: translateY(0);
}

/* Mobile Sticky Footer overrides */
.mobile-sticky-footer {
    display: none;
}
@media (max-width: 768px) {
    .mobile-sticky-footer {
        display: block;
    }
}