/* ==========================================================================
   Aria Smile Design - Landing Page V2 Styles
   Extracted from the inline <style> block for caching and maintainability.
   ========================================================================== */

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Karla', sans-serif;
    background-color: #F8F9FA;
}

/* Hero background with dark gradient overlay */
.bg-hero {
    background-image: linear-gradient(rgba(10, 10, 10, 0.52), rgba(10, 10, 10, 0.39)), url('/themes/aria/images/dental-clinic-bg2.jpg');
    background-size: cover;
    background-position: center;
}

/* Wizard step fade / slide transition */
.step-transition {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

/* Video Modal Styles */
#video-modal,
#clinic-video-modal {
    backdrop-filter: blur(5px);
}

/* Hide scrollbar for smooth internal scrolling */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}