/* Explain: Global styles for components, including animations and subtle textures. */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-marquee {
    animation: marquee 60s linear infinite;
    display: flex;
    width: max-content;
}

.animate-marquee:hover {
    animation-play-state: paused;
}

/* Bardzo subtelna tekstura – lekki dym w tle */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 100;
    pointer-events: none;
    opacity: 0.028;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Elegancki, złoty napis marki */
.text-brand-gold {
    background: linear-gradient(180deg, #f1e4b8 0%, #c9a24b 52%, #a3812f 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* Cienka, wyśrodkowana złota linia */
.gold-rule {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--primary-color), transparent);
}

.btn {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 600;
}

/* Anchor jump: keep the calendar heading clear of the sticky header */
#dragonCalendar {
    scroll-margin-top: 110px;
}