/* Production CSS - Optimizations for deployment */

/* Performance optimizations */
* {
    box-sizing: border-box;
}

/* Optimize animations for better performance */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Loading states */
.loading {
    opacity: 0.7;
    pointer-events: none;
}

/* Image optimization */
img {
    max-width: 100%;
    height: auto;
}

/* Font optimization - applied to existing fonts */
.patrick-hand-regular {
    font-display: swap;
}

/* Critical CSS improvements */
.skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skip-link:focus {
    position: static;
    width: auto;
    height: auto;
}

/* Production-only optimizations */
.navbar-custom {
    will-change: transform;
}

.showcase {
    will-change: scroll-position;
}

/* Optimize background patterns for better performance */
body {
    background-attachment: scroll;
}

/* Cookie banner positioning fix */
.cookie-banner {
    position: fixed !important;
    z-index: 10000 !important;
}

/* Mobile optimization */
@media (max-width: 768px) {
    .container {
        padding: 0 10px;
    }
    
    .showcase-text h1 {
        font-size: 1.8rem;
    }
    
    .stats-heading {
        font-size: 1.2rem;
    }
}

/* Print styles */
@media print {
    .navbar-custom,
    .cookie-banner,
    #telegram-widget {
        display: none !important;
    }
}