/* =========================================================
   JEvents flat layout - extra.css
   Helles, ruhiges Kalenderdesign
   ========================================================= */

:root {
  --pk-bg: #ffffff;
  --pk-surface: #fbfbfb;
  --pk-soft: #f5f5f5;
  --pk-soft-2: #f2f2f2;
  --pk-border: #e3e3e3;
  --pk-border-strong: #d4d4d4;
  --pk-text: #1f1f1f;
  --pk-muted: #757575;
  --pk-today: #f7f1e6;
  --pk-shadow: 0 2px 10px rgba(0,0,0,.05);
  --pk-radius: 12px;
}

/* Grundbereich */
#jevents,
#jevents_body,
#jev_maincal,
div.ev_noprint,
div#flatcal {
  background: transparent !important;
  color: var(--pk-text) !important;
}

/* Seitentitel von Joomla ausblenden */
body.com-jevents .page-header,
body.com-jevents .page-header h1,
body.com-jevents .page-title,
body.com-jevents .sp-page-title,
body.com-jevents .sp-page-title-wrap,
body.com-jevents .article-header,
body.com-jevents .item-title {
  display: none !important;
}

/* Obere Navigation / Buttons */
#jevents_body a,
#jevents_body .btn,
#jevents_body button,
#jevents_body input[type="button"],
#jevents_body .jevbutton,
#jevents_body a.calnav,
#jevents_body .jev_toprow a {
  border-radius: 12px !important;
}

#jevents_body .jev_header2 a,
#jevents_body .ev_navigation a,
#jevents_body .calendarNav a,
#jevents_body .nav-items a,
#jevents_body a.calnav {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 10px 16px !important;
  background: #ffffff !important;
  color: #222 !important;
  border: 1px solid var(--pk-border) !important;
  box-shadow: var(--pk-shadow) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

#jevents_body .jev_header2 a:hover,
#jevents_body .ev_navigation a:hover,
#jevents_body .calendarNav a:hover,
#jevents_body .nav-items a:hover,
#jevents_body a.calnav:hover {
  background: var(--pk-soft) !important;
  border-color: var(--pk-border-strong) !important;
}

/* Monatszeile */
#jevents_body .jev_toprow,
#jevents_body .flatviewtopbar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#jevents_body .currentmonth,
#jevents_body .jev_monthlabel,
#jevents_body .evhead,
#jevents_body h1.evhead,
#jevents_body h2.evhead,
#jevents_body .cal_title {
  color: #1c1c1c !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Haupttabellen */
#jevents_body table,
#jevents_body table.ev_table,
#jevents_body table.jevcalendar,
#jevents_body table.jev_monthcalendar,
#jevents_body table.cal_top_day_names {
  background: #fff !important;
  border-collapse: collapse !important;
}

/* Wochentage */
#jevents_body table.cal_top_day_names td,
#jevents_body td.cal_daysnames,
#jevents_body .flatviewdaysrow td {
  background: #ffffff !important;
  color: #111 !important;
  border: 1px solid var(--pk-border) !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 10px 6px !important;
}

/* Tageszellen stark gefasst */
#jevents_body td.cal_daycell,
#jevents_body td.day,
#jevents_body td.jevday,
#jevents_body td.jev_dayblock,
#jevents_body td.monthcell,
#jevents_body table.ev_table tbody td,
#jevents_body table.jevcalendar tbody td,
#jevents_body table.jev_monthcalendar tbody td,
#jevents_body .flatview td {
  background: #ffffff !important;
  border: 1px solid var(--pk-border) !important;
  vertical-align: top !important;
  height: 112px !important;
  min-height: 112px !important;
  padding: 8px !important;
  position: relative !important;
}

#jevents_body td.cal_daycell:hover,
#jevents_body td.day:hover,
#jevents_body td.jevday:hover,
#jevents_body td.jev_dayblock:hover,
#jevents_body td.monthcell:hover,
#jevents_body .flatview td:hover {
  background: #fcfcfc !important;
}

/* Heute */
#jevents_body .cal_today,
#jevents_body .jev_today,
#jevents_body td.today,
#jevents_body td.currentday {
  background: var(--pk-today) !important;
}

/* Tage anderer Monate */
#jevents_body .notcurrentmonth,
#jevents_body .othermonth,
#jevents_body td.othermonth,
#jevents_body .outside {
  background: #fcfcfc !important;
  color: #b5b5b5 !important;
}

#jevents_body .notcurrentmonth a,
#jevents_body .othermonth a,
#jevents_body .outside a {
  color: #b5b5b5 !important;
}

/* Tageszahlen */
#jevents_body .daynum,
#jevents_body .daynum a,
#jevents_body .cal_daylabel,
#jevents_body .jev_daynum,
#jevents_body .jev_daynum a,
#jevents_body .jev_daynum span,
#jevents_body .monthcell a,
#jevents_body .flatview .daylabel,
#jevents_body .flatview .daynum {
  color: #202020 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* Events im Flat-Layout */
#jevents_body .cal_event,
#jevents_body .ev_row,
#jevents_body .jev_row,
#jevents_body .eventfull,
#jevents_body .event,
#jevents_body .flatview .event,
#jevents_body .flatview .calevent,
#jevents_body .flatview .ev_td_left .event,
#jevents_body .flatview .ev_td_right .event {
  display: block !important;
  background: var(--pk-soft) !important;
  border: 1px solid #e2e2e2 !important;
  border-left: 0 !important;
  border-radius: 6px !important;
  color: #333 !important;
  padding: 4px 6px !important;
  margin: 4px 0 0 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
}

#jevents_body .cal_event a,
#jevents_body .ev_row a,
#jevents_body .jev_row a,
#jevents_body .event a,
#jevents_body .flatview .event a,
#jevents_body .flatview .calevent a {
  color: #333 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

/* Harte alte Hintergründe neutralisieren */
#jevents_body [bgcolor],
#jevents_body td[style*="background"],
#jevents_body div[style*="background-color"] {
  background-color: #ffffff !important;
}

/* Icons dezenter */
#jevents_body .glyphicon,
#jevents_body [class*="icon-"],
#jevents_body .fa {
  color: #909090 !important;
}

/* Responsive */
@media (max-width: 900px) {
  #jevents_body .currentmonth,
  #jevents_body .jev_monthlabel,
  #jevents_body .evhead,
  #jevents_body h1.evhead,
  #jevents_body h2.evhead,
  #jevents_body .cal_title {
    font-size: 28px !important;
  }

  #jevents_body td.cal_daycell,
  #jevents_body td.day,
  #jevents_body td.jevday,
  #jevents_body td.jev_dayblock,
  #jevents_body td.monthcell,
  #jevents_body table.ev_table tbody td,
  #jevents_body table.jevcalendar tbody td,
  #jevents_body table.jev_monthcalendar tbody td,
  #jevents_body .flatview td {
    height: 92px !important;
    min-height: 92px !important;
  }
}

@media (max-width: 640px) {
  #jevents_body .currentmonth,
  #jevents_body .jev_monthlabel,
  #jevents_body .evhead,
  #jevents_body h1.evhead,
  #jevents_body h2.evhead,
  #jevents_body .cal_title {
    font-size: 24px !important;
  }

  #jevents_body table.cal_top_day_names td,
  #jevents_body td.cal_daysnames,
  #jevents_body .flatviewdaysrow td {
    font-size: 12px !important;
    padding: 6px 4px !important;
  }

  #jevents_body td.cal_daycell,
  #jevents_body td.day,
  #jevents_body td.jevday,
  #jevents_body td.jev_dayblock,
  #jevents_body td.monthcell,
  #jevents_body table.ev_table tbody td,
  #jevents_body table.jevcalendar tbody td,
  #jevents_body table.jev_monthcalendar tbody td,
  #jevents_body .flatview td {
    height: 72px !important;
    min-height: 72px !important;
    padding: 6px !important;
  }
}

/* ===== Korrekturen Flat-Layout ===== */

/* Obere Buttons ohne Border */
#jevents_body .jev_header2 a,
#jevents_body .ev_navigation a,
#jevents_body .calendarNav a,
#jevents_body .nav-items a,
#jevents_body a.calnav,
#jevents_body .jev_header2 .btn,
#jevents_body .ev_navigation .btn,
#jevents_body .calendarNav .btn,
#jevents_body .nav-items .btn,
#jevents_body .jev_header2 button,
#jevents_body .ev_navigation button,
#jevents_body .calendarNav button,
#jevents_body .nav-items button {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.05) !important;
}

/* Falls die Border auf inneren Spans liegt */
#jevents_body .jev_header2 a *,
#jevents_body .ev_navigation a *,
#jevents_body .calendarNav a *,
#jevents_body .nav-items a * {
  border-color: transparent !important;
}

/* Monatsnavigation links/rechts in Pink */
#jevents_body .previousmonth,
#jevents_body .nextmonth,
#jevents_body .prevmonth,
#jevents_body .nextmonthname,
#jevents_body .navTableLeft,
#jevents_body .navTableRight,
#jevents_body .flatview .previousmonth,
#jevents_body .flatview .nextmonth {
  background: #ff0a8a !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Linker/rechter Monatsbutton selbst */
#jevents_body .previousmonth a,
#jevents_body .nextmonth a,
#jevents_body .prevmonth a,
#jevents_body .nextmonthname a,
#jevents_body .navTableLeft a,
#jevents_body .navTableRight a,
#jevents_body .previousmonth span,
#jevents_body .nextmonth span,
#jevents_body .flatview .previousmonth a,
#jevents_body .flatview .nextmonth a {
  background: #ff0a8a !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.7) !important;
  box-shadow: none !important;
}

/* Hover gleich sauber pink */
#jevents_body .previousmonth a:hover,
#jevents_body .nextmonth a:hover,
#jevents_body .prevmonth a:hover,
#jevents_body .nextmonthname a:hover,
#jevents_body .navTableLeft a:hover,
#jevents_body .navTableRight a:hover,
#jevents_body .flatview .previousmonth a:hover,
#jevents_body .flatview .nextmonth a:hover {
  background: #e5007a !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.75) !important;
}

/* Termine größer */
#jevents_body .cal_event,
#jevents_body .ev_row,
#jevents_body .jev_row,
#jevents_body .event,
#jevents_body .eventfull,
#jevents_body .flatview .event,
#jevents_body .flatview .calevent,
#jevents_body .flatview .ev_td_left .event,
#jevents_body .flatview .ev_td_right .event,
#jevents_body .cal_event a,
#jevents_body .ev_row a,
#jevents_body .jev_row a,
#jevents_body .event a,
#jevents_body .eventfull a,
#jevents_body .flatview .event a,
#jevents_body a.cal_titlelink:link {
  font-size: 13px !important;
  line-height: 1.35 !important;
}