/* =========================================
   Boutique Residence & Co. Custom Styles
   (Only containing utilities not present in Tailwind CDN base)
   ========================================= */

html {
    scroll-behavior: smooth;
}

/* Hide scrollbar for the horizontal portfolio section */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Animations Pipeline */
.fade-in-up {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 1.5s cubic-bezier(0.2, 0.8, 0.2, 1), transform 1.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.fade-in-up.in-view {
    opacity: 1;
    transform: translateY(0);
}

.delay-100 { transition-delay: 0.2s; }
.delay-200 { transition-delay: 0.4s; }
.delay-300 { transition-delay: 0.6s; }

/* Infinite Scroll Indicator */
@keyframes scroll-line {
    0% { transform: scaleY(0); transform-origin: top; }
    50% { transform: scaleY(1); transform-origin: top; }
    50.1% { transform: scaleY(1); transform-origin: bottom; }
    100% { transform: scaleY(0); transform-origin: bottom; }
}

.animate-scroll-line {
    animation: scroll-line 2.5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

/* Base resets for mix-blend-modes */
.mix-blend-difference {
    mix-blend-mode: difference;
}