/* ═══════════════════════════════════════════════════════════
   Dörig Schwimmbadtechnik — Icon-System
   Strichzeichnung, erbt die Textfarbe (stroke:currentColor).
   Bewegung steuert assets/js/icons.js (GSAP), nicht diese Datei —
   hier stehen nur Grundmasse, Startzustand und die Abschaltung.
   ═══════════════════════════════════════════════════════════ */

.ico{
  width:var(--ico-size, 2rem);
  height:var(--ico-size, 2rem);
  flex:none;
  display:block;
  overflow:hidden;                 /* Wellen laufen über den viewBox hinaus */
  color:inherit;                   /* Motor der Einfärbung */
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  /* nur transform und opacity werden animiert */
  will-change:transform;
}

.ico--24{--ico-size:24px}
.ico--32{--ico-size:32px}
.ico--48{--ico-size:48px}

/* Punkte im Kalender brauchen eine Kappe, sonst sind sie unsichtbar */
.ico .ia-day path{stroke-linecap:round}

/* Solange das Sprite nicht geladen ist, nimmt der Platzhalter schon Raum ein */
.ico:not([data-ready]){opacity:0}
.ico[data-ready]{opacity:1}

/* ── Träger, damit ein Icon fokussierbar sein kann ──────────── */
.ico-btn{
  display:inline-flex; align-items:center; gap:.6rem;
  background:none; border:0; padding:0; cursor:pointer;
  font:inherit; color:inherit;
}

/* ── Bewegung aus ──────────────────────────────────────────────
   Alles vollständig gezeichnet sichtbar, keine Restanimation.   */
@media not all{
  .ico{will-change:auto}
  .ico *{
    stroke-dasharray:none !important;
    stroke-dashoffset:0 !important;
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
    transition:none !important;
  }
}