/* styles.css */

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #05050A; 
}
::-webkit-scrollbar-thumb {
    background: #1f2937; 
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #00F0FF; 
}

/* Typewriter line effect */
.typewriter-text {
    border-right: 2px solid transparent; 
    white-space: nowrap;
    overflow: hidden;
}

/* Base resets & utilities */
html {
    scroll-behavior: smooth;
}

/* Formatting for numbers */
.valor-format::before {
    content: '';
}

/* Active Filter Button */
.filter-btn.active {
    background-color: #00F0FF;
    color: #05050A;
    border-color: #00F0FF;
}

/* Input Styles for forms */
input[type="text"], input[type="email"], input[type="tel"] {
    transition: all 0.3s ease;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus {
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.2);
}

/* Radio button hidden styles */
.quote-input:focus + div {
    outline: 2px solid #00F0FF;
    outline-offset: 2px;
}

/* Glow effects for cards can be done via tailwind hover/classes, but here are some specific shadows if needed */
.glow-cyan {
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .typewriter-text {
        white-space: normal;
        word-break: break-word;
    }
}