/*
 * R.E.SET Termine – Optik des Kalenders (wie auf der Einzeltermin-Seite).
 *
 * ⚠ NICHT VON HAND AENDERN: erzeugt von tests/haut-aus-rsm.php aus
 * reset-site-manager/assets/buchung.css (Kalender, Bestaetigungs-Fenster, Handy).
 * Gilt nur fuer `.wcbaw-haut` (Kalender) und `.wcbaw-buy-overlay.wcbaw-haut` (Fenster);
 * die Farben setzt WCBAW_Termine_Plugin::haut_farben() aus der Palette des Site Managers.
 */

/* ── Was die Einzeltermin-Seite dem Kalender vererbt (landingpage-master.css:
      body + *-Reset), ohne Gewicht wie dort ───────────────────────────────── */
.wcbaw-widget.wcbaw-haut { --wcbaw-font: 'Inter Tight', system-ui, sans-serif; }
:where(.wcbaw-widget.wcbaw-haut, .wcbaw-buy-overlay.wcbaw-haut) {
  font-family: 'Inter Tight', system-ui, sans-serif;
  font-weight: 400;
  line-height: 1.55;
  font-feature-settings: "ss01","cv11";
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
:where(.wcbaw-widget.wcbaw-haut, .wcbaw-buy-overlay.wcbaw-haut) * { margin: 0; padding: 0; box-sizing: border-box; }

/* Marken-Skin fuers eingebettete Availability Widget:
   scharfe Kanten + Mono-Schrift, und FREIE Slots im Chip-Look der Design-
   Vorlage (.meslot: heller Grund, feine Linie, Kupfer erst beim Überfahren) —
   eine Kupfer-FUELLUNG las sich faelschlich wie "belegt". Belegte/vergangene
   Slots behalten die Widget-Zustandsfarben (sind per Default ohnehin
   ausgeblendet). */
.wcbaw-widget.wcbaw-haut { border: 1px solid var(--line); background: var(--paper); padding: 18px; }
.wcbaw-widget.wcbaw-haut, .wcbaw-widget.wcbaw-haut * { border-radius: 0 !important; }
/* bewusst runde Widget-Elemente vom Scharfkanten-Reset ausnehmen */
.wcbaw-widget.wcbaw-haut .wcbaw-spinner { border-radius: 50% !important; }
.wcbaw-widget.wcbaw-haut .wcbaw-btn,
.wcbaw-widget.wcbaw-haut .wcbaw-week-label,
.wcbaw-widget.wcbaw-haut .wcbaw-day-selector-label,
.wcbaw-widget.wcbaw-haut .wcbaw-compact-badge,
.wcbaw-widget.wcbaw-haut .wcbaw-ultra-slot,
.wcbaw-widget.wcbaw-haut .wcbaw-ul-slot,
.wcbaw-widget.wcbaw-haut .wcbaw-tl-bar-label { font-family: 'JetBrains Mono', monospace !important; }

/* Freie Slots — NUR in der Kompaktliste als Chip (.meslot-Look aus dem Handoff);
   die Text-Ansichten (Ultra horizontal/vertikal) bleiben reiner Text. */
.wcbaw-widget.wcbaw-haut .wcbaw-compact-badge.wcbaw-slot--free {
  background: var(--paper) !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
  font-size: 13px !important;
  padding: 10px 14px !important;
  transition: border-color .18s var(--ease), color .18s var(--ease);
}
.wcbaw-widget.wcbaw-haut .wcbaw-compact-badge.wcbaw-slot--free::before {
  content: '';
  display: inline-block;
  width: 7px; height: 7px;
  border-radius: 50% !important;
  background: #2e9e5b;
  margin-right: 8px;
  vertical-align: 1px;
}
.wcbaw-widget.wcbaw-haut .wcbaw-compact-badge.wcbaw-buyable.wcbaw-slot--free:hover,
.wcbaw-widget.wcbaw-haut .wcbaw-compact-badge.wcbaw-buyable.wcbaw-slot--free:focus-visible {
  border-color: var(--brass) !important;
  color: var(--brass-ink) !important;
  outline: none;
}
/* Text-Ansichten: Zeiten in ruhiger Tinte, FREI = gruener Status-Punkt davor
   (grelles Gruen als Textfarbe war zu wild); klickbar per Hover-Unterstreichung */
.wcbaw-widget.wcbaw-haut .wcbaw-ultra-slot.wcbaw-slot--free,
.wcbaw-widget.wcbaw-haut .wcbaw-ul-slot.wcbaw-slot--free {
  background: transparent !important;
  border: 0 !important;
  color: var(--ink) !important;
  font-size: 13px !important;
}
.wcbaw-widget.wcbaw-haut .wcbaw-ultra-slot.wcbaw-slot--free::before,
.wcbaw-widget.wcbaw-haut .wcbaw-ul-slot.wcbaw-slot--free::before {
  content: '';
  display: inline-block;
  width: 7px; height: 7px;
  border-radius: 50% !important;
  background: #2e9e5b;
  margin-right: 8px;
  vertical-align: 1px;
}
.wcbaw-widget.wcbaw-haut .wcbaw-ultra-slot.wcbaw-buyable:hover,
.wcbaw-widget.wcbaw-haut .wcbaw-ul-slot.wcbaw-buyable:hover,
.wcbaw-widget.wcbaw-haut .wcbaw-ultra-slot.wcbaw-buyable:focus-visible,
.wcbaw-widget.wcbaw-haut .wcbaw-ul-slot.wcbaw-buyable:focus-visible {
  color: var(--brass-ink) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  outline: none;
}
/* Zeitstrahl: frei = ruhiges Gruen (gleicher Ton wie die Status-Punkte),
   belegt = blasser Papier-Balken mit durchgestrichener Zeit, vergangen/fern
   stark abgeblendet — keine Rot-Verwirrung mehr. */
.wcbaw-widget.wcbaw-haut .wcbaw-tl-bar.wcbaw-slot--free { background-color: #2e9e5b !important; }
.wcbaw-widget.wcbaw-haut .wcbaw-tl-bar.wcbaw-slot--free .wcbaw-tl-bar-label { color: #fff !important; }
.wcbaw-widget.wcbaw-haut .wcbaw-tl-bar.wcbaw-slot--full { background-color: var(--line-soft) !important; }
.wcbaw-widget.wcbaw-haut .wcbaw-tl-bar.wcbaw-slot--full .wcbaw-tl-bar-label { color: var(--text-dim) !important; text-decoration: line-through; }
.wcbaw-widget.wcbaw-haut .wcbaw-tl-bar.wcbaw-slot--past,
.wcbaw-widget.wcbaw-haut .wcbaw-tl-bar.wcbaw-slot--far { background-color: var(--line-soft) !important; opacity: .45; }
.wcbaw-widget.wcbaw-haut .wcbaw-tl-bar.wcbaw-slot--past .wcbaw-tl-bar-label,
.wcbaw-widget.wcbaw-haut .wcbaw-tl-bar.wcbaw-slot--far .wcbaw-tl-bar-label { color: var(--text-dim) !important; }
.wcbaw-widget.wcbaw-haut .wcbaw-tl-tick { font-family: 'JetBrains Mono', monospace !important; font-size: 10px !important; color: var(--text-dim) !important; }
.wcbaw-widget.wcbaw-haut .wcbaw-tl-bg { background: var(--paper-warm) !important; }
/* Im Warenkorb: gruener Ring + Haekchen bleiben eindeutig */
.wcbaw-widget.wcbaw-haut .wcbaw-incart { box-shadow: inset 0 0 0 2px #2e7d32 !important; }

/* ── Vollstaendiger Marken-Skin (Rest der Alt-Optik: Tuerkis-Buttons durch
   Blocksy-Bleed, gruene Umschalter-Kacheln, Mint-Heute-Zeile, rote Belegt-
   Chips, graue Zebra-Zeilen). Alles auf Paper/Line/Ink/Brass der Seite. ──── */

/* Widget-interne Farbvariablen umstimmen (inline gesetzte brauchen !important) */
.wcbaw-widget.wcbaw-haut {
  --wcbaw-border:     var(--line);
  --wcbaw-nav-bg:     var(--paper);
  --wcbaw-header-bg:  var(--paper);
  --wcbaw-text:       var(--ink);
  --wcbaw-text-light: var(--text-dim);
  --wcbaw-today-bg:   var(--paper-warm);
  --wcbaw-avail:      var(--brass) !important;
  --wcbaw-block:      var(--paper-warm) !important;
  --wcbaw-today-free: var(--paper-warm) !important;
  --wcbaw-today-full: var(--paper-warm) !important;
}

/* Kopfzeile */
.wcbaw-widget.wcbaw-haut .wcbaw-header { background: var(--paper); border-bottom: 1px solid var(--line); }
.wcbaw-widget.wcbaw-haut .wcbaw-week-label {
  font-size: 12px !important; letter-spacing: .08em; color: var(--ink) !important; font-weight: 500 !important;
}
.wcbaw-widget.wcbaw-haut .wcbaw-day-selector-label { color: var(--text-dim) !important; text-transform: uppercase; font-size: 10px !important; letter-spacing: .1em; }
.wcbaw-widget.wcbaw-haut select.wcbaw-day-selector {
  background: var(--paper) !important; border: 1px solid var(--line) !important; color: var(--ink) !important;
  font-family: 'JetBrains Mono', monospace !important; box-shadow: none !important;
}

/* Buttons (Blaettern / Heute / Freier Termin) — !important gegen Blocksys
   Button-Akzentfarbe (bekannte Teal-Falle) */
.wcbaw-widget.wcbaw-haut button.wcbaw-btn {
  background: var(--paper) !important;
  background-image: none !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 8px 14px !important;
  font-weight: 500 !important;
}
.wcbaw-widget.wcbaw-haut button.wcbaw-btn:hover,
.wcbaw-widget.wcbaw-haut button.wcbaw-btn:focus-visible {
  background: var(--paper) !important;
  border-color: var(--brass) !important;
  color: var(--brass-ink) !important;
  outline: none !important;
}

/* Ansichts-Umschalter */
.wcbaw-widget.wcbaw-haut .wcbaw-view-btn {
  background: var(--paper) !important;
  background-image: none !important;
  border: 1px solid var(--line) !important;
  color: var(--text-mid) !important;
  box-shadow: none !important;
}
.wcbaw-widget.wcbaw-haut .wcbaw-view-btn:hover { border-color: var(--brass) !important; color: var(--brass-ink) !important; }
.wcbaw-widget.wcbaw-haut .wcbaw-view-btn.is-active {
  background: var(--ink) !important;
  border-color: var(--ink) !important;
  color: var(--on-ink) !important;
}

/* Tag-Zeilen: ruhige Linien statt grauem Zebra; Heute = warmer Papier-Ton
   mit Kupfer-Kante statt Mint */
.wcbaw-widget.wcbaw-haut .wcbaw-compact-row,
.wcbaw-widget.wcbaw-haut .wcbaw-ul-row,
.wcbaw-widget.wcbaw-haut .wcbaw-tl-row {
  background: transparent !important;
  border-bottom: 1px solid var(--line-soft);
}
.wcbaw-widget.wcbaw-haut .wcbaw-today {
  background: var(--paper-warm) !important;
  box-shadow: inset 3px 0 0 var(--brass);
}
.wcbaw-widget.wcbaw-haut .wcbaw-compact-dayname,
.wcbaw-widget.wcbaw-haut .wcbaw-ul-dayname,
.wcbaw-widget.wcbaw-haut .wcbaw-tl-dayname,
.wcbaw-widget.wcbaw-haut .wcbaw-ultra-dayname {
  font-family: 'JetBrains Mono', monospace !important;
  text-transform: uppercase; letter-spacing: .1em; font-size: 11px !important;
  color: var(--brass-ink) !important;
}
.wcbaw-widget.wcbaw-haut .wcbaw-compact-date,
.wcbaw-widget.wcbaw-haut .wcbaw-ul-date,
.wcbaw-widget.wcbaw-haut .wcbaw-tl-date,
.wcbaw-widget.wcbaw-haut .wcbaw-ultra-date {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important; color: var(--text-dim) !important;
}

/* Ruhetag-Text: ruhige Serif-Kursive statt grauem Sans */
.wcbaw-widget.wcbaw-haut .wcbaw-compact-closed,
.wcbaw-widget.wcbaw-haut .wcbaw-ul-closed,
.wcbaw-widget.wcbaw-haut .wcbaw-tl-closed,
.wcbaw-widget.wcbaw-haut .wcbaw-ultra-closed {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic; font-size: 15px !important; color: var(--text-dim) !important;
}

/* Belegte Slots (wenn eingeblendet): gedaempft statt Alarm-Rot.
   Kompaktliste = Chip, Text-Ansichten = durchgestrichener Text. */
.wcbaw-widget.wcbaw-haut .wcbaw-compact-badge.wcbaw-slot--full {
  background: var(--paper-warm) !important;
  border: 1px solid var(--line-soft) !important;
  color: var(--text-dim) !important;
  text-decoration: line-through;
  font-size: 13px !important;
  padding: 10px 14px !important;
}
.wcbaw-widget.wcbaw-haut .wcbaw-ultra-slot.wcbaw-slot--full,
.wcbaw-widget.wcbaw-haut .wcbaw-ul-slot.wcbaw-slot--full {
  background: transparent !important;
  border: 0 !important;
  color: var(--text-dim) !important;
  text-decoration: line-through;
  font-size: 13px !important;
}
/* Vergangene Slots (wenn eingeblendet): stark abgeblendet */
.wcbaw-widget.wcbaw-haut .wcbaw-compact-badge.wcbaw-slot--past,
.wcbaw-widget.wcbaw-haut .wcbaw-compact-badge.wcbaw-slot--far {
  background: transparent !important;
  border: 1px solid var(--line-soft) !important;
  color: var(--text-dim) !important;
  opacity: .55;
  font-size: 13px !important;
  padding: 10px 14px !important;
}
.wcbaw-widget.wcbaw-haut .wcbaw-ultra-slot.wcbaw-slot--past,
.wcbaw-widget.wcbaw-haut .wcbaw-ul-slot.wcbaw-slot--past,
.wcbaw-widget.wcbaw-haut .wcbaw-ultra-slot.wcbaw-slot--far,
.wcbaw-widget.wcbaw-haut .wcbaw-ul-slot.wcbaw-slot--far {
  background: transparent !important;
  border: 0 !important;
  color: var(--text-dim) !important;
  opacity: .55;
  font-size: 13px !important;
}

/* (Die alte Slot-Karten-Optik entfiel mit dem zentrierten Bestaetigungs-Modal
   v3.10.0 — der Marken-Skin dafuer liegt unten unter body.rsm-template-buchung,
   weil das Modal an document.body haengt, nicht mehr in .mebook.) */

/* Umschalter-Beschriftung („Ansichten umschalten") */
.wcbaw-widget.wcbaw-haut .wcbaw-view-switcher-label {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9.5px !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--text-dim) !important;
}

/* Besucher-Filterleiste im Markenlook (Pillen-Form vom Scharfkanten-Reset ausnehmen) */
.wcbaw-widget.wcbaw-haut .wcbaw-filters {
  background: var(--paper) !important;
  border-bottom: 1px solid var(--line) !important;
}
.wcbaw-widget.wcbaw-haut .wcbaw-filters-label {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: .1em;
  color: var(--text-dim) !important;
}
.wcbaw-widget.wcbaw-haut .wcbaw-filter-btn {
  background: var(--paper) !important;
  background-image: none !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: .03em;
  padding: 4px 13px !important;
}
.wcbaw-widget.wcbaw-haut .wcbaw-filter-btn::before { color: var(--brass); }
.wcbaw-widget.wcbaw-haut .wcbaw-filter-btn:hover { border-color: var(--brass) !important; }
.wcbaw-widget.wcbaw-haut .wcbaw-filter-btn.is-off { color: var(--text-dim) !important; opacity: .75; }
.wcbaw-widget.wcbaw-haut .wcbaw-filter-btn.is-off::before { color: var(--line); }

/* ── Bestaetigungs-Modal im Marken-Look (haengt an document.body -> Scope ueber
      die Template-Body-Klasse; Design-Handoff "Warenkorb-Modal") ───────────── */
.wcbaw-buy-overlay.wcbaw-haut{
  background: rgba(28, 29, 31, 0.5);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-inner{
  background: var(--paper);
  border-top: 3px solid var(--brass);
  border-radius: 0;
  box-shadow: 0 24px 70px rgba(28, 29, 31, 0.35);
}
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-kicker{
  font-family: 'JetBrains Mono', monospace;
  color: var(--brass-ink);
}
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-x{ color: var(--text-dim) !important; border-radius: 0 !important; }
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-x:hover{ color: var(--ink) !important; background: transparent !important; }
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-day{
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  font-size: 32px;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-time{
  font-family: 'JetBrains Mono', monospace;
  font-size: 12.5px;
  letter-spacing: 0.04em;
  color: var(--text-mid);
}
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-rows,
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-row{ border-color: var(--line-soft); }
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-row-k{
  font-family: 'JetBrains Mono', monospace;
  color: var(--text-dim);
}
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-row-v{ color: var(--ink); font-size: 14px; }
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-row-v.wcbaw-buybox-price{
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 500;
  font-size: 19px;
  color: var(--brass-ink);
}
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-msg{ font-size: 13.5px; color: var(--text-mid); }
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-msg.is-error{ color: #b3402f; }
/* Aktionen: Primaer = Messing-Vollflaeche mit Pfeil, Sekundaer = ruhiger Rahmen */
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-actions .wcbaw-btn{
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: 'Inter Tight', sans-serif !important;
  font-size: 13.5px !important;
  padding: 12px 20px !important;
  cursor: pointer;
  transition: background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);
}
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-add{
  background: var(--brass) !important;
  background-image: none !important;
  border: 1px solid var(--brass) !important;
  color: #fff !important;
}
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-add::after{ content: ' \2192'; }
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-add:hover{ background: var(--brass-ink) !important; border-color: var(--brass-ink) !important; }
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-cancel,
.wcbaw-buy-overlay.wcbaw-haut a.wcbaw-buybox-cart{
  background: var(--paper) !important;
  background-image: none !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
}
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-cancel:hover,
.wcbaw-buy-overlay.wcbaw-haut a.wcbaw-buybox-cart:hover{ border-color: var(--brass) !important; color: var(--brass-ink) !important; }
.wcbaw-buy-overlay.wcbaw-haut .wcbaw-buybox-foot{
  font-family: 'JetBrains Mono', monospace;
  background: var(--paper-warm);
  border-top: 1px solid var(--line-soft);
  color: var(--text-dim);
}

/* ── Mobile-Feinschliff der Widget-Bedienleiste (greift auf Buchungs- + Preise-Seite) ── */
@media (max-width: 600px) {
  /* Pfeil-Buttons als ruhige Touch-Quadrate, Label mittig */
  .wcbaw-widget.wcbaw-haut button.wcbaw-prev,
  .wcbaw-widget.wcbaw-haut button.wcbaw-next {
    padding: 8px 12px !important;
    min-width: 44px;
    min-height: 42px;
  }
  .wcbaw-widget.wcbaw-haut .wcbaw-week-label {
    font-size: 11px !important;
    text-align: center;
  }
  /* Chips: wischbare Reihe, angenehme Touch-Hoehe */
  .wcbaw-widget.wcbaw-haut .wcbaw-filter-btn {
    padding: 7px 14px !important;
    min-height: 36px;
  }
  /* Tage-Select gross genug fuer den Daumen, iOS-Zoom vermeiden (16px) */
  .wcbaw-widget.wcbaw-haut select.wcbaw-day-selector {
    min-height: 42px;
    font-size: 16px !important;
    padding: 4px 10px;
  }
}