/* =============================================================
   icons.css  ·  shared/icons/  ·  standalone
   Base styling for every <svg class="icon"> in the project.

   Icons inherit colour via stroke: currentColor (set inside sprite.svg),
   so they pick up the parent's `color` automatically — no per-instance
   colour overrides needed.

   Default size: 60% of parent's content box. Override with
   `width` / `height` on the parent or on the icon directly when needed.
   ============================================================= */

.icon {
    display: block;
    width: 50%;
    height: 50%;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
    pointer-events: none;          /* clicks pass through to the parent button/li */
}