/* Smooth Scroll */
html { 
    scroll-behavior: smooth; 
}

/* Custom Scrollbar */
::-webkit-scrollbar { 
    width: 8px; 
}

::-webkit-scrollbar-track { 
    background: #f1f1f1; 
}

::-webkit-scrollbar-thumb { 
    background: #FF6F00; 
    border-radius: 4px; 
}

::-webkit-scrollbar-thumb:hover { 
    background: #e65100; 
}

/* Animation utilities */
.fade-in-up { 
    animation: fadeInUp 0.8s ease-out; 
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Modal Styling */
#quote-popup {
    backdrop-filter: blur(5px);
    /* Essential for centering */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hiding the popup by default (JS toggles this) */
#quote-popup.hidden {
    display: none;
}

/* Specific styling for the widget container to avoid double scrollbars */
#widget-container-box {
    scrollbar-width: thin;
    scrollbar-color: #FF6F00 #f1f1f1;
}