/* ╔══════════════════════════════════════════════════════════════════════╗
   ║ Gruppenhaus-OS 2.6.0 — Fachseiten im Rahmen der Website               ║
   ║                                                                      ║
   ║ Fachinhalte (Häuser, Buchen, Anfrage, Gutscheine …) behalten          ║
   ║ app-public.css. Dessen Variablen zeigen hier auf das Aussehen der     ║
   ║ Website (--cms-*, os-suite-cms), damit Farben, Schriften und Maße      ║
   ║ zu Kopf, Navigation und Footer passen. Wird nach app-public.css und   ║
   ║ vor den Stilen des Bausteins geladen.                                 ║
   ╚══════════════════════════════════════════════════════════════════════╝ */
:root {
  --ghos-primary:        var(--cms-primary);
  --ghos-primary-dark:   var(--cms-primary-dark);
  --ghos-primary-soft:   var(--cms-primary-soft);
  --ghos-secondary:      var(--cms-secondary);
  --ghos-akzent:         var(--cms-secondary);
  --ghos-text:           var(--cms-text);
  --ghos-text-mute:      var(--cms-text-mute);
  --ghos-text-soft:      var(--cms-text-soft);
  --ghos-bg:             var(--cms-bg);
  --ghos-bg-creme:       var(--cms-bg-creme);
  --ghos-bg-sand:        var(--cms-bg-sand);
  --ghos-bg-dunkel:      var(--cms-bg-dunkel);
  --ghos-text-on-dunkel: var(--cms-text-on-dunkel);
  --ghos-border:         var(--cms-border);
  --ghos-border-stark:   var(--cms-border-stark);
  --ghos-trennlinie:     var(--cms-border);
  --ghos-shadow-sm:      var(--cms-shadow-sm);
  --ghos-shadow-md:      var(--cms-shadow-md);
  --ghos-shadow-lg:      var(--cms-shadow-lg);
  --ghos-font-sans:      var(--cms-font-sans);
  --ghos-font-display:   var(--cms-font-display);
  --ghos-font-headings:  var(--cms-font-display);
  --ghos-font-mono:      var(--cms-font-mono);
  --ghos-container:        var(--cms-container);
  --ghos-container-narrow: var(--cms-container-narrow);
  --ghos-container-wide:   var(--cms-container-wide);
  --ghos-container-max:    var(--cms-container-wide);
  --ghos-radius-sm:      var(--cms-radius-sm);
  --ghos-radius:         var(--cms-radius);
  --ghos-radius-md:      var(--cms-radius);
  --ghos-radius-lg:      var(--cms-radius-lg);
  --ghos-zielgruppe-akzent: var(--cms-zielgruppe-akzent, var(--cms-secondary));
  /* Aliase älterer Fachansichten */
  --ghos-color-primary:       var(--cms-primary);
  --ghos-color-on-primary:    var(--cms-on-primary);
  --ghos-color-text:          var(--cms-text);
  --ghos-color-text-muted:    var(--cms-text-mute);
  --ghos-color-border:        var(--cms-border);
  --ghos-color-surface-alt:   var(--cms-bg-creme);
  --ghos-color-surface-strong: var(--cms-bg-sand);
}

/* Fachinhalt beginnt direkt unter dem Kopf der Website. */
.ghos-fach { display: block; }

/* Warenkorb-Hinweis (bis 2.5.1 als Symbol im Seitenkopf). */
.ghos-warenkorb-leiste { background: var(--cms-primary-soft); color: var(--cms-primary-soft-text, var(--cms-text)); font-size: .9rem; }
.ghos-warenkorb-leiste .ghos-container { display: flex; justify-content: flex-end; padding-block: .5rem; }
.ghos-warenkorb-leiste__link { color: inherit; font-weight: 600; }

/* Schmale Bildschirme (bis 2.5.1 ragten diese Fachinhalte bei 390 px über den Rand). */
.ghos-buchen-filter__feld { min-width: 0; }
.ghos-buchen-filter__feld input { width: 100%; min-width: 0; }
@media (max-width: 720px) {
  .ghos-buchen-filter__felder { grid-template-columns: minmax(0, 1fr); }
  .ghos-buchen-filter__aktionen { flex-wrap: wrap; }
}
@media (max-width: 560px) {
  .demo-home .demo-modules { grid-template-columns: 1fr; }
  .demo-home .demo-metrics { grid-template-columns: repeat(2, 1fr); }
}