/*
Theme Name: Nanoguard
Theme URI: https://nanoguard.com
Author: nanoguard
Description: Custom single-page WordPress theme for nanoguard – premium car paint protection film & coating brand. Tailwind CDN, light/dark mode (light default).
Version: 1.1.0
License: GNU General Public License v2 or later
Text Domain: nanoguard
*/

/* Smooth anchor scroll offset for fixed header */
html { scroll-padding-top: 90px; }

/* ---------- Marquee (Trusted By) ---------- */
@keyframes glossppf-marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.marquee-track {
    display: flex;
    width: max-content;
    animation: glossppf-marquee 35s linear infinite;
    will-change: transform;
}
.marquee:hover .marquee-track,
.marquee-track:hover {
    animation-play-state: paused;
}
.marquee {
    mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}

/* ---------- Hero slider ---------- */
.hero-slider .slide {
    opacity: 0;
    transform: scale(1.05);
    transition: opacity 900ms ease, transform 6000ms linear;
    pointer-events: none;
}
.hero-slider .slide.is-active {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
    z-index: 1;
}

/* Slider dot active state */
.slider-dot.is-active {
    background-color: #fff;
    width: 24px;
}
.slider-dot {
    transition: all 300ms ease;
}