/* ===== EINHEITLICHE SCHRIFT ===== */
body, h1, h2, h3, h4, h5, h6, p, span, div, button, a {
    font-family: "Georgia", serif !important;
}

/* ===== NAME (ISABEL MOSER) ===== */
.logo, .company-name, header h1 {
    font-size: 30px !important;
    letter-spacing: 3px;
    color: #6A6A6A !important;
    text-align: center !important;
    margin-bottom: 10px !important;
}

/* ===== UNTERTITEL (AYURVEDA...) ===== */
.logo::after,
.company-name::after,
header h1::after {
    content: "Ayurvedamassagen · Gesichtsmassagen · Lymphmassagen";
    display: block;
    font-size: 16px;
    color: #6A6A6A !important;
    margin-top: 8px;
    text-align: center;
}

/* ===== BUTTONS (GRÜN) ===== */
button,
.btn,
.button,
input[type="button"],
input[type="submit"],
#events input.reserve_time_btn,
#events input.select_another_btn,
#eventForm #save_button {
    background-color: #8CA68C !important;
    color: white !important;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}

/* Hover */
button:hover,
.btn:hover,
.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    opacity: 0.9;
}

/* ===== ÖFFNUNGSZEITEN KASTEN ===== */
#sb-timeline .header,
#sb-timeline .timeline,
#sb-timeline #steps {
    background-color: #8CA68C !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}

/* Text darin weiß */
#sb-timeline h1,
#sb-timeline h2,
#sb-timeline h3,
#sb-timeline span,
#sb-timeline div {
    color: white !important;
}

/* ===== HILFE BUTTON (ERSTE SCHRITTE) ===== */
div[class*="help"] {
    background-color: #8CA68C !important;
    color: white !important;
    border-radius: 20px !important;
}

/* ===== TEXT UNTER LOGO ENTFERNEN (OBEN DOPPELT) ===== */
.logo + div,
.company-name + div {
    display: none !important;
}



/* Ruhetag */
[class*="closed"],
[class*="holiday"] {
  color: #5f7f5f !important;
  font-weight: 600 !important;
}

/* Öffnungszeiten Text dunkler (Mobile & Theme unabhängig) */
#sb-timeline,
#sb-timeline * {
  color: #3a3a3a !important;
}

/* Tage stärker */
#sb-timeline .day,
#sb-timeline strong {
  color: #2b2b2b !important;
  font-weight: 600 !important;
}

/* Uhrzeiten */
#sb-timeline .time {
  color: #3a3a3a !important;
}

/* Ruhetag grün */
#sb-timeline .closed {
  color: #5f7f5f !important;
  font-weight: 600;
}

/* Service Karten Text dunkler machen */
#sb-main-container .service-item,
#sb-main-container .service-item * {
  color: #2f2f2f !important;
}

/* Titel (Ayurvedamassage etc.) */
#sb-main-container .service-item h3 {
  color: #2b2b2b !important;
  font-weight: 600;
}

/* Dauer (1 Std.) */
#sb-main-container .service-item .duration {
  color: #4a4a4a !important;
}

/* Button bleibt weiß */
#sb-main-container .service-item button,
#sb-main-container .service-item .btn {
  color: white !important;
}

/* Feld "Unsere Zeit" ausblenden */
[class*="time"],
[class*="clock"],
[class*="timezone"],
[class*="local-time"] {
  display: none !important;
}