/* Marken-Name der Module („WizMember“ …) mit W-Zeichen der WizClub-Marke.
   Das W ist eine Maske (assets/site/wizclub-w.svg) in der Akzentfarbe; der Buchstabe bleibt als unsichtbarer Text erhalten
   (Kopieren, Suche, Screenreader). Erzeugt von Modulebrandservice::html() (Server) bzw. wizname.js (Browser).
   Maße wie im Primärlogo: Zeichen 1,65 × Versalhöhe hoch, 2,13 × breit; die Buchstaben schieben sich unter den rechten Strahl. */
.wzn { white-space: nowrap; text-transform: uppercase; letter-spacing: .03em; }
.wzw {
  display: inline-block; position: relative; width: 1.5em; height: 1.17em; margin: -.6em -.7em 0 0;
  vertical-align: baseline;
  background: var(--accent-fill, #7C3AED);
  -webkit-mask: url(/assets/site/wizclub-w.svg) center bottom / contain no-repeat;
          mask: url(/assets/site/wizclub-w.svg) center bottom / contain no-repeat;
}
.wzw .wzt { position: absolute; inset: 0; opacity: 0; overflow: hidden; font-size: 1em; line-height: 1; }
/* Auf dunklem Grund (Kopfzeile, Dunkelmodus) heller, damit die Vereinsfarbe nicht untergeht */
[data-bs-theme="dark"] .wzw, .navbar .wzw { background: var(--accent-on-dark, #B794FF); }

/* Name als Titel (Kachel, Menü, Modulkopf): schwere, breite, schräge Versalien wie die Wortmarke */
.home-tile-label .wzn, .app-drawer-item .lbl .wzn, .wzn-title .wzn, .wzn-title.wzn {
  font-family: var(--font-display, inherit); font-weight: 800; font-stretch: 118%; font-style: italic; letter-spacing: .01em;
}
/* Untertitel unter dem Namen: was das Modul wirklich ist */
.home-tile-kind {
  display: block; margin-top: .22rem; font: 500 .56rem/1.25 var(--font-mono, ui-monospace, monospace);
  letter-spacing: .09em; text-transform: uppercase; color: var(--text-muted);
  white-space: normal; overflow-wrap: anywhere; text-wrap: balance; max-width: 100%;   /* umbrechen statt abschneiden: der Untertitel soll ganz lesbar sein */
}
.home-tile-label.has-wz { -webkit-line-clamp: unset; display: block; overflow: visible; padding-top: .45rem; font-size: .95rem; }
.home-tile-label.has-wz .home-tile-kind { font-size: .6rem; }
@media (max-width: 700px) {
  .home-tile-label.has-wz { font-size: .72rem; }
  .home-tile-label.has-wz .wzn { font-stretch: 100%; letter-spacing: 0; }
  .home-tile-label.has-wz .home-tile-kind { font-size: .52rem; letter-spacing: .04em; }
}
/* Kacheln mit Untertitel: Symbole bündig oben, egal ob der Untertitel ein- oder zweizeilig ist */
.home-tile:has(.home-tile-label.has-wz) { justify-content: flex-start; padding-top: .85rem; }