/* Custom CSS for IRON & GRIT */

html {
    scroll-behavior: smooth;
}

::selection {
    background-color: #CCFF00;
    color: #111111;
}

/* Custom Heading Styles */
.font-heading {
    letter-spacing: -0.05em;
}

/* Slow Zoom Animation for Hero */
@keyframes slow-zoom {
    from { transform: scale(1); }
    to { transform: scale(1.1); }
}

.animate-slow-zoom {
    animation: slow-zoom 20s linear infinite alternate;
}

/* Day Tab Styles */
.day-tab.active {
    background-color: #CCFF00;
    color: #111111;
    border-color: #CCFF00;
}

/* Scrollbar Styles */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #111111;
}

::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 4px;
}

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

/* Custom utility for checkout modal */
#checkout-modal.active, 
#success-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

/* Form Styles */
input, select {
    transition: all 0.3s ease;
}

input:focus, select:focus {
    box-shadow: 0 0 15px rgba(204, 255, 0, 0.1);
}

/* Responsive Class Schedule */
#schedule-content {
    max-height: 600px;
    overflow-y: auto;
    scrollbar-width: thin;
}

@media (max-width: 640px) {
    .font-heading {
        letter-spacing: -0.02em;
    }
}