/* Custom Styles for Optymalneraty.pl */

:root {
    --navy: #0A192F;
    --copper: #C5A059;
    --copper-dark: #A38446;
    --premium-white: #FDFCFB;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--premium-white);
    color: var(--navy);
}

/* główny baner */
.banner-container {
            position: relative;
            display: block;
        }
        .fade-img {
            transition: opacity 1s ease-in-out;
        }
        .fade-img-absolute {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }

/* Smooth transitions for interactive elements */
a, button, input {
    transition: all 0.3s ease;
}

/* Custom scrollbar for better aesthetics */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--premium-white);
}

::-webkit-scrollbar-thumb {
    background: #e2e8f0;
    border-radius: 10px;
}

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

/* Mobile Menu Specifics */
.mobile-menu-open {
    overflow: hidden;
}

#mobile-menu-overlay {
    transition: opacity 0.3s ease;
}

#mobile-menu-content {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Form focus states */
input:focus {
    box-shadow: 0 0 0 2px rgba(197, 160, 89, 0.2);
}

/* Typography refinements */
.font-serif {
    font-family: 'Playfair Display', serif;
}

.font-sans {
    font-family: 'Inter', sans-serif;
}