/* =========================================================
   My Calendar – Overrides gegen inline + !important
   ========================================================= */

/* 1) Variablen neu setzen */
body .mc-main,
body .mc-event,
body .my-calendar-modal,
body .my-calendar-modal-overlay,
body .mc-event-list {
  --navbar-background: rgba(255,255,255,.92);
  --nav-button-bg: #5b6167;								/*Background Buttons */
  --nav-button-color: #ffffff;
  --nav-button-border: rgba(100,100,100,.100);

  --nav-input-background: #ffffff;
  --nav-input-color: #0f172a;
  --nav-input-border: rgba(15,23,42,.18);

  --grid-cell-border: rgba(15,23,42,.10);
  --grid-header-border: rgba(15,23,42,.16);
  --grid-header-color: #0f172a;
  --grid-header-bg: rgba(15,23,42,.06);

  --current-day-border: #0d7cee;
  --current-day-bg: rgba(13,124,238,.10);
}


body .mc-main .mc-controls button,
body .mc-main .mc-nav button,
body .mc-main .mc-pagination button {
  background: var(--nav-button-bg) !important;
  color: var(--nav-button-color) !important;
  border: 1px solid var(--nav-button-border) !important;
  border-radius: 10px !important;
  padding: .55rem .85rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.12) !important;
  transition: transform .08s ease, filter .15s ease, box-shadow .15s ease;
}

body .mc-main .mc-controls button:hover,
body .mc-main .mc-nav button:hover,
body .mc-main .mc-pagination button:hover {
  filter: brightness(.95) !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.16) !important;
  transform: translateY(-1px);
}

body .mc-main .mc-controls button:active,
body .mc-main .mc-nav button:active,
body .mc-main .mc-pagination button:active {
  transform: translateY(0);
}

/* 3) Inputs (Suche/Select/Datum) */
body .mc-main .mc-controls input,
body .mc-main .mc-controls select,
body .mc-main .mc-controls textarea {
  background: var(--nav-input-background) !important;
  color: var(--nav-input-color) !important;
  border: 1px solid var(--nav-input-border) !important;
  border-radius: 10px !important;
  padding: .55rem .7rem !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.06) !important;
}

body .mc-main .mc-controls input:focus,
body .mc-main .mc-controls select:focus,
body .mc-main .mc-controls textarea:focus {
  outline: none !important;
  border-color: rgba(13,124,238,.55) !important;
  box-shadow: 0 0 0 4px rgba(13,124,238,.16) !important;
}

/* 4) Event-Titel Buttons/Links – nur Form (Plugin nutzt !important) */
body .mc-main .mc_allgemein .event-title button,
body .mc-main .mc_allgemein .event-title a,
body .mc-main .mc_messe .event-title button,
body .mc-main .mc_messe .event-title a {
  border-radius: 10px !important;
}

.mc-main th.weekend-heading {					/*Background Samstag + Sonntag */
    color: black;
    background: rgb(164, 164, 164);
}

.mc-main th.day-heading {						/*Background Montag bis Freitag */
    color: black;
    background: rgb(164, 164, 164);
}