/* =========================================================
   AlbanischLernen.de x EasyAppointments Bridge
   scoped, update safe, konfliktfrei
   ========================================================= */

/* -------------------------
   Grundschrift
-------------------------- */
body.ea-booking-page {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;
  color: #212529;
  background-color: #ffffff;
}

/* -------------------------
   Überschriften
-------------------------- */
body.ea-booking-page h1,
body.ea-booking-page h2,
body.ea-booking-page h3,
body.ea-booking-page h4,
body.ea-booking-page h5 {
  font-weight: 600;
  color: #1b5e3c;
}

/* -------------------------
   Steps oben 1 2 3 4
-------------------------- */
body.ea-booking-page .ea-booking-steps .book-step {
  background-color: #e6f4ec;
  color: #1b5e3c;
  border: 1px solid #1b5e3c;
}

body.ea-booking-page .ea-booking-steps .active-step {
  background-color: #198754;
  color: #ffffff;
  border-color: #198754;
}

/* -------------------------
   Buttons
-------------------------- */
body.ea-booking-page button,
body.ea-booking-page .btn {
  background-color: #198754;
  border-color: #198754;
  color: #ffffff;
  font-weight: 500;
}

body.ea-booking-page button:hover,
body.ea-booking-page .btn:hover {
  background-color: #157347;
  border-color: #146c43;
}

/* Weiter Button */
body.ea-booking-page .ea-submit,
body.ea-booking-page .ea-next-step {
  background-color: #198754;
  color: #ffffff;
  border-radius: 6px;
}

/* -------------------------
   Kalender
-------------------------- */
body.ea-booking-page .ui-datepicker {
  font-family: inherit;
}

body.ea-booking-page .ui-datepicker td a {
  color: #1b5e3c;
}

body.ea-booking-page .ui-datepicker td a.ui-state-active {
  background-color: #198754;
  color: #ffffff;
}

/* -------------------------
   Zeitslots
-------------------------- */
body.ea-booking-page .time-slots button {
  border: 1px solid #198754;
  color: #198754;
  background-color: #ffffff;
}

body.ea-booking-page .time-slots button.selected,
body.ea-booking-page .time-slots button:hover {
  background-color: #198754;
  color: #ffffff;
}

/* -------------------------
   Forms
-------------------------- */
body.ea-booking-page input,
body.ea-booking-page select,
body.ea-booking-page textarea {
  font-family: inherit;
  border-radius: 6px;
  border: 1px solid #ced4da;
}

body.ea-booking-page input:focus,
body.ea-booking-page select:focus,
body.ea-booking-page textarea:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.15rem rgba(25, 135, 84, 0.25);
}

/* -------------------------
   Footer Links
-------------------------- */
body.ea-booking-page footer a {
  color: #198754;
  text-decoration: none;
}

body.ea-booking-page footer a:hover {
  text-decoration: underline;
}

/* -------------------------
   Kleine optische Fixes
-------------------------- */
body.ea-booking-page .container {
  max-width: 1200px;
}

body.ea-booking-page hr {
  border-top: 1px solid #e0e0e0;
}