/* ============================================================
   TellTours - Icon system
   One-to-one with the app's icon set (@/components/ui/Icon):
   Feather (stroke), Material Community Icons (fill), Ionicons (fill).
   Glyphs are defined once in the #tt-icons SVG sprite (see index.html)
   and referenced with <svg class="ic ic-s|ic-f"><use href="#i-name"/></svg>.
   fill / stroke / stroke-width are inheritable, so they cascade from the
   consuming <svg> into the referenced <symbol> shapes.
   ============================================================ */

.ic {
  display: inline-block;
  flex: none;
  vertical-align: middle;
  overflow: visible;
}

/* Feather-style stroke glyphs */
.ic-s {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Material Community / Ionicons filled glyphs */
.ic-f {
  fill: currentColor;
  stroke: none;
}

/* The sprite itself is never rendered inline */
#tt-icons { position: absolute; width: 0; height: 0; overflow: hidden; }