/* Widget auf unsere Schriftarten umstellen */
.regiondo-widget {
  --regiondo-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Helvetica Neue, sans-serif;
}

.Re-c-MuiScopedCssBaseline-root,
.Re-c-MuiTypography-root,
.Re-c-MuiChip-root,
.Re-c-MuiButton-root {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Helvetica Neue, sans-serif;
}

/* runde Catalog Items */
.regiondo-list-product,
.regiondo-list-product:before,
.regiondo-catalog-list a {
  border-radius: 20px;
}

/* Schatten um die Catalog Items */
.regiondo-list-product {
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

/* Catalog Padding top und bottom verringern */
.regiondo-catalog {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* zu verhindern, dass auto-scroll auf Product Page auf Desktop zu weit hoch fährt  */
.regiondo-product-details {
  padding-top: 60px;
}

/* Mobile Buchen Button Text anpassen */
.regiondo-booking-mobile-button .Re-c-MuiButton-label {
  text-indent: -9999px;
  line-height: 0;
}

.regiondo-booking-mobile-button .Re-c-MuiButton-label:after {
  content: "Jetzt buchen ab 69,95€";
  text-indent: 0;
  display: block;
  line-height: initial;
}

/* Mobile Buchen Button andere Farbe */
.regiondo-booking-mobile-button {
  background-color: #444f61;
}

/* In den Warenkorb Button disabled deaktivieren */
.regiondo-widget .regiondo-addtocart--disabled,
.regiondo-widget .regiondo-addtocart--disabled button {
  opacity: 1;
}

/* Intro Text anpassen */
.regiondo-tabs__panel .regiondo-intro-text {
  text-indent: -9999px;
}

/* ... für Ticket buchen */
[data-panel="product"] .regiondo-intro-text:after {
  content: "Wunsch-Termin auswählen, Anzahl der Tickets wählen und in den Warenkorb legen.";
  text-indent: 0;
  display: block;
}

/* ... für Gutschein kaufen */
[data-panel="gift"] .regiondo-intro-text:after {
  content: 'Anzahl der Gutscheine wählen und in den Warenkorb legen. Den Wunschtermin wählt dann die beschenkte Person selbst (Aktuelle Termine unter "Ticket buchen").';
  text-indent: 0;
  display: block;
}

/* initiale Ticketanzahl für "Erwachsene" auf 1 setzen -> keine Lösung via CSS gefunden
.regiondo-options
  .regiondo-qty
  [data-option-name="Erwachsener"]
  option:nth-child(2) {
  display: none;
}
*/

/* "select-a-date" Option in Selectbox entfernen und Infosatz vorher einfügen -> durch Regiondo Team im Widget gefixed
.regiondo-widget .regiondo-dates .regiondo-select option:first-child {
  display: none;
}

.regiondo-widget .regiondo-dates .regiondo-select {
  text-indent: -9999;
}
.regiondo-widget .regiondo-dates:before {
  display: block;
  text-indent: 0;
  content: "Wählen Sie Ihr Wunschdatum aus:";
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 10px;
  font: inherit;
  font-weight: bold;
  box-sizing: border-box;
  border-radius: 5px;
  outline: 0;
  cursor: pointer;
}
*/

/* beim Gutscheinkauf "Option" durch "Gutschein" ersetzen */
[data-panel="gift"] .regiondo-step-variation .regiondo-step__title:after {
  content: attr(data-i) " Gutschein";
}

/* beim Ticketkauf "Option" durch "Tickets" ersetzen */
[data-panel="product"] .regiondo-step-variation .regiondo-step__title:after {
  content: attr(data-i) " Tickets";
}

/* "Type" durch "Gutscheinart" ersetzen, wenn mehr als 1 Gutschein ausgewählt */
.regiondo-step-type .regiondo-step__title:after {
  content: attr(data-i) " Gutscheinart";
}

/* Regiondo Logo entfernen */
.Re-c-MuiButton-label svg {
  display: none;
}

/* "there-are-no-available-options" durch "Keine Option verfügbar" ersetzen, wenn keine Tickets vorhanden */
.regiondo-step-variation .regiondo-step__content .regiondo-msg-info {
  display: none;
}

.regiondo-step-variation .regiondo-step__content:after {
  content: "Keine Option verfügbar";
}

/* farblich bessere Darstellung ausgebuchter und verfügbarer Termine + Legende */
.regiondo-widget .DayPicker-Day--red .day {
  background: #eb273b;
  color: rgb(255 255 255);
  opacity: 0.3;
}

.regiondo-widget .DayPicker-Day--green .day {
  background: rgb(2, 198, 44);
  color: rgb(255 255 255);
}

.regiondo-widget .DayPicker-wrapper {
  padding-bottom: 8px;
}

.regiondo-widget .DayPicker-wrapper:after {
  content: "Tickets verfügbar";
  background: rgb(2, 198, 44);
  color: rgb(255 255 255);
  padding: 5px;
  margin-right: 50%;
  border-radius: 3px;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
}

.regiondo-widget .DayPicker:after {
  content: "Ausgebucht";
  background: #eb273b;
  color: rgb(255 255 255);
  opacity: 0.3;
  padding: 5px;
  margin-right: 61%;
  border-radius: 3px;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
}