/*
  ============================================================================
  TRB-3 INVADERS — PROTECTED ASSET  (do not delete / do not rename)
  ============================================================================
  Client: Randy Young / Galaxy Guitar Products USA
  LOCKED look (Sep 19–20, 2026):
    - TWO tiny pinhead triangles with a pointed front (Invader nose)
    - Fly as a pair over Home Earth (one slightly ahead)
    - Fast left→right / slight downward path
  NEVER restore: fat streaks, long “pin light” bars, sitewide skim overlays
  File: assets/css/trb-3-invaders-PROTECTED.css
  ============================================================================
*/

/* ---- Kill ALL gimmicky long streaks / fat overlays forever ---- */
.trb-invaders-layer,
.trb-invader,
.trb-invader--a,
.trb-invader--b,
.trb-pin-band:not(.trb-pin-band--earth),
.trb-pin-band--header,
footer .trb-pin-band:not(.trb-pin-band--earth),
.site-footer .trb-pin-band:not(.trb-pin-band--earth),
body:not(.page-home) .trb-pin-band {
  display: none !important;
  animation: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* Old long bar pins — never show outside Earth pair */
.trb-pin:not(.trb-tri) {
  display: none !important;
}

@keyframes trbTriFlyA {
  0%   { transform: translate3d(-4vw, -8px, 0) rotate(18deg); opacity: 0; }
  6%   { opacity: 1; }
  55%  { opacity: 1; }
  70%  { transform: translate3d(102vw, 28px, 0) rotate(18deg); opacity: 0; }
  100% { transform: translate3d(102vw, 28px, 0) rotate(18deg); opacity: 0; }
}
@keyframes trbTriFlyB {
  0%   { transform: translate3d(-6vw, -2px, 0) rotate(20deg); opacity: 0; }
  6%   { opacity: 1; }
  55%  { opacity: 1; }
  70%  { transform: translate3d(104vw, 36px, 0) rotate(20deg); opacity: 0; }
  100% { transform: translate3d(104vw, 36px, 0) rotate(20deg); opacity: 0; }
}

/* ---- Home Earth ONLY — the real tiny TRB-3 Invaders ---- */
body.page-home .trb-pin-band--earth {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 4.5rem !important;
  width: 100% !important;
  max-width: none !important;
  height: 90px !important;
  margin: 0 !important;
  z-index: 14 !important;
  overflow: visible !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
}

/* Pinhead triangle — pointed nose to the right */
body.page-home .trb-pin-band--earth .trb-tri {
  position: absolute !important;
  left: 0 !important;
  display: block !important;
  width: 10px !important;
  height: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  pointer-events: none !important;
  background: #ffffff !important;
  /* pointed Invader nose (triangle) */
  clip-path: polygon(0% 15%, 0% 85%, 100% 50%) !important;
  -webkit-clip-path: polygon(0% 15%, 0% 85%, 100% 50%) !important;
  box-shadow:
    0 0 4px rgba(255, 255, 255, 0.95),
    0 0 8px rgba(173, 232, 255, 0.75) !important;
  filter: drop-shadow(0 0 2px rgba(173, 232, 255, 0.9)) !important;
  opacity: 0 !important;
  will-change: transform, opacity;
  visibility: visible !important;
}

body.page-home .trb-pin-band--earth .trb-tri--a {
  top: 22px !important;
  width: 11px !important;
  height: 7px !important;
  animation: trbTriFlyA 3.2s linear infinite !important;
  animation-delay: 5s !important;
}

/* Second of the pair — slightly behind / lower */
body.page-home .trb-pin-band--earth .trb-tri--b {
  top: 38px !important;
  width: 9px !important;
  height: 5px !important;
  animation: trbTriFlyB 3.2s linear infinite !important;
  animation-delay: 5.35s !important; /* slightly behind the lead */
}

body.page-home .site-footer,
body.page-home footer.site-footer {
  overflow: visible !important;
  position: relative !important;
}
body.page-home .footer-content {
  position: relative !important;
  z-index: 12 !important;
}

/* Kill sun-plate streak backups + footer skim streaks */
body.page-home .site-footer > .sun-centered::before,
body.page-home .site-footer > .sun-centered::after,
body.page-home .site-footer::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  opacity: 0 !important;
  background: none !important;
}

@media (prefers-reduced-motion: reduce) {
  body.page-home .trb-pin-band--earth .trb-tri {
    animation: none !important;
    opacity: 0 !important;
  }
}