/* ============================================
   assets/css/custom.css
   Magia Neo-Brutalistă Premium v2
   ============================================ */

html { scroll-behavior: auto; } /* Lenis preia controlul scroll-ului */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom Scrollbar în ton cu brandul */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--color-bg); }
::-webkit-scrollbar-thumb { background: var(--color-brand); border-radius: 0px; }

/* ============================================
   Neo-Brutalist Core Elements
   ============================================ */
.neo-shadow {
    box-shadow: 4px 4px 0px 0px var(--color-brand);
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.neo-shadow:hover {
    transform: translate(-2px, -2px);
    box-shadow: 6px 6px 0px 0px var(--color-brand);
}
.neo-shadow:active {
    transform: translate(2px, 2px);
    box-shadow: 2px 2px 0px 0px var(--color-brand);
}

/* Inputs Premium pentru Formulare */
.neo-input {
    background-color: transparent;
    border: 2px solid var(--color-brand);
    color: var(--color-brand);
    font-weight: 600;
    padding: 0.85rem 1rem;
    outline: none;
    transition: all 0.2s ease;
}
.neo-input:focus {
    background-color: rgba(234, 40, 72, 0.03);
    box-shadow: 3px 3px 0px 0px var(--color-brand);
}
.neo-input::placeholder {
    color: rgba(234, 40, 72, 0.4);
}

/* ============================================
   Reveal on scroll (Buttery Smooth)
   ============================================ */
.reveal {
    opacity: 0;
    transform: translateY(40px) scale(0.99);
    transition: 
        opacity 1s cubic-bezier(0.16, 1, 0.3, 1),
        transform 1s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.reveal.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.reveal-delay-1 { transition-delay: 80ms; }
.reveal-delay-2 { transition-delay: 160ms; }

/* ============================================
   Nav & Mobile Menu
   ============================================ */
[data-nav].is-scrolled {
    background-color: rgba(253, 213, 207, 0.96);
    backdrop-filter: blur(12px);
    border-bottom: 2px solid var(--color-brand);
}

.mobile-menu {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.mobile-menu.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
body.menu-open { overflow: hidden; }

/* Rotire Farfurii la Hover */
.plate-image img {
    transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
}
.group:hover .plate-image img {
    transform: scale(1.05) rotate(6deg);
}

/* Marquee Infinit */
.marquee-track {
    display: flex;
    gap: 2rem;
    animation: scrollText 25s linear infinite;
    will-change: transform;
}
@keyframes scrollText {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
    .reveal { opacity: 1; transform: none; transition: none; }
    .marquee-track { animation: none; }
    .plate-image img { transition: none; }
}