/* Custom styles for dbmgroup landing page */

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

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

/* Custom animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeIn 0.6s ease-out;
}

/* Prevent gradient text clipping */
h1.bg-clip-text {
    display: inline-block;
    padding: 0.25rem 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* Cap the gap distance to never exceed what it is at 1530px width */
/* This ensures the gap between headline and SVG stays consistent */
/* Using px instead of rem to ensure fixed pixel distance regardless of screen size */
.hero-grid {
    gap: 24px !important; /* Fixed gap in pixels - matches 1530px width distance */
}

/* Prevent the container from expanding beyond what it would be at 1530px screen width */
/* At 1530px: container max-width should be 1280px (max-w-7xl) + padding */
#hjem .container {
    max-width: 1280px !important; /* Lock to max-w-7xl to prevent expansion beyond 1530px equivalent */
}

/* Form validation styles */
input:invalid:not(:focus):not(:placeholder-shown),
textarea:invalid:not(:focus):not(:placeholder-shown) {
    border-color: #ef4444;
}

input:valid:not(:focus):not(:placeholder-shown),
textarea:valid:not(:focus):not(:placeholder-shown) {
    border-color: #10b981;
}