.clubs-listing-page .listing-toolbar .club-search-fields {
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) minmax(180px, 220px) !important;
  gap: 10px !important;
  width: 100% !important;
}

.clubs-listing-page :is(.listing-search, .club-country-filter, .club-sort-control) {
  min-height: var(--ui-control-height);
  margin: 0 !important;
  background: var(--color-surface-2) !important;
  border-color: var(--color-border-default) !important;
  border-radius: var(--ui-radius-control) !important;
  color: var(--color-text-primary) !important;
}

.clubs-listing-page :is(.listing-search, .club-country-filter, .club-sort-control):hover {
  border-color: var(--color-border-strong) !important;
}

.clubs-listing-page :is(.listing-search, .club-country-filter, .club-sort-control):focus-within {
  background: var(--color-surface-3) !important;
  border-color: var(--color-border-accent) !important;
  box-shadow: var(--ui-focus-shadow) !important;
}

.clubs-listing-page :is(.listing-search, .club-country-filter, .club-sort-control) :is(input, select) {
  min-height: calc(var(--ui-control-height) - 2px) !important;
  background: transparent !important;
  border: 0 !important;
  color: inherit !important;
  box-shadow: none !important;
}

.clubs-listing-page .club-refine-bar .club-sort-control {
  width: min(100%, 210px);
}

.clubs-listing-page .club-refine-bar .club-sort-control {
  margin-left: auto !important;
}

/* Keep the included-features disclosure on the active theme's surface and text tokens. */
.clubs-listing-page .club-features-disclosure,
.clubs-listing-page .club-features-panel {
  color: var(--color-text-primary, #111820);
  background: var(--color-surface-1, #fff);
  border-color: var(--color-border-default, #dfe6ee);
}

.clubs-listing-page .club-features-heading h2,
.clubs-listing-page .club-feature-card h3,
.clubs-listing-page .club-feature-card h4 {
  color: var(--color-text-primary, #111820);
}

.clubs-listing-page .club-features-heading p,
.clubs-listing-page .club-feature-card,
.clubs-listing-page .club-feature-card p,
.clubs-listing-page .club-feature-card li {
  color: var(--color-text-secondary, #526170);
}

.clubs-listing-page .club-feature-card {
  background: var(--color-surface-2, #fff);
  border-color: var(--color-border-default, #dfe6ee);
  box-shadow: var(--shadow-panel, 0 18px 45px rgba(17, 24, 39, .08));
}

.clubs-listing-page .club-feature-card { border-top-color: var(--color-primary, #1479d4); }

.clubs-listing-page .club-feature-card > strong {
  color: var(--color-primary, #1479d4);
}

@media (max-width: 767px) {
  .clubs-listing-page .listing-toolbar .club-search-fields {
    grid-template-columns: 1fr !important;
  }

  .clubs-listing-page .club-refine-bar .club-sort-control {
    width: 100%;
  }

  .clubs-listing-page .club-refine-bar .club-sort-control {
    margin-left: 0 !important;
  }
}
.club-onboarding-prompt {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin: 0 0 20px;
  padding: 16px 18px;
  border: 1px solid var(--color-border-accent, #86bde9);
  border-radius: 12px;
  background: var(--color-primary-soft, #eaf5ff);
  color: var(--color-text-primary, #101a25);
}
.club-onboarding-prompt[hidden] { display: none; }
.club-onboarding-prompt > i { color: var(--color-primary-bright, #1479d4); font-size: 1.4rem; }
.club-onboarding-prompt strong,.club-onboarding-prompt span { display: block; }
.club-onboarding-prompt span { margin-top: 2px; color: var(--color-text-secondary, #46586a); }
.club-onboarding-prompt a { font-weight: 800; white-space: nowrap; }
@media (max-width: 640px) {
  .club-onboarding-prompt { grid-template-columns: auto minmax(0, 1fr); }
  .club-onboarding-prompt a { grid-column: 2; }
}