.onsale, .out-of-stock-badge,
.ct-share-box[data-type="type-2"] span {
	border-radius: 0;
}
#whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  background-color: #25D366; /* WhatsApp Grün */
  color: white;
  padding: 14px 20px;
  border-radius: 50px;
  text-decoration: none;
  font-size: 18px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  display: flex;
  align-items: center;
  gap: 10px;
  transition: transform 0.2s ease-in-out;
}

#whatsapp-float:hover {
  animation: pulse 1s infinite;
}

#whatsapp-float img {
  width: 28px;
  height: 28px;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}
/* Brizy-Overlays sollen H5P nicht blockieren */
.brz .brz-section__overlay,
.brz .brz-bg-image,
.brz .brz-bg-color { pointer-events: none !important; }

/* H5P darf Klicks bekommen */
.brz .brz-shortcode iframe,
.brz .h5p-iframe,
.brz .h5p-content { pointer-events: auto !important; z-index: 5; }

/* Sicherheitshalber: der Shortcode-Container liegt über evtl. Layern */
.brz .brz-shortcode { position: relative; z-index: 5; }

/* Trustindex Platzhalter – verhindert CLS */
#ti-placeholder {
  min-height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6f7f9;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  margin-bottom: 16px;
}
#ti-load {
  padding: .9rem 1.15rem;
  border: 1px solid #cdd3da;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* Einheitliche Buttonhöhe, keine Layout-Sprünge beim Hover/Active */
a.button, .wp-block-button__link, button {
  min-height: 44px;
  line-height: 1.2;
  transition: transform .12s ease;
}
a.button:active, .wp-block-button__link:active, button:active { transform: scale(.98); }

/* Bilder springen nicht: Höhe auto, Blocksy/Brizy Bildcontainer */
.wp-block-image img, .ct-media img, .brz img { height: auto; }

/* Embeds/H5P: feste Aspect-Ratio gegen CLS (falls oberhalb der Falz genutzt) */
.h5p-iframe, .wp-block-embed__wrapper > iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  display: block;
}

/* A11y Fokus sichtbar */
a:focus-visible, button:focus-visible { outline: 2px solid #0a7; outline-offset: 3px; border-radius: 10px; }

/* Screenreader Utility (falls nicht vorhanden) */
.screen-reader-text {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); border:0;
}

/* Reviews-Frame reserviert Platz bis das Widget rendert (CLS-Schutz) */
#ti-frame {
  background: #f6f7f9;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  padding: 8px;
}
#whatsapp-float{display:inline-flex;align-items:center;gap:.5rem}
#whatsapp-float img, #whatsapp-float svg{display:block}

/* ===== HERO base ===== */
.wwk-hero{
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  /* Höhe: nicht zu groß, nicht zu klein – passt sich Viewport an */
  height: clamp(240px, 50vh, 520px);
}

/* Bild sauber füllen */
.wwk-hero-media,
.wwk-hero-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* sanftes Lesbarkeits-Overlay */
.wwk-hero::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(to top,
    rgba(0,0,0,.40) 0%,
    rgba(0,0,0,.20) 45%,
    rgba(0,0,0,0) 75%);
  z-index:0;
}

/* Inhalt nach unten ausrichten, Ränder konsistent */
.wwk-hero-inner{
  position:absolute; inset:0; z-index:1;
  display:grid; align-content:end;
  padding: 18px 22px 22px;
}

/* Maximalbreite für Textblock */
.wwk-hero-content{ width:min(100%, 820px); color:#fff; }
.wwk-hero h1{ margin:0 0 8px; line-height:1.1; }
.wwk-hero p{  margin:0; opacity:.95; }

/* CTA-Reihe bricht elegant um */
.wwk-hero-cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:14px; }

/* Tablet leicht kompakter */
@media (max-width:1024px){
  .wwk-hero{ height: clamp(220px, 46vh, 460px); }
  .wwk-hero-inner{ padding:16px 18px 18px; }
}

/* Mobile: kompakt und lesbar, CTAs bleiben sichtbar */
@media (max-width:640px){
  .wwk-hero{ height: clamp(200px, 42vh, 380px); }
  .wwk-hero h1{ font-size: clamp(22px, 6.2vw, 28px); }
  .wwk-hero p{  font-size: clamp(14px, 3.7vw, 16px); }
  .wwk-hero-cta{ gap:10px; }
}

/* Sicherheitsnetz gegen harte Höhenangaben aus Buildern */
.wwk-hero img[width][height]{ height:100% !important; }

/* Hero-Text wieder weiss + oberste Ebene */
.wwk-hero .wwk-hero-content,
.wwk-hero .wwk-hero-content * {
  color: #fff !important;
}

/* leichte Lesbarkeitsstütze */
.wwk-hero h1,
.wwk-hero p {
  text-shadow: 0 1px 2px rgba(0,0,0,.25);
}

/* Links/Buttons im Hero: kontrast sicherstellen */
.wwk-hero a { color: #fff !important; }
.wwk-hero .btn.primary {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.28);
  backdrop-filter: saturate(110%) blur(2px);
}
.wwk-hero .btn.primary:hover { background: rgba(255,255,255,.18); }
.wwk-hero .btn.secondary {
  background: transparent;
  border: 1px solid rgba(255,255,255,.5);
}
/* ===== HERO Kursangebot ===== */
.wwk-hero-k{
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  /* etwas kompakter als Startseite */
  height: clamp(220px, 46vh, 460px);
}

.wwk-hero-k-media,
.wwk-hero-k-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* dezentes Lesbarkeits-Overlay */
.wwk-hero-k::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(to top,
    rgba(0,0,0,.40) 0%,
    rgba(0,0,0,.20) 45%,
    rgba(0,0,0,0) 75%);
  z-index:0;
}

.wwk-hero-k-inner{
  position:absolute; inset:0; z-index:1;
  display:grid; align-content:end;
  padding:18px 22px 22px;
}

.wwk-hero-k-content{ width:min(100%, 860px); color:#fff; }
.wwk-hero-k h1{ margin:0 0 8px; line-height:1.1; }
.wwk-hero-k p{  margin:0; opacity:.95; }

/* Mobile Feinschliff */
@media (max-width:640px){
  .wwk-hero-k{ height: clamp(200px, 42vh, 360px); }
  .wwk-hero-k h1{ font-size: clamp(22px, 6.2vw, 28px); }
  .wwk-hero-k p{  font-size: clamp(14px, 3.7vw, 16px); }
}

/* Sicherheitsnetz: falls Builder fixe Bildhöhen setzt */
.wwk-hero-k img[width][height]{ height:100% !important; }

/* Textfarbe sicher weiss, auch wenn Theme globale Farben injiziert */
.wwk-hero-k .wwk-hero-k-content,
.wwk-hero-k .wwk-hero-k-content *{ color:#fff !important; }
.wwk-hero-k h1, .wwk-hero-k p{ text-shadow:0 1px 2px rgba(0,0,0,.25); }

/* ===== INTRO SPLIT – Kindernotfälle ===== */
.wwk-intro-split{ margin: 0 0 1.25rem; }
.wwk-intro-split-inner{
  display: grid;
  gap: 18px;
  align-items: center;
}

/* Mobil: Stack */
.wwk-intro-copy{ order: 2; }
.wwk-intro-media{ order: 1; margin:0; }

/* Bild */
.wwk-intro-media picture,
.wwk-intro-media img{
  display:block; width:100%; height:auto; border-radius:16px;
  object-fit: cover;
  object-position: center 35%;   /* Fokus leicht nach oben (Gesichter) */
  background:#f3f4f6;
}

/* Tablet/Desktop: 2 Spalten */
@media (min-width: 900px){
  .wwk-intro-split-inner{
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }
  .wwk-intro-copy{ order: 1; }
  .wwk-intro-media{ order: 2; }
}

/* Typo & CTA */
.wwk-intro-copy h1{ margin:0 0 .6rem; line-height:1.1; }
.wwk-intro-copy p{ margin:0 0 .6rem; }
.wwk-price{ font-weight:600; margin:.4rem 0 .8rem; }
.wwk-cta-row{ display:flex; flex-wrap:wrap; gap:12px; }

/* Buttons (nutzt deine bestehenden .btn-Klassen) */

/* ===== Intro-Split – Layout + Container ===== */
.wwk-intro-split{ margin: 6px 0 18px; }
.wwk-intro-split-inner{
  max-width: 1160px;               /* an deine Seitenbreite anpassen */
  margin: 0 auto;
  padding: 0 18px;
  display: grid;
  gap: 22px;
  align-items: center;
}
@media (min-width: 900px){
  .wwk-intro-split-inner{ grid-template-columns: 1fr 1fr; gap: 32px; }
}

/* Copy-Spalte */
.wwk-intro-copy h1{ margin:0 0 .7rem; line-height:1.1; }
.wwk-intro-copy p{ margin:0 0 .7rem; }
.wwk-price{ font-weight:700; margin:.3rem 0 1rem; }

/* Medien-Spalte */
.wwk-intro-media{ margin:0; }
.wwk-intro-media picture,
.wwk-intro-media img{
  display:block; width:100%; height:auto;
  border-radius:18px;
  object-fit:cover;
  object-position:center 35%;
  background:#f3f4f6;
  box-shadow:0 4px 18px rgba(0,0,0,.05);
}

/* ===== Buttons – farbig wie im restlichen Theme ===== */
/* Falls dein Theme bereits .btn-styles hat, ist das hier nur ein sanfter Override */
.wwk-cta-row{ display:flex; flex-wrap:wrap; gap:12px; }

.btn{ 
  display:inline-flex; align-items:center; justify-content:center;
  gap:.5rem; padding:.78rem 1.1rem;
  border-radius:9999px; font-weight:700; text-decoration:none;
  border:2px solid transparent; transition:transform .08s ease, box-shadow .2s ease, background .2s ease;
  line-height:1; white-space:nowrap;
}

/* Primärfarbe: nimm die Theme-Variable wenn vorhanden, sonst fallback */
:root{
  --brand: var(--paletteColor1, #2f49f0);      /* Blocksy: --paletteColor1 ist i. d. R. Primär */
  --brand-700: #2540e2;
  --brand-100: rgba(47,73,240,.10);
}
.btn.primary{
  background:var(--brand); color:#fff !important;
  box-shadow:0 6px 14px rgba(47,73,240,.18);
}
.btn.primary:hover{ background:var(--brand-700); transform:translateY(-1px); }
.btn.primary:active{ transform:translateY(0); }

.btn.secondary{
  background:transparent; color:var(--brand) !important;
  border-color:var(--brand);
}
.btn.secondary:hover{ background:var(--brand-100); }

/* Link-Reihe unter dem Intro, falls du sie text-linkartig behalten willst */
.wwk-intro-copy .link-row a{ text-decoration:underline; text-underline-offset:3px; }

/* ===== Globale Breite/Abstände angleichen ===== */
.wwk-section,
.wwk-intro-split-inner {
  max-width: 1160px;
  margin-inline: auto;
  padding-inline: 18px;
}

/* Section-Titel */
.wwk-h2 {
  font-size: clamp(20px, 3.4vw, 28px);
  line-height: 1.2;
  margin: 26px 0 14px;
}

/* ===== Eckdaten-Grid (4 Spalten → 2 → 1) ===== */
.wwk-facts {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(4, minmax(0,1fr));
  align-items: start;
  margin: 8px auto 24px;
}
@media (max-width: 1024px){
  .wwk-facts { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .wwk-facts { grid-template-columns: 1fr; }
}
.wwk-fact {
  background: #fff;
  border: 1px solid #e6e8ee;
  border-radius: 14px;
  padding: 14px 16px;
}
.wwk-fact h3 {
  font-size: 16px; margin: 0 0 8px; font-weight: 700;
}
.wwk-fact p { margin: 0; }

/* ===== Karten-Deck (Komplett vs. Kompakt) ===== */
.wwk-card-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0,1fr));
  margin: 14px auto 8px;
}
@media (max-width: 900px){ .wwk-card-grid { grid-template-columns: 1fr; } }

.wwk-card {
  background: #fff;
  border: 1px solid #e6e8ee;
  border-radius: 16px;
  padding: 16px 18px;
  box-shadow: 0 4px 14px rgba(0,0,0,.04);
}
.wwk-card .badge {
  display:inline-block; font-size:.82rem; font-weight:700;
  padding:.24rem .6rem; border-radius:9999px;
  background: var(--brand, #2f49f0); color:#fff; margin-bottom:10px;
}
.wwk-card h3 { margin:.2rem 0 .5rem; }
.wwk-card ul { margin:.4rem 0 .8rem; padding-left: 1.1rem; }
.wwk-card .btn { margin-top:.4rem; }

/* ===== Buttons Konsistenz (falls noch nicht gesetzt) ===== */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.78rem 1.1rem;border-radius:9999px;font-weight:700;border:2px solid transparent;text-decoration:none;line-height:1;white-space:nowrap}
.btn.primary{background:var(--brand,#2f49f0);color:#fff!important;box-shadow:0 6px 14px rgba(47,73,240,.18)}
.btn.primary:hover{background:#2540e2}
.btn.secondary{background:transparent;color:var(--brand,#2f49f0)!important;border-color:var(--brand,#2f49f0)}
.btn.secondary:hover{background:rgba(47,73,240,.10)}

/* ===== Band: packt zusammengehörige Abschnitte optisch in einen Block ===== */
.wwk-band{
  background: #f7f8fb;            /* sehr helles Grau/Blau */
  border: 1px solid #e9ecf4;
  border-radius: 20px;
  padding: 20px clamp(14px, 3vw, 26px);
  margin: 18px auto 28px;
  max-width: 1160px;
}

/* Abstand zwischen Sektionen im Band schlanker halten */
.wwk-band .wwk-section{ 
  margin: 18px 0; 
}

/* Überschriften im Band leicht kompakter */
.wwk-band .wwk-h2{ 
  margin: 6px 0 10px; 
}

/* Karten & Facts: einheitlicher „tighter“ Look */
.wwk-band .wwk-card,
.wwk-band .wwk-fact{
  border-radius: 14px;
  border: 1px solid #e6e8ee;
  box-shadow: 0 4px 16px rgba(26, 34, 60, .05);
}

/* Grid-Gaps etwas enger */
.wwk-band .wwk-card-grid,
.wwk-band .wwk-facts{
  gap: 14px;
}

/* Buttons optisch ankern – unten etwas Luft */
.wwk-band .btn{ margin-top: .25rem; }

/* Intro oben: Bild optisch näher an den Inhalt holen */
.wwk-intro-split-inner{ max-width: 1160px; padding-inline: 18px; }
.wwk-intro-media { margin-left: 6px; }
.wwk-intro-media img{
  border-radius: 18px;
  box-shadow: 0 8px 26px rgba(26,34,60,.10);
}

/* Harmonisiere globale Abstände im Anschluss an das Intro */
.wwk-section{ max-width: 1160px; margin: 22px auto; padding-inline: 18px; }

/* Trustindex: konsistenter Abstand zum Band */
.ti{ margin: 18px auto 0; max-width: 1160px; padding-inline: 18px; }

/* Responsive Feinschliff */
@media (max-width: 900px){
  .wwk-band{ border-radius: 16px; padding: 16px 14px; }
  .wwk-band .wwk-card-grid, .wwk-band .wwk-facts{ gap: 12px; }
}


.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.1rem;border-radius:.75rem;font-weight:600;text-decoration:none;transition:all .2s}
.btn.primary{background:#111;color:#fff}
.btn.secondary{background:transparent;border:2px solid #111;color:#111}
.btn:hover{transform:translateY(-1px)}
.card-link{display:block}
.card-link:hover .btn.secondary{background:#111;color:#fff}
/* Buttons & Active States auf deine Primärfarbe (#1a37ff) */
.etn-calendar .fc .fc-button-primary,
.etn-calendar .fc .fc-button-primary:not(:disabled).fc-button-active,
.etn-calendar .fc .fc-button-primary:not(:disabled):active {
  background: #1a37ff;
  border-color: #1a37ff;
}

/* Hover-Zustand etwas dunkler */
.etn-calendar .fc .fc-button-primary:hover {
  background: #142ad6;
  border-color: #142ad6;
}

/* Heutiger Tag leicht hervorheben */
.etn-calendar .fc .fc-day-today {
  background: rgba(26,55,255,0.08) !important;
}

/* Event-Pill clean & kontrastreich */
.etn-calendar .fc-daygrid-event {
  background: #f1f5ff !important;        /* Blasses Blau statt Pink */
  border: 1px solid #d9e2ff !important;
  color: #0f1a44 !important;
  padding: 2px 6px !important;
  border-radius: 6px !important;
  font-weight: 600;
}

/* Tooltip/Popover (falls aktiv) lesbarer */
.etn-calendar .fc-popover {
  box-shadow: 0 10px 30px rgba(0,0,0,0.10);
  border-radius: 10px;
}

/* Kopfzeile (Monatstitel) etwas kräftiger */
.etn-calendar .fc-toolbar-title {
  font-weight: 800;
  letter-spacing: 0.2px;
}

/* Wochentage etwas dezenter */
.etn-calendar .fc-col-header-cell-cushion {
  color: #4b5563;
  font-weight: 600;
}

/* Bessere Klick-Fläche auf Events */
.etn-calendar .fc-daygrid-event-harness {
  margin: 2px 0 !important;
}
/* Mobile: mehr Luft zwischen Event-Pills */
@media (max-width: 640px) {
  .etn-calendar .fc-daygrid-event {
    font-size: 13px;
    padding: 4px 6px !important;
  }
  .etn-calendar .fc .fc-toolbar.fc-header-toolbar {
    padding: 6px 4px;
  }
}
/* Preis-Badge rechter Rand enger */
.etn-event-price { margin-right: .5rem; }

/* „Details anzeigen“ Knopf neutral */
.etn-btn.etn-btn-primary { border-radius: 8px; }

/* Kategorie-Badge dezenter */
.etn-badge { background: #eef3ff; color:#1a37ff; }

/* Kalender-Toolbar fix */
.etn-calendar .fc-toolbar-title { font-weight: 700; }

/* Nur auf Eventin-Einzelseiten, nur auf Mobil */
@media (max-width: 640px) {
  /* Häufige Eventin-Blöcke oberhalb der Tickets ausblenden */
  .single-etn .entry-header,
  .single-etn .etn-event-header,
  .single-etn .etn-event-banner,
  .single-etn .etn-event-thumbnail,
  .single-etn .etn-event-summary,
  .single-etn .etn-event-meta-top,
  .single-etn .etn-event-content,
  .single-etn .etn-event-description,
  .single-etn .etn-event-schedule,
  .single-etn .etn-event-location,
  .single-etn .etn-speakers,
  .single-etn .etn-organizer,
  .single-etn .etn-social-share {
    display: none !important;
  }

  /* Ticket-Block etwas nach oben rücken */
  .single-etn .etn-ticket-wrapper,
  .single-etn .etn-event-ticket-area,
  .single-etn #etn-ticket-area {
    margin-top: 0 !important;
  }

  /* Platz für dein WhatsApp-Float, damit "Jetzt buchen" nicht verdeckt wird */
  .single-etn .etn-event-ticket-area {
    padding-bottom: 90px; /* ggf. anpassen */
  }
}
.wwk-shop-hero{padding:3rem 1rem;margin:0 auto;max-width:1100px;text-align:center}
.wwk-shop-hero .cta-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}
.wwk-shop-hero .btn{display:inline-block;padding:.7rem 1rem;border-radius:.6rem;border:1px solid #0a0a0a;text-decoration:none}
.wwk-shop-hero .btn.primary{background:#0a0a0a;color:#fff}
.wwk-shop-hero .btn.secondary{background:transparent;color:#0a0a0a}
.wwk-shop-usps{padding:2rem 1rem;background:#fafafa;margin-top:2rem}
.wwk-shop-usps .usps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;max-width:1100px;margin:0 auto}
.wwk-shop-usps h3{margin:.25rem 0}
.wwk-shop-values {
  padding: 3rem 1rem;
  max-width: 1100px;
  margin: 2rem auto;
  text-align: center;
  background: #fafafa;
  border-top: 1px solid #eee;
}
.wwk-shop-values .wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
}
.wwk-shop-values h3 {
  margin-bottom: .5rem;
  font-weight: 700;
  font-size: 1.25rem;
}
.wwk-shop-values p {
  font-size: .95rem;
  line-height: 1.6;
  margin-bottom: .75rem;
}
.wwk-shop-values a.link {
  font-weight: 600;
  text-decoration: none;
  color: #0a0a0a;
  border-bottom: 1px solid #0a0a0a;
  transition: color .2s, border-color .2s;
}
.wwk-shop-values a.link:hover {
  color: #0050ff;
  border-color: #0050ff;
}
.wwk-trust{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.25rem}
.wwk-trust li{font-size:.92rem}
:root{--wwk-accent:#0a0a0a;--wwk-border:#e9eaec;--wwk-muted:#5e5e5e;}
.wwk-multi fieldset{border:1px dashed #cfe2ff;background:#f8fbff;padding:12px;border-radius:12px;margin:0 0 12px 0;display:none}
.wwk-multi fieldset.active{display:block}
.wwk-multi h3{margin:0 0 .6rem 0}
.wwk-multi h4{margin:1rem 0 .35rem 0}
.wwk-multi .columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;margin:.5rem 0}
.wwk-multi .group{margin:.6rem 0}
.wwk-multi .nav{margin-top:.8rem;display:flex;gap:.6rem}
.btn{display:inline-block;text-decoration:none;border-radius:12px;padding:.8rem 1rem;border:1px solid var(--wwk-accent);color:var(--wwk-accent);background:#fff;cursor:pointer}
.btn.secondary:hover{background:#0a0a0a;color:#fff}
input[type="text"],input[type="email"],input[type="tel"],select,textarea{width:100%}
.muted{color:var(--wwk-muted)}
.wwk-progress{position:relative;height:8px;background:#e9eaec;border-radius:999px;margin:0 0 12px 0}
.wwk-progress .bar{position:absolute;left:0;top:0;height:100%;width:33%;background:#0a0a0a;border-radius:999px;transition:width .25s}
.wwk-progress .steps{display:flex;justify-content:space-between;margin-top:8px;font-size:.85rem;color:var(--wwk-muted)}
.wwk-progress .steps span.active{color:#0a0a0a;font-weight:600}
.wwk-multi .chips{display:flex;flex-wrap:wrap;gap:.45rem}
.wwk-multi .chips label{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--wwk-border);border-radius:999px;padding:.55rem .85rem;cursor:pointer;user-select:none}
.wwk-multi .chips input{appearance:none;width:14px;height:14px;border:1px solid var(--wwk-border);border-radius:3px;display:inline-block;position:relative}
.wwk-multi .chips label.on{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.wwk-multi .chips label.on input{border-color:#fff;background:#fff}
<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 69415544c6af5ae491705c7e. Config Timestamp: 2025-12-16 12:49:01 UTC, Cached Timestamp: 2025-12-19 09:35:52 UTC -->