/* Cal.com Custom Theme – Stefan Giesberg Lerncoaching
   Navy #1A2744 | Orange #FF9F0A
   Cal.com setzt html.light / html.dark je nach System-Theme
   ================================================= */

/* ── CSS-Variablen ── */
:root {
  --brand-color: #FF9F0A;
  --cal-brand: #FF9F0A;
  --cal-brand-emphasis: #e8910a;
  --cal-brand-subtle: rgba(255,159,10,0.15);
  --cal-brand-text: #1A2744;
}

/* ── Linke Sidebar: immer Navy ── */
[data-testid='event-meta'],
aside[class*='rounded-l'],
div[class*='sm:rounded-l'] {
  background-color: #1A2744 !important;
}

[data-testid='event-meta'] *,
aside[class*='rounded-l'] * {
  color: #dce0ec !important;
}

[data-testid='event-meta'] h1,
[data-testid='event-meta'] h2,
[data-testid='event-meta'] h3,
[data-testid='event-meta'] [class*='font-semibold'],
[data-testid='event-meta'] [class*='font-bold'],
aside[class*='rounded-l'] h1,
aside[class*='rounded-l'] h2 {
  color: #ffffff !important;
}

[data-testid='event-meta'] svg {
  color: #FF9F0A !important;
  fill: #FF9F0A !important;
  stroke: #FF9F0A !important;
}

/* ── "Meinen Kalender überlagern" ausblenden ── */

/* ── Cal.com Logo ausblenden ── */
/* ── Overlay-Kalender-Schalter: nur Button per CSS, Container per JS */
[data-testid='overlay-calendar-switch'] {
  display: none !important;
}

[data-testid='cal-logo'],
[class*='CalLogoIcon'] {
  display: none !important;
}

/* ══════════════════════════════════════════════
   KALENDER-TAGE – konsistente Darstellung
   ══════════════════════════════════════════════ */

/* Nicht buchbare Tage (vergangen + außerhalb Schedule):
   Box entfernen → nur gedimmter Text, keine cal.com-Hintergrundbox.
   Das macht ALLE nicht-buchbaren Tage visuell konsistent. */
[data-testid='day'][disabled],
[data-testid='day'][aria-disabled='true'] {
  background-color: transparent !important;
  opacity: 1 !important;
}

html.light [data-testid='day'][disabled],
html.light [data-testid='day'][aria-disabled='true'] {
  color: #c0c5d4 !important;
}

html.dark [data-testid='day'][disabled],
html.dark [data-testid='day'][aria-disabled='true'] {
  color: #4b5563 !important;
}

/* Verfügbare Tage (light): Navy-Text */
html.light [data-testid='day']:not([aria-selected='true']):not([data-today='true']):not([disabled]):not([aria-disabled='true']) {
  color: #1A2744 !important;
}

/* Verfügbare Tage (dark): helles Grau */
html.dark [data-testid='day']:not([aria-selected='true']):not([data-today='true']):not([disabled]):not([aria-disabled='true']) {
  color: #e5e7eb !important;
}

/* Heute: Orange in beiden Modi */
[data-testid='day'][data-today='true']:not([disabled]) {
  background-color: rgba(255,159,10,0.20) !important;
  color: #FF9F0A !important;
}

/* Ausgewählter Tag: Orange + Navy-Text */
[data-testid='day'][aria-selected='true'] {
  background-color: #FF9F0A !important;
  color: #1A2744 !important;
  font-weight: 700 !important;
}
[data-testid='day'][aria-selected='true'],
[data-testid='day'][aria-selected='true'] * {
  color: #1A2744 !important;
}

/* ══════════════════════════════════════════════
   ZEITSLOTS – Text + Kindelemente abdecken
   ══════════════════════════════════════════════ */

html.light [data-testid='time'],
html.light [data-testid='time'] * {
  color: #1A2744 !important;
}

html.dark [data-testid='time'],
html.dark [data-testid='time'] * {
  color: #e5e7eb !important;
}

/* Zeitslot-Rahmen je Mode */
html.light [data-testid='time'] { border-color: #d1d5db !important; }
html.dark  [data-testid='time'] { border-color: #374151 !important; }

/* Hover: Orange-Akzent */
[data-testid='time']:hover,
[data-testid='time']:hover * {
  border-color: #FF9F0A !important;
  color: #FF9F0A !important;
  background-color: rgba(255,159,10,0.10) !important;
}

/* ══════════════════════════════════════════════
   ORANGE BUTTONS – immer Navy-Text
   ══════════════════════════════════════════════ */

[data-testid='confirm-book-button'],
button[class*='bg-brand'],
a[class*='bg-brand'],
[class*='bg-brand-default'] {
  background-color: #FF9F0A !important;
  color: #1A2744 !important;
  font-weight: 700 !important;
  border: none !important;
}

[data-testid='confirm-book-button'] *,
button[class*='bg-brand'] *,
a[class*='bg-brand'] *,
[class*='bg-brand-default'] * {
  color: #1A2744 !important;
}

/* Brand-Akzentfarben */
.text-brand-default,
[class*='text-brand'] {
  color: #FF9F0A !important;
}