/* ─── PROMO MODE — sale banner (inc/promo-mode.php, js/promo-mode.js) ─────
 * Club pages: a strip attached under the floating nav (inside .nav).
 * Other pages: a strip lined up under the fixed Elementor header, or a plain
 * bar at the top of the page when the header isn't fixed.
 */
.picklr-promo-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px 14px;
  padding: 9px 20px;
  background: #0075E7;
  color: #ffffff;
  font-family: 'Pickler Social', 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
.picklr-promo-bar[hidden],
.picklr-promo-bar__cta[hidden] { display: none !important; }

.picklr-promo-bar__cta,
.picklr-promo-bar__cta:visited,
.picklr-promo-bar__cta:hover,
.picklr-promo-bar__cta:focus {
  color: #ffffff !important;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.picklr-promo-bar__cta:hover { text-decoration-thickness: 2px; }

/* Inside the club page's floating nav: matches the nav's rounded corners. */
.nav .picklr-promo-bar { border-radius: 0 0 12px 12px; }

/* Under a fixed Elementor header (left/top/width set by js/promo-mode.js). */
.picklr-promo-bar--floating {
  position: fixed;
  z-index: 90;
  box-sizing: border-box;
  border-radius: 0 0 12px 12px;
}

@media (max-width: 768px) {
  .picklr-promo-bar { padding: 7px 14px; font-size: 12px; }
  .picklr-promo-bar__cta { font-size: 11px; }
  /* Club pages: the taller nav would cover the top of the hero text. */
  html.has-picklr-promo .nav ~ .hero { padding-top: 112px; }
}
@media (max-width: 480px) {
  html.has-picklr-promo .nav ~ .hero { padding-top: 88px; }
}