/* ══════════════════════════════════════════════════════════════
   MARQUEE — Refined Tech (mint accent)
   ══════════════════════════════════════════════════════════════
   Bg-ul dark păstrat. Înlocuiește indigo→purple→pink rainbow
   (central glow + per-card colors + eyebrow tags) cu mint unitar.
   YouTube red badges (54M / 93M / etc.) RĂMÂN — au sens semantic.
*/

.marquee-section {
    background: var(--color-bg);
    color: var(--color-text);
}

/* Central atmospheric glow — single mint în loc de rainbow */
.marquee-glow {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 600px; height: 300px;
    background: radial-gradient(circle, var(--color-accent-glow) 0%, transparent 60%);
    filter: blur(100px);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    opacity: 0.45;
}
@media (min-width: 768px) {
    .marquee-glow { width: 1000px; height: 400px; filter: blur(150px); }
}

/* Decoration bar deasupra titlului — solid mint */
.marquee-bar {
    width: 40px; height: 3px;
    background: var(--color-accent);
    border-radius: var(--radius-full);
    margin-bottom: var(--space-4);
    box-shadow: 0 0 15px var(--color-accent-glow);
}
@media (min-width: 768px) { .marquee-bar { margin-bottom: var(--space-6); } }

/* Eyebrow title — Geist tracking widest */
.marquee-section h2 {
    font-family: var(--font-body);
    font-weight: var(--weight-black);
    letter-spacing: var(--tracking-widest);
    text-transform: uppercase;
    color: var(--color-text-subtle);
}

/* ── CARDS: unified mint hover (replaces rainbow per-card) ── */
.marquee-section .group:hover [class*="group-hover:border-pink"],
.marquee-section .group:hover [class*="group-hover:border-indigo"],
.marquee-section .group:hover [class*="group-hover:border-emerald"],
.marquee-section .group:hover [class*="group-hover:border-amber"] {
    border-color: var(--color-accent-border) !important;
    box-shadow:
        0 20px 50px var(--color-accent-glow),
        0 0 0 1px var(--color-accent-press) !important;
}

/* Tag eyebrow colors (Generat AI / Tradus Automat / Auto-Cut / No Watermark) → mint */
.marquee-section .text-pink-400,
.marquee-section .text-indigo-400,
.marquee-section .text-emerald-400,
.marquee-section .text-amber-400 {
    color: var(--color-accent) !important;
}