/* ==========================================================
   Got Hot Wheels - Force Logo Glow + LIVE Blink v13
   This file is intentionally loaded late and uses strong selectors.
   ========================================================== */

@keyframes ghwV13LivePulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
        box-shadow:
            0 0 8px rgba(255, 0, 0, .85),
            0 0 18px rgba(255, 0, 0, .55),
            0 0 34px rgba(255, 55, 0, .28);
        filter: brightness(1.15);
    }
    50% {
        opacity: .32;
        transform: scale(.78);
        box-shadow:
            0 0 2px rgba(255, 0, 0, .35),
            0 0 8px rgba(255, 0, 0, .25);
        filter: brightness(.8);
    }
}

@keyframes ghwV13LiveBadgePulse {
    0%, 100% {
        opacity: 1;
        box-shadow: 0 0 12px rgba(255, 0, 0, .75);
    }
    50% {
        opacity: .55;
        box-shadow: 0 0 2px rgba(255, 0, 0, .25);
    }
}

@keyframes ghwV13LogoGlowPulse {
    0%, 100% {
        opacity: .98;
        transform: scale(1.03);
        filter: blur(24px) saturate(1.2);
    }
    50% {
        opacity: .68;
        transform: scale(1.10);
        filter: blur(30px) saturate(1.45);
    }
}

/* Logo glow wrapper added by JS */
.ghw-v13-logo-glow {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    isolation: isolate !important;
    overflow: visible !important;
}

.ghw-v13-logo-glow::before {
    content: "" !important;
    position: absolute !important;
    left: -18% !important;
    right: -18% !important;
    top: 2% !important;
    bottom: 2% !important;
    border-radius: 999px !important;
    background:
        radial-gradient(circle at 38% 50%, rgba(255, 226, 58, .95) 0%, rgba(255, 169, 0, .62) 26%, rgba(255, 44, 0, .42) 52%, rgba(237, 17, 28, .22) 70%, rgba(237, 17, 28, 0) 84%) !important;
    animation: ghwV13LogoGlowPulse 2.4s infinite ease-in-out !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.ghw-v13-logo-glow::after {
    content: "" !important;
    position: absolute !important;
    left: -8% !important;
    right: -8% !important;
    top: 12% !important;
    bottom: 12% !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(255, 28, 0, .32), rgba(255, 28, 0, 0) 72%) !important;
    filter: blur(12px) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.ghw-v13-logo-glow img {
    position: relative !important;
    z-index: 2 !important;
    filter:
        drop-shadow(0 0 7px rgba(255, 220, 0, .95))
        drop-shadow(0 0 16px rgba(255, 116, 0, .75))
        drop-shadow(0 0 26px rgba(237, 17, 28, .55)) !important;
}

/* Stronger footer logo glow, but softer than header */
.ghw-v13-footer-logo-glow {
    position: relative !important;
    display: inline-flex !important;
    isolation: isolate !important;
}

.ghw-v13-footer-logo-glow::before {
    content: "" !important;
    position: absolute !important;
    inset: 6% -12% !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(255, 190, 0, .42), rgba(237, 17, 28, .22), transparent 72%) !important;
    filter: blur(18px) !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

.ghw-v13-footer-logo-glow img {
    position: relative !important;
    z-index: 2 !important;
    filter: drop-shadow(0 0 9px rgba(255, 147, 0, .45)) !important;
}

/* Hide any old static dot in the live heading. JS marks empty dot-like children. */
.ghw-v13-hide-old-dot {
    display: none !important;
}

/* Heading dot forced by pseudo-element */
.ghw-v13-live-heading {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 15px !important;
    overflow: visible !important;
}

.ghw-v13-live-heading::before {
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border-radius: 999px !important;
    background: #ff161f !important;
    animation: ghwV13LivePulse .92s infinite ease-in-out !important;
    display: inline-block !important;
}

/* Also force known live dot/badge classes, old and new */
.ghw-live-dot,
.live-dot,
.liveDot,
.dot-live,
.ghw-card-live,
.ghw-live,
.ghw-live-badge,
.ghw-live-pill,
.ghw-nav-live,
.ghw5-live,
.badge-live,
.live,
[class*="live-badge"],
[class*="LiveBadge"] {
    animation: ghwV13LiveBadgePulse .95s infinite ease-in-out !important;
}

/* If a standalone red dot class exists, make it blink as a real dot. */
.ghw-live-dot,
.live-dot,
.liveDot,
.dot-live {
    animation: ghwV13LivePulse .92s infinite ease-in-out !important;
    border-radius: 999px !important;
}

/* Tighten homepage sections just a bit more */
.ghw-featured-section,
.ghw-auctions-section,
.ghw-auction-section,
section:has(.ghw-v13-live-heading) {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
}

.ghw-how,
.ghw-how-section,
.how-it-works-section {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}

.ghw-how-grid,
.how-step-grid {
    gap: 16px !important;
}

.ghw-step,
.how-step-card,
.ghw-how-grid article {
    min-height: 148px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.ghw-category-section,
.categories-section {
    padding-top: 28px !important;
    padding-bottom: 30px !important;
}

/* Footer tighter and hide unused social icons after the first one */
.ghw-footer,
.ghw-site-footer,
.site-footer,
footer {
    padding-top: 26px !important;
    padding-bottom: 12px !important;
}

.ghw-footer-main,
.footer-main,
.ghw-footer-grid,
footer .ghw-wrap,
footer .ghw-container {
    gap: 24px !important;
}

footer h3,
footer h4,
.ghw-footer h3,
.ghw-footer h4 {
    margin-bottom: 8px !important;
}

footer a,
footer li,
.ghw-footer a,
.ghw-footer li {
    line-height: 1.22 !important;
    margin-bottom: 5px !important;
}

footer p,
.ghw-footer p {
    margin-top: 6px !important;
    margin-bottom: 8px !important;
    line-height: 1.35 !important;
}

footer input[type="email"] {
    height: 40px !important;
    margin-bottom: 8px !important;
}

footer button,
footer .button,
footer .btn {
    min-height: 40px !important;
}

footer img {
    max-height: 82px !important;
}

footer .social a:not(:first-child),
footer .footer-social a:not(:first-child),
footer [class*="social"] a:not(:first-child),
footer .ghw-social a:not(:first-child) {
    display: none !important;
}

footer .copyright,
footer .footer-bottom,
.ghw-footer-bottom {
    margin-top: 14px !important;
    padding-top: 12px !important;
}