/* Online Booking 2.15.33: first-screen placement and repeatable flexible search. */
/* Keep all of the introductory journey below the first viewport, while
   retaining the three-value trust strip inside the photographic hero. */
.cb-hero {
  min-height: calc(100vh + 18px) !important;
  min-height: calc(100svh + 18px) !important;
  align-content: space-between !important;
}
.cb-hero > .cb-trust-strip {
  transform: none !important;
  margin: 0 auto !important;
}
@media (min-width: 1101px) {
  .cb-hero {
    padding-bottom: 23px !important;
  }
}
@media (max-width: 1100px) {
  .cb-hero {
    padding-bottom: 26px !important;
  }
  .cb-hero > .cb-trust-strip {
    margin-top: 20px !important;
  }
}
/* Keep the existing change-search button adjacent to the extra options. */
.cb-search-navigation {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  min-height: 42px;
}
.cb-flexible-again-button {
  min-height: 42px;
  border: 1px solid #e4c369;
  border-radius: 12px;
  background: #fff3bc;
  color: #604b0c;
  box-shadow: 0 0 0 0 rgba(228, 179, 56, 0.22);
  padding: 10px 15px;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 850;
  white-space: nowrap;
  cursor: pointer;
  animation: cb-gentle-filter-reminder 2.6s ease-in-out infinite;
}
.cb-flexible-again-button[hidden] {
  display: none !important;
}
.cb-flexible-again-button:hover {
  background: #ffe8a0;
  border-color: #c8a241;
}
.cb-flexible-again-button:focus-visible {
  outline: 3px solid #b88d29;
  outline-offset: 3px;
}
@keyframes cb-gentle-filter-reminder {
  0%, 100% {
    background: #fff5c9;
    border-color: #e4c369;
    box-shadow: 0 0 0 0 rgba(231, 187, 63, 0.18);
  }
  50% {
    background: #ffe59d;
    border-color: #c7a036;
    box-shadow: 0 0 0 5px rgba(231, 187, 63, 0.14);
  }
}
@media (prefers-reduced-motion: reduce) {
  .cb-flexible-again-button {
    animation: none !important;
  }
}
@media (max-width: 560px) {
  .cb-results-actions .cb-search-navigation {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }
  .cb-results-actions .cb-search-navigation > button {
    width: 100%;
    min-width: 0;
  }
}
