/* ==========================================================================
   bertour — calendar-fc.css
   Brücke: die Kalenderkacheln des Design Systems in FullCalendar.
   NACH app.css laden. Erzeugt am 2026-08-28.

   Warum es diese Datei gibt: app.css beschreibt die Kachel für ein eigenes Raster
   (`.cal-grid`, positioniert sich selbst). In FullCalendar positioniert das Framework —
   ohne das Zurücksetzen unten hätte die Kachel Höhe 0. Alles Inhaltliche (Hairline,
   Sparten-Kante, Puffer, Fremdtermin, Kompaktform) kommt unverändert aus app.css.
   ========================================================================== */

/* ---------- 1. Container für die Kompaktform ------------------------------
   Der ganze Trick. app.css beschreibt die Handy-Woche als Container-Query
   (`@container (max-width:640px)`), nicht als Fenster-Media-Query. Eine Container-Query
   sucht den nächsten Vorfahren mit `container-type` — im Design System ist das `.cal-week`,
   hier ist es die Ansichtsfläche von FullCalendar. Diese eine Zeile genügt, damit die
   Kompaktkacheln gelten; nichts muss doppelt gepflegt werden.

   Nebeneffekt, der erwünscht ist: gemessen wird die RASTERBREITE, nicht das Fenster. Ein
   schmales Fenster am Schreibtisch verhält sich damit richtig, und die 3-Tage-Ansicht
   bleibt breit genug für die volle Kachel, obwohl das Fenster schmal ist. */
.fc-view-harness{container-type:inline-size}

/* ---------- 2. Kachel: Positionierung an FullCalendar abgeben -------------- */
.fc-event.cal-ev,
.fc-event.cal-drive{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:100%;display:block}
.fc-event.cal-ev{margin:0;overflow:hidden}
/* FullCalendars eigener Schatten und Innenabstand müssen weg — Fläche, Rahmen und Abstand
   bringt die Kachel des Systems selbst mit. */
.fc-timegrid-event.cal-ev,.fc-timegrid-event.cal-drive{box-shadow:none}
.fc-event.cal-ev .fc-event-main,.fc-event.cal-drive .fc-event-main{padding:0;color:inherit}

/* Fahrt-Band als Hintergrund-Ereignis: es beansprucht keine Spalte, drückt den Termin also
   nicht zur Seite. Die Optik (`.cal-drive.is-bg`) steht in app.css. */
.fc-bg-event.cal-drive{opacity:1}
.fc-bg-event.cal-drive .fc-event-title{display:none}

/* „jetzt" ist im ganzen System die Limette — nicht FullCalendars Rot */
.fc .fc-timegrid-now-indicator-line{border-color:var(--accent);border-top-width:2px}
.fc .fc-timegrid-now-indicator-arrow{border-color:var(--accent);color:var(--accent)}

/* ---------- 3. Nur was FullCalendars eigenes DOM betrifft ------------------
   Das Design System kennt `.fc-timegrid-axis` nicht — diese Werte können nicht dorthin
   wandern. Alles andere Kompakte (Kachelfläche, Zeilenzahl, Pufferfuß, Fremdtermin)
   kommt aus dem @container-Block in app.css und steht deshalb NICHT hier. */
@container (max-width:640px){
  .fc-timegrid-axis,.fc-timegrid-slot-label{width:34px}
  .fc-timegrid-slot-label-cushion{padding:0 3px;font-size:10px}
  .fc-col-header-cell-cushion{padding:2px 0}
  /* Kachelabstand: auf ~57px Kachel ist jedes Pixel eins */
  .fc-timegrid-event-harness{left:1px !important;right:1px !important}
}

/* ---------- 4. Themenwechsel ---------------------------------------------
   Nichts zu tun. Die Kachel liest --acc, --brand, --surface usw.; ein Owner-Theme
   (`data-theme-brand`) und der Dunkelmodus (`data-theme="dark"`) wirken automatisch. */