/* ================================================
   MELBOURNE TRANSLATIONS - CUSTOM ANIMATIONS
   Swiss International Design System
   ================================================ */

/* --- MARQUEE ANIMATION --- */
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.marquee-animate {
    animation: marquee 40s linear infinite;
}

/* --- SMOOTH SCROLLING --- */
html {
    scroll-behavior: smooth;
}

/* --- FONT SMOOTHING (Swiss Typography) --- */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* --- FOCUS STATES (WCAG 2.1 AA Compliance) --- */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid #CD4631;
    outline-offset: 2px;
}

/* --- OPTIONAL: FADE IN ON SCROLL ANIMATION --- */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
}

/* --- OPTIONAL: STAGGER DELAYS FOR LIST ITEMS --- */
.stagger-1 { animation-delay: 0.1s; }
.stagger-2 { animation-delay: 0.2s; }
.stagger-3 { animation-delay: 0.3s; }
.stagger-4 { animation-delay: 0.4s; }
.stagger-5 { animation-delay: 0.5s; }

/* --- SELECTION STYLING (Brand Colors) --- */
::selection {
    background-color: #CD4631;
    color: #F5F5F0;
}

::-moz-selection {
    background-color: #CD4631;
    color: #F5F5F0;
}

/* --- SMOOTH TRANSITIONS FOR HOVER STATES --- */
* {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}