/* Keep Bookero's form behavior and use the same controls as the public pages. */
#bookero-plugin[data-mode="sticky"] {
  --bookero-plugin-color-primary: var(--brand, #ff5225);
  --bookero-plugin-color-link: #a32b0c;
  color-scheme: light;
  font-family: var(--font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
}

/* Booking links in the theme open the panel through Bookero's native toggle. */
#bookero-plugin[data-mode="sticky"] > .bookero-sticky-plugin-toggle {
  display: none !important;
}

#bookero-plugin[data-mode="sticky"] .bookero-sticky-plugin-content,
#bookero-plugin[data-mode="sticky"] .bookero-sticky-plugin-content-inner {
  background: #f5f6f8;
}

#bookero-plugin[data-mode="sticky"].is-open .bookero-sticky-plugin-content {
  box-shadow: -1rem 0 3rem rgb(17 19 21 / 20%);
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form-wrapper {
  color: #202124;
  font-family: inherit;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form-wrapper .bookero-plugin-header {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #202124;
  font-family: inherit;
  font-size: 1.75rem;
  font-weight: 650;
  letter-spacing: -0.04em;
  line-height: 1.2;
  margin: 0 0 1.5rem;
  padding: 0;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-header-close::before,
#bookero-plugin[data-mode="sticky"] .bookero-plugin-header-close::after {
  background: #171717;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form-heading {
  color: #202124;
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 650;
  letter-spacing: -0.025em;
  line-height: 1.3;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field label {
  color: #202124;
  font-family: inherit;
  font-weight: 650;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field input,
#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field select,
#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field textarea {
  background-color: #fff;
  border-color: #dadce0;
  border-radius: 0.75rem;
  color: #202124;
  font-family: inherit;
  min-height: 3.25rem;
  padding-inline: 1rem;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect__tags {
  background: #fff;
  border-color: #dadce0;
  border-radius: 0.75rem;
  min-height: 3.25rem;
  padding-left: 1rem;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect__select {
  height: 3.25rem;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect__single {
  color: #202124;
  font-family: inherit;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect__placeholder {
  color: #626773;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect--active .multiselect__tags {
  border-radius: 0.75rem;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect:focus-visible {
  outline: none !important;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect__content-wrapper {
  max-height: 17.5rem !important;
  padding: 0.4375rem;
  border: 0.0625rem solid #dadce0;
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: 0 1.5rem 5.625rem rgb(32 33 36 / 16%);
  z-index: 20;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect:not(.multiselect--above) .multiselect__content-wrapper {
  top: calc(100% + 0.5rem);
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect--above .multiselect__content-wrapper {
  bottom: calc(100% + 0.5rem);
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect__content {
  display: block;
  width: 100%;
  min-width: 0;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect__option {
  min-height: 2.625rem;
  padding: 0.5625rem 0.625rem;
  border-radius: 0.5rem;
  background: transparent;
  color: #202124;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  white-space: normal;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect__option--selected {
  background: #f5f6f8;
  color: var(--brand, #ff5225);
  font-weight: 650;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect__option--highlight,
#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect__option--selected.multiselect__option--highlight {
  background: #f5f6f8;
  color: var(--brand, #ff5225);
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect__option--disabled {
  background: transparent;
  color: #626773;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field :is(input, select, textarea):focus,
#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .multiselect:focus-within .multiselect__tags {
  border-color: #202124;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .vue-tel-input {
  background: #fff;
  border-color: #dadce0;
  border-radius: 0.75rem;
  min-height: 3.25rem;
  overflow: hidden;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .vue-tel-input:focus-within {
  border-color: #202124;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .vue-tel-input .vti__dropdown {
  background: #f5f6f8;
  border-right: 1px solid #dadce0;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form .field .vue-tel-input .vti__input {
  border: 0;
  border-radius: 0;
  height: 3.125rem;
  min-height: 0;
}

#bookero-plugin[data-mode="sticky"] .customer-section .field-phone .vti__dropdown:focus {
  outline: 0.125rem solid #a32b0c !important;
  outline-offset: -0.125rem;
}

#bookero-plugin[data-mode="sticky"] input[type="checkbox"],
#bookero-plugin[data-mode="sticky"] input[type="radio"] {
  accent-color: #a32b0c;
}

#bookero-plugin[data-mode="sticky"] .bookero-plugin-form-wrapper a,
#bookero-plugin[data-mode="sticky"] .inquiry-connected-termins {
  color: #a32b0c;
}

#bookero-plugin[data-mode="sticky"] .agreements-section .agreement-disclaimer {
  color: #626773;
}

#bookero-plugin[data-mode="sticky"] .switcher.is-active {
  background: var(--brand, #ff5225);
  border-color: var(--brand, #ff5225);
}

#bookero-plugin[data-mode="sticky"] .switcher.is-active::before,
#bookero-plugin[data-mode="sticky"] .switcher.is-active::after {
  background: #171717;
}

#bookero-plugin[data-mode="sticky"] .invoice-section .button-group-button.is-active,
#bookero-plugin[data-mode="sticky"] .payment-section .payment-methods-item.is-active {
  background: var(--brand, #ff5225);
  border-color: var(--brand, #ff5225);
  color: #171717;
}

#bookero-plugin[data-mode="sticky"] .calendar-days-list-cell.is-valid:not(.is-selected),
#bookero-plugin[data-mode="sticky"] .hours-section .hours-wrapper .hours-list-item:not(.is-selected):not(.is-in-cart),
#bookero-plugin[data-mode="sticky"] .week-days-hour.is-valid {
  background: #f5f6f8;
  border-color: #dadce0;
  border-radius: 0.5rem;
  color: #202124;
  font-weight: 650;
}

#bookero-plugin[data-mode="sticky"] .calendar-days-list-cell.is-valid:not(.is-selected):hover,
#bookero-plugin[data-mode="sticky"] .hours-section .hours-wrapper .hours-list-item:not(.is-selected):hover,
#bookero-plugin[data-mode="sticky"] .week-days-hour.is-valid:not(.is-selected):hover {
  background: #e9ebee;
  border-color: #80858b;
}

#bookero-plugin[data-mode="sticky"] .calendar-days-list-cell.is-selected,
#bookero-plugin[data-mode="sticky"] .hours-list-item.is-selected,
#bookero-plugin[data-mode="sticky"] .week-days-hour.is-selected {
  background: var(--brand, #ff5225);
  border-color: var(--brand, #ff5225);
  border-radius: 0.5rem;
  color: #171717;
}

#bookero-plugin[data-mode="sticky"] .submit-section .back-button {
  color: #202124;
  font-family: inherit;
  font-weight: 650;
}

#bookero-plugin[data-mode="sticky"] .submit-section .back-button:hover {
  color: #a32b0c;
}

#bookero-plugin[data-mode="sticky"] .submit-section .submit-button,
#bookero-plugin[data-mode="sticky"] .add-to-cart-section .add-button,
#bookero-plugin[data-mode="sticky"] .bookero-plugin-error-btn,
#bookero-plugin[data-mode="sticky"] .result-popup-content-payment-link a {
  background: var(--brand, #ff5225);
  border-color: var(--brand, #ff5225);
  border-radius: 0.75rem;
  color: #171717;
  font-family: inherit;
  font-weight: 700;
}

#bookero-plugin[data-mode="sticky"] .submit-section .submit-button::after,
#bookero-plugin[data-mode="sticky"] .add-to-cart-section .add-button::after {
  border-color: #171717;
}

#bookero-plugin[data-mode="sticky"] .submit-section .submit-button:hover,
#bookero-plugin[data-mode="sticky"] .add-to-cart-section .add-button:hover {
  background: var(--brand-hover, #f96942);
}

#bookero-plugin[data-mode="sticky"] .bookero-sticky-plugin-content > .bookero-sticky-plugin-toggle {
  background: #202124;
  color: #fff;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 700;
  height: 3.5rem;
}

#bookero-plugin[data-mode="sticky"] :focus-visible {
  outline: 0.1875rem solid #a32b0c !important;
  outline-offset: 0.125rem;
}