/* --- Crownstone Surveyor's Premium Custom CSS --- */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.hero-image-bg {
    background-image: linear-gradient(to top, rgba(10, 25, 47, 0.9), rgba(10, 25, 47, 0.35)), url('hero.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Scrollbar Control */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0b1120; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #2563eb; }

/* Tab Fade Animation */
@keyframes fadeTab {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}
.animate-tab {
    animation: fadeTab 0.4s ease-out forwards;
}

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

/* Buttons & Inputs */
.btn-primary {
    background: linear-gradient(135deg, #0284C7 0%, #0369A1 100%);
    color: #ffffff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex; align-items: center; border: 1px solid transparent;
}
.btn-primary:hover {
    box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.4);
    border-color: rgba(255, 255, 255, 0.2);
}
/* Nav Active Link */
.nav-link.active::after {
    content: ''; position: absolute; bottom: -6px; left: 0; width: 100%; height: 2px; background-color: #2563EB; border-radius: 2px;
}
.nav-link::after {
    content: ''; position: absolute; bottom: -6px; left: 0; width: 0%; height: 2px; background-color: #2563EB; transition: width 0.3s ease;
}
.nav-link:hover::after { width: 100%; }

/* Input autofill fix for floating labels */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-text-fill-color: #0b1120;
    transition: background-color 5000s ease-in-out 0s;
}