/*
 * Agel Icons – SVG sprite helper CSS
 *
 * URL sprite a prefix ikon se konfiguruje v appsettings.json:
 *   "AgelIcons": {
 *     "SpriteUrl": "https://...",
 *     "IconPrefix": "icon-spec-"
 *   }
 *
 * Použití v HTML/Razor:
 *   <svg class="ag-icon"><use href="#icon-spec-kardiologia"/></svg>
 */

:root {
    --ag-icon-size: 1.7em;
    --ag-icon-color: currentColor;
    --ag-icon-stroke: 0.5; /* SVG user units – jemné zesílení čar; zkus 0–1 */
}

/* Základní třída – funguje jako wrapping <span> nebo <svg> */
.ag-icon {
    display: inline-block;
    width: var(--ag-icon-size);
    height: var(--ag-icon-size);
    vertical-align: -0.15em;
    fill: var(--ag-icon-color);
    stroke: var(--ag-icon-color);
    stroke-width: var(--ag-icon-stroke);
    paint-order: stroke fill;
    overflow: hidden;
    flex-shrink: 0;
}

/* Velikostní varianty (stejná konvence jako FontAwesome) */
.ag-icon-xs  { --ag-icon-size: 0.75em; }
.ag-icon-sm  { --ag-icon-size: 0.875em; }
.ag-icon-lg  { --ag-icon-size: 1.8em; }
.ag-icon-xl  { --ag-icon-size: 2.2em; }
.ag-icon-2x  { --ag-icon-size: 2.5em; }
.ag-icon-3x  { --ag-icon-size: 3em; }
.ag-icon-fw  { width: 1.25em; text-align: center; }

/* Barevné varianty */
.ag-icon-muted   { --ag-icon-color: #6c757d; }
.ag-icon-primary { --ag-icon-color: var(--bs-primary, #0d6efd); }
.ag-icon-danger  { --ag-icon-color: var(--bs-danger, #dc3545); }
.ag-icon-success { --ag-icon-color: var(--bs-success, #198754); }
.ag-icon-warning { --ag-icon-color: var(--bs-warning, #ffc107); }