/*
 * Walkborder v5.0.2 Tours hero hard fix.
 *
 * The previous v5.0.1 fix still allowed the fixed header to cover/crop the
 * hero title on Tours archive pages. This version avoids relying on Tailwind
 * arbitrary spacing utilities and applies explicit CSS to the Tours hero.
 */

.wb-tours-hero {
  min-height: 520px;
  padding-top: 5rem !important;
  padding-bottom: 0 !important;
}

.wb-tours-hero__content {
  position: relative;
  z-index: 2;
}

.wb-tours-hero h1 {
  margin-top: 18px;
  line-height: 1.04;
  max-width: 960px;
}

/* Fixed WordPress admin bar + fixed theme header. */
body.admin-bar .wb-tours-hero {
  padding-top: 7rem !important;
}

@media (min-width: 1024px) {
  .wb-tours-hero {
    min-height: 520px;
    padding-top: 5rem !important;
    padding-bottom: 0 !important;
  }

  body.admin-bar .wb-tours-hero {
    padding-top: 7rem !important;
  }
}

@media (max-width: 782px) {
  body.admin-bar .wb-tours-hero {
    padding-top: 220px !important;
  }
}

/* Better visual density for the filter strip and cards on Tours pages. */
[data-component="visual-filter-bar"] select {
  min-height: 3rem;
}

#tour-results {
  scroll-margin-top: 120px;
}

.wb-tour-view-toggle {
  align-self: flex-start;
}

section .wb-tour-view-toggle button.view-toggle,
section .wb-tour-view-toggle button.view-toggle.rounded.border {
  flex: 0 0 2.5rem !important;
  height: 2.5rem !important;
  min-height: 2.5rem !important;
  min-width: 2.5rem !important;
  padding: 0 !important;
  width: 2.5rem !important;
}

@media (min-width: 640px) {
  .wb-tour-view-toggle {
    align-self: center;
  }
}