/* =============================================================
   GO Gig Wheels — Slogan / Marketing Wordmark
   =============================================================
   Customer-facing marketing treatment ONLY. Used on public landing
   pages, hero H1s, meta OG copy, and CTA buttons.

   NOT used on:
   - Legal / contract text (sign-agreement.html)
   - Transactional pages (portal.html, pay.html, receipts)
   - Admin UI (admin-*.html)

   Brand hierarchy (per owner directive, 2026-09):
   - Legal entity : Global Innovations and Development Solutions LLC
   - DBA         : GigWheels
   - Slogan / CTA: GO Gig Wheels

   Usage in HTML:
     <span class="gw-slogan"><span class="gw-slogan-go">GO</span> Gig Wheels</span>

   Or the button variant:
     <a class="btn gw-cta">GO Gig Wheels <i class="fa fa-arrow-right"></i></a>
   ============================================================= */

.gw-slogan {
  font-weight: 800;
  letter-spacing: -0.01em;
  /* Desktop: keep it on one line for punch.
     Mobile: allow wrapping so it never clips off-screen. */
  white-space: nowrap;
  display: inline-block;
}

@media (max-width: 640px) {
  .gw-slogan { white-space: normal; }
  /* Also shrink the huge hero H1 a tick on phones so the slogan fits comfortably. */
  h1 .gw-slogan { font-size: 0.92em; }
}

/* The "GO" imperative — orange, weightier, kerned tight to Gig Wheels */
.gw-slogan .gw-slogan-go {
  color: #f97316;
  font-weight: 900;
  letter-spacing: 0.02em;
  margin-right: 0.15em;
  /* Subtle motion hint — the O reads like a wheel */
  display: inline-block;
}

/* On dark backgrounds (hero over hero-bg.png), use the brighter orange */
.hero .gw-slogan .gw-slogan-go,
.dark-bg .gw-slogan .gw-slogan-go {
  color: #fb923c;
  text-shadow: 0 2px 8px rgba(249, 115, 22, 0.35);
}

/* CTA button variant — slogan + arrow. Reuses .btn from global styles. */
.btn.gw-cta {
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
  color: #fff;
  font-weight: 800;
  letter-spacing: 0.02em;
  border: none;
  padding: 14px 28px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.25);
}

.btn.gw-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(249, 115, 22, 0.35);
}

.btn.gw-cta i {
  transition: transform 0.15s ease;
}

.btn.gw-cta:hover i {
  transform: translateX(3px);
}

/* Footer legal disclosure — small, humble, always at the bottom */
.gw-legal-disclosure {
  font-size: 0.78rem;
  color: #6b7280;
  line-height: 1.55;
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  text-align: center;
}

.gw-legal-disclosure strong {
  color: #4b5563;
  font-weight: 600;
}

/* On dark footer backgrounds */
.dark-footer .gw-legal-disclosure,
footer.dark .gw-legal-disclosure {
  color: rgba(255, 255, 255, 0.55);
  border-top-color: rgba(255, 255, 255, 0.08);
}

.dark-footer .gw-legal-disclosure strong,
footer.dark .gw-legal-disclosure strong {
  color: rgba(255, 255, 255, 0.75);
}