/* ClubPass365 Rebuild v1.0.229 — navigation width and label wrapping repair.
   Protects every front-end header, including /organizer-payout-setup/.
   Does not affect checkout, bank information, dashboard or payment logic. */

/* The payout page previously forced EVERY .cp365-wrap (including the header)
   to a narrow 1180px. Give the header the normal site-wide width again. */
.cp365-site .cp365-header .cp365-wrap.cp365-nav-inner {
  width: min(1420px, calc(100% - 48px)) !important;
  max-width: 1420px !important;
  margin-inline: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: clamp(12px, 1.4vw, 22px) !important;
  flex-wrap: nowrap !important;
}
.cp365-site .cp365-header .cp365-logo {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}
.cp365-site .cp365-header .cp365-main-nav {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  gap: clamp(12px, 1.55vw, 25px) !important;
  margin-left: auto;
  min-width: max-content !important;
  flex-wrap: nowrap !important;
}
.cp365-site .cp365-header .cp365-main-nav > a,
.cp365-site .cp365-header .cp365-main-nav .cp365-nav-category,
.cp365-site .cp365-header .cp365-main-nav .cp365-nav-category-trigger {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  flex-shrink: 0 !important;
  min-width: max-content !important;
}
.cp365-site .cp365-header .cp365-nav-actions {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  gap: clamp(5px, .8vw, 10px) !important;
}
.cp365-site .cp365-header .cp365-nav-actions > .cp365-btn {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* Switch to the existing working mobile menu BEFORE the wide nav can collide.
   The toggle uses Rebuild's existing frontend.js click handler. */
@media (max-width: 1279px) {
  .cp365-site .cp365-header .cp365-main-nav {
    display: none !important;
  }
  .cp365-site .cp365-header .cp365-nav-actions {
    margin-left: auto !important;
  }
  .cp365-site .cp365-header .cp365-mobile-toggle {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    font-size: 25px !important;
    cursor: pointer;
  }
  .cp365-site .cp365-header .cp365-mobile-menu.open {
    display: block !important;
  }
}
@media (max-width: 900px) {
  .cp365-site .cp365-header .cp365-nav-actions > .cp365-icon-btn:not(.cp365-search-icon) {
    display: none !important;
  }
}
@media (max-width: 620px) {
  .cp365-site .cp365-header .cp365-wrap.cp365-nav-inner {
    width: calc(100% - 24px) !important;
    gap: 8px !important;
  }
  .cp365-site .cp365-header .cp365-nav-actions > .cp365-btn {
    display: none !important;
  }
}