/* Schritt 311: Doppelwoche und Semesteransicht breit, lesbar und nicht gequetscht */



/* Nur Ansichten mit zwei Wochen oder Semester werden breiter.

   Einzelwoche bleibt unverändert. */

.tt-mode-double .tt-card,

.tt-mode-semester .tt-card {

  width: min(96vw, 2360px) !important;

  max-width: none !important;

  margin-left: 50% !important;

  transform: translateX(-50%) !important;

}



/* Wochenpaare sauber nebeneinander, mit Luft und eigenem horizontalem Scroll */

.tt-week-pair {

  display: flex !important;

  align-items: stretch !important;

  gap: 28px !important;

  overflow-x: auto !important;

  overflow-y: visible !important;

  padding: 16px 8px 22px !important;

  scroll-snap-type: x proximity !important;

  scroll-padding: 16px !important;

}



/* Eine normale Woche in der Doppelansicht soll nicht schrumpfen */

.tt-week-pair .tt-week {

  flex: 0 0 1080px !important;

  min-width: 1080px !important;

  max-width: none !important;

  scroll-snap-align: start !important;

}



/* BIS Wochen haben sechs Tage. Diese brauchen mehr Breite */

.tt-week-pair .tt-week.tt-days-6 {

  flex-basis: 1260px !important;

  min-width: 1260px !important;

}



/* Doppelwoche und Semester bekommen etwas grössere Kärtchen */

.tt-week-pair .tt-cell {

  min-height: 92px !important;

}



.tt-week-pair .tt-lesson {

  min-height: 84px !important;

  height: 84px !important;

  padding: 10px 12px !important;

  border-radius: 14px !important;

}



/* Mehr Luft in den Rasterspalten */

.tt-week-pair .tt-grid {

  column-gap: 10px !important;

  row-gap: 10px !important;

}



/* Lesbarkeit in Doppelwoche und Semester */

.tt-week-pair .tt-subject {

  font-size: 12.2px !important;

  font-weight: 760 !important;

  line-height: 1.14 !important;

  overflow-wrap: anywhere !important;

}



.tt-week-pair .tt-teacher,

.tt-week-pair .tt-room,

.tt-week-pair .tt-type {

  font-size: 10px !important;

  font-weight: 650 !important;

  line-height: 1.15 !important;

}



/* BIS mit sechs Tagen minimal kompakter, aber nicht gequetscht */

.tt-week-pair .tt-week.tt-days-6 .tt-subject {

  font-size: 11.2px !important;

  line-height: 1.12 !important;

}



.tt-week-pair .tt-week.tt-days-6 .tt-teacher,

.tt-week-pair .tt-week.tt-days-6 .tt-room,

.tt-week-pair .tt-week.tt-days-6 .tt-type {

  font-size: 9.4px !important;

}



/* Zeitspalten stabil halten */

.tt-week-pair .tt-time {

  min-width: 72px !important;

  font-size: 11px !important;

  line-height: 1.15 !important;

}



/* Pausen sauber und nicht riesig */

.tt-week-pair .tt-break {

  min-height: 14px !important;

  height: 14px !important;

  font-size: 9.5px !important;

  letter-spacing: .42em !important;

}



.tt-week-pair .tt-break-space {

  min-height: 14px !important;

  height: 14px !important;

}



/* Leere Felder ruhiger darstellen */

.tt-week-pair .tt-empty {

  background: rgba(255,255,255,.70) !important;

  border: 1px dashed rgba(148,163,184,.30) !important;

}



/* Scrollbar bewusst sichtbar, damit klar ist, dass die Ansicht breiter ist */

.tt-week-pair::-webkit-scrollbar {

  height: 13px;

}



.tt-week-pair::-webkit-scrollbar-track {

  background: rgba(15,23,42,.08);

  border-radius: 999px;

}



.tt-week-pair::-webkit-scrollbar-thumb {

  background: rgba(15,23,42,.38);

  border-radius: 999px;

}



.tt-week-pair::-webkit-scrollbar-thumb:hover {

  background: rgba(15,23,42,.55);

}



/* Semesteransicht: Wochenpaare klar trennen */

.tt-mode-semester .tt-week-pair {

  margin-bottom: 30px !important;

  border-bottom: 1px solid rgba(148,163,184,.35) !important;

}



/* Bei sehr grossen Bildschirmen darf noch mehr Luft rein */

@media (min-width: 2100px) {

  .tt-mode-double .tt-card,

  .tt-mode-semester .tt-card {

    width: min(98vw, 2600px) !important;

  }



  .tt-week-pair .tt-week {

    flex-basis: 1160px !important;

    min-width: 1160px !important;

  }



  .tt-week-pair .tt-week.tt-days-6 {

    flex-basis: 1360px !important;

    min-width: 1360px !important;

  }

}



/* Auf kleineren Bildschirmen nicht quetschen, sondern horizontal scrollen */

@media (max-width: 1600px) {

  .tt-mode-double .tt-card,

  .tt-mode-semester .tt-card {

    width: 98vw !important;

  }



  .tt-week-pair {

    gap: 24px !important;

  }



  .tt-week-pair .tt-week {

    flex-basis: 1040px !important;

    min-width: 1040px !important;

  }



  .tt-week-pair .tt-week.tt-days-6 {

    flex-basis: 1220px !important;

    min-width: 1220px !important;

  }

}