/* Joke chip on every page. Warm light runs the full length of the button. */

.snet-gagbar {
  position: fixed;
  top: calc(var(--snet-header-h, 92px) + 8px);
  left: 12px;
  right: 12px;
  z-index: 40;
  display: flex;
  justify-content: flex-start;
  pointer-events: none;
}

.snet-gagbar .snet-lampgag {
  pointer-events: auto;
}

#hero a.snet-hero-badge.snet-hero-gag.snet-lampgag,
.snet-gagbar a.snet-hero-badge.snet-hero-gag.snet-lampgag,
a.snet-lampgag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-sizing: border-box !important;
  width: max-content !important;
  max-width: min(40rem, calc(100vw - 24px)) !important;
  padding: 8px 20px 8px 8px !important;
  border-radius: 999px !important;
  overflow: visible !important;
  text-decoration: none !important;
  transform: none !important;
  color: #fff8dc !important;
  -webkit-text-fill-color: #fff8dc !important;
  border: 1px solid rgba(255, 210, 110, 0.55) !important;
  background:
    linear-gradient(90deg,
      rgba(255, 196, 70, 0.55) 0%,
      rgba(255, 176, 50, 0.32) 42%,
      rgba(255, 200, 90, 0.22) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255, 230, 160, 0.18),
    0 0 28px rgba(255, 170, 40, 0.38),
    inset 0 0 22px rgba(255, 220, 120, 0.22) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.snet-gagbar a.snet-lampgag::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(120% 140% at 18px 50%, rgba(255, 230, 140, 0.45) 0%, rgba(255, 190, 70, 0.12) 38%, transparent 70%);
}

.snet-gagbar a.snet-lampgag {
  position: relative;
}

html[data-theme="day"] .snet-gagbar a.snet-lampgag,
html[data-theme="day"] .snet-gagbar .snet-gagline {
  color: #3a2208 !important;
  -webkit-text-fill-color: #3a2208 !important;
  border-color: rgba(196, 130, 20, 0.45) !important;
}

.snet-gagbar .snet-gagline {
  position: relative;
  z-index: 1;
  display: block !important;
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  font-weight: 700 !important;
  font-size: clamp(0.84rem, 2vw, 1rem) !important;
  line-height: 1.3 !important;
  text-shadow:
    0 0 12px rgba(255, 210, 90, 0.7),
    0 0 18px rgba(255, 170, 40, 0.35) !important;
}

html[data-theme="day"] .snet-gagbar .snet-gagline {
  text-shadow: 0 0 10px rgba(255, 220, 120, 0.8), 0 1px 0 #fff !important;
}

.snet-gagbar .snet-lamp {
  position: relative;
  z-index: 1;
}

@media (max-width: 991.98px) {
  .snet-gagbar {
    top: calc(var(--snet-header-h, 88px) + 6px);
    left: 10px;
    right: 10px;
  }
  .snet-gagbar a.snet-lampgag {
    width: 100% !important;
    max-width: 100% !important;
  }
  .snet-gagbar .snet-gagline {
    white-space: normal;
  }
}

@media (max-width: 480px) {
  .snet-gagbar a.snet-lampgag {
    padding-right: 14px !important;
  }
}

body.snet-is-home #hero .snet-hero-copy {
  padding-top: 58px;
}

body:not(.snet-is-home) #main {
  padding-top: calc(var(--snet-header-h, 92px) + 56px) !important;
}