/*
 * Theme Name: Conserve Landing
 * Theme URI: https://institutoconserve.org.br
 * Description: Tema da landing page do Instituto Conserve.
 * Version: 1.0.0
 * Author: Instituto Conserve
 * Text Domain: conserve-landing
 */

/* Header fixo (fallback até o Tailwind recompilar) */
header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    width: 100%;
}

/* Global Smooth Scroll */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

@media (max-width: 767px) {
    html {
        scroll-padding-top: 56px;
    }
}

/* Mobile menu animation */
#mobile-nav {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: max-height 0.3s ease-in-out, opacity 0.2s ease-in-out;
}

#mobile-nav.is-open {
    max-height: 500px;
    opacity: 1;
    pointer-events: auto;
}

@media (min-width: 768px) {
    #mobile-nav,
    #mobile-menu-btn {
        display: none !important;
    }
}

.conserve-about-content p + p {
    margin-top: 1rem;
}

/* Clients marquee (fallback se dist/tailwind.css em produção estiver desatualizado) */
@keyframes conserve-scroll-infinite {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes conserve-scroll-infinite-reverse {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0);
    }
}

.conserve-clients-track.animate-scroll {
    animation: conserve-scroll-infinite var(--scroll-duration, 40s) linear infinite;
    will-change: transform;
}

.conserve-clients-track.animate-scroll-reverse {
    animation: conserve-scroll-infinite-reverse var(--scroll-duration, 36s) linear infinite;
    will-change: transform;
}

.conserve-clients-marquee .conserve-clients-track:hover {
    animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
    .conserve-clients-track.animate-scroll,
    .conserve-clients-track.animate-scroll-reverse {
        animation: none;
    }
}