/* css.icons - SVG ikony pre články (náhrada písma Material Icons v obsahu článkov)
   Keyref: css.icons, poradie: 40, bez scope (triedy lp-icon platia aj mimo obalu .lp).
   Návrh: docs/navrh-2-spolocne-styly.md §13, rozhodnutia G2 a G3 v docs/navrh-otvorene-otazky.md.
   Zdroj: Material Symbols Outlined (Google), hrúbka 400, výplň 1 (variant fill1), čo zodpovedá
          dnešnému plnému vzhľadu písma Material Icons. viewBox 0 -960 960 960. Stiahnuté 2026-10-01 z
          https://fonts.gstatic.com/s/i/short-term/release/materialsymbolsoutlined/MENO/fill1/24px.svg
          (pri apps, qr_code a trending_up je fill1 zhodný s fill0). Zo súboru SVG sú vypustené len
          atribúty width a height, cesty sú bez zmeny.
   Licencia: Apache License 2.0, https://www.apache.org/licenses/LICENSE-2.0
   Zápis v článku: <span class="lp-icon lp-icon-loyalty" aria-hidden="true"></span>
   Veľkosť = veľkosť písma okolia (1em), farba = farba textu (currentColor cez mask).

   Mapovanie: ligatúra Material Icons -> meno v Material Symbols -> trieda
     apps            -> apps            -> lp-icon-apps
     cast_connected  -> cast_connected  -> lp-icon-cast-connected
     contactless     -> contactless     -> lp-icon-contactless
     credit_score    -> credit_score    -> lp-icon-credit-score
     dashboard       -> dashboard       -> lp-icon-dashboard
     devices         -> devices         -> lp-icon-devices
     dry_cleaning    -> dry_cleaning    -> lp-icon-dry-cleaning
     fastfood        -> fastfood        -> lp-icon-fastfood
     local_mall      -> local_mall      -> lp-icon-local-mall
     loyalty         -> loyalty         -> lp-icon-loyalty
     qr_code         -> qr_code         -> lp-icon-qr-code
     star            -> star            -> lp-icon-star
     trending_up     -> trending_up     -> lp-icon-trending-up
   Mená sa v Material Symbols pre tieto ikony nezmenili. Podčiarkovník je v triede nahradený
   pomlčkou, lebo meno bloku musí vyhovieť [a-z][a-z0-9-]*.
   Chýba: žiadna z ikon použitých v článkoch 3325, 3493, 4242, 1736, 1735, 1734.
   Pozor: 1735 a 1734 majú ligatúru "d" (taká ikona neexistuje), v 1736 je na rovnakom mieste apps.
*/

/* @block lp-icon
   @title Ikona
   @category Ikony
   @desc Základ všetkých ikon. Vždy spolu s triedou konkrétnej ikony lp-icon-MENO.
   Ikona je dekorácia, preto aria-hidden="true"; text vedľa nej nesie význam.
   @example
   <span class="lp-icon lp-icon-star" aria-hidden="true"></span>
   @end */
.lp-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background: currentColor;
    -webkit-mask: var(--i) center/contain no-repeat;
    mask: var(--i) center/contain no-repeat;
}

/* @block lp-icon-apps
   @title Aplikácie (mriežka)
   @category Ikony
   @desc Material Symbols: apps (Material Icons ligatúra apps).
   @example
   <span class="lp-icon lp-icon-apps" aria-hidden="true"></span>
   @end */
.lp-icon-apps { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M183.5-183.5Q160-207 160-240t23.5-56.5Q207-320 240-320t56.5 23.5Q320-273 320-240t-23.5 56.5Q273-160 240-160t-56.5-23.5Zm240 0Q400-207 400-240t23.5-56.5Q447-320 480-320t56.5 23.5Q560-273 560-240t-23.5 56.5Q513-160 480-160t-56.5-23.5Zm240 0Q640-207 640-240t23.5-56.5Q687-320 720-320t56.5 23.5Q800-273 800-240t-23.5 56.5Q753-160 720-160t-56.5-23.5Zm-480-240Q160-447 160-480t23.5-56.5Q207-560 240-560t56.5 23.5Q320-513 320-480t-23.5 56.5Q273-400 240-400t-56.5-23.5Zm240 0Q400-447 400-480t23.5-56.5Q447-560 480-560t56.5 23.5Q560-513 560-480t-23.5 56.5Q513-400 480-400t-56.5-23.5Zm240 0Q640-447 640-480t23.5-56.5Q687-560 720-560t56.5 23.5Q800-513 800-480t-23.5 56.5Q753-400 720-400t-56.5-23.5Zm-480-240Q160-687 160-720t23.5-56.5Q207-800 240-800t56.5 23.5Q320-753 320-720t-23.5 56.5Q273-640 240-640t-56.5-23.5Zm240 0Q400-687 400-720t23.5-56.5Q447-800 480-800t56.5 23.5Q560-753 560-720t-23.5 56.5Q513-640 480-640t-56.5-23.5Zm240 0Q640-687 640-720t23.5-56.5Q687-800 720-800t56.5 23.5Q800-753 800-720t-23.5 56.5Q753-640 720-640t-56.5-23.5Z'/%3E%3C/svg%3E"); }

/* @block lp-icon-cast-connected
   @title Vzdialená správa (pripojená obrazovka)
   @category Ikony
   @desc Material Symbols: cast_connected (Material Icons ligatúra cast_connected).
   @example
   <span class="lp-icon lp-icon-cast-connected" aria-hidden="true"></span>
   @end */
.lp-icon-cast-connected { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M720-320H575q-35-109-111.5-192T281-640h439v320ZM80-160v-120q50 0 85 35t35 85H80Zm200 0q0-83-58.5-141.5T80-360v-80q117 0 198.5 81.5T360-160h-80Zm160 0q0-75-28.5-140.5t-77-114q-48.5-48.5-114-77T80-520v-80q91 0 171 34.5T391-471q60 60 94.5 140T520-160h-80Zm360 0H600q0-20-1.5-40t-4.5-40h206v-480H160v46q-20-3-40-4.5T80-680v-40q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160Z'/%3E%3C/svg%3E"); }

/* @block lp-icon-contactless
   @title Bezkontaktná platba
   @category Ikony
   @desc Material Symbols: contactless (Material Icons ligatúra contactless).
   @example
   <span class="lp-icon lp-icon-contactless" aria-hidden="true"></span>
   @end */
.lp-icon-contactless { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M336-374q9-24 14.5-50.5T356-480q0-29-5.5-55.5T336-586l-74 30q6 18 10 37t4 39q0 20-4 39t-10 37l74 30Zm128 54q17-38 24.5-78t7.5-82q0-42-7.5-82T464-640l-74 30q14 30 20 62.5t6 67.5q0 35-6 67.5T390-350l74 30Zm130 54q21-50 31.5-103.5T636-480q0-57-10.5-110.5T594-694l-74 32q18 42 27 88t9 94q0 48-9 94t-27 88l74 32ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z'/%3E%3C/svg%3E"); }

/* @block lp-icon-credit-score
   @title Platba kartou a preplatenie
   @category Ikony
   @desc Material Symbols: credit_score (Material Icons ligatúra credit_score).
   @example
   <span class="lp-icon lp-icon-credit-score" aria-hidden="true"></span>
   @end */
.lp-icon-credit-score { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M405-160H160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v240H771L598-307 484-419 315-250l90 90Zm193 80L428-250l56-56 114 112 226-226 56 58L598-80ZM160-640v160h640v-160H160Z'/%3E%3C/svg%3E"); }

/* @block lp-icon-dashboard
   @title Prehľad a štatistiky
   @category Ikony
   @desc Material Symbols: dashboard (Material Icons ligatúra dashboard).
   @example
   <span class="lp-icon lp-icon-dashboard" aria-hidden="true"></span>
   @end */
.lp-icon-dashboard { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M520-600v-240h320v240H520ZM120-440v-400h320v400H120Zm400 320v-400h320v400H520Zm-400 0v-240h320v240H120Z'/%3E%3C/svg%3E"); }

/* @block lp-icon-devices
   @title Zariadenia
   @category Ikony
   @desc Material Symbols: devices (Material Icons ligatúra devices).
   @example
   <span class="lp-icon lp-icon-devices" aria-hidden="true"></span>
   @end */
.lp-icon-devices { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M200-280q-33 0-56.5-23.5T120-360v-360q0-33 23.5-56.5T200-800h560q33 0 56.5 23.5T840-720H620q-58 0-99 41t-41 99v300H200Zm420 120q-25 0-42.5-17.5T560-220v-360q0-25 17.5-42.5T620-640h200q25 0 42.5 17.5T880-580v360q0 25-17.5 42.5T820-160H620Zm-540 0v-80h400v80H80Zm640-300q13 0 21.5-9t8.5-21q0-13-8.5-21.5T720-520q-12 0-21 8.5t-9 21.5q0 12 9 21t21 9Z'/%3E%3C/svg%3E"); }

/* @block lp-icon-dry-cleaning
   @title Služby a servisy (čistiareň)
   @category Ikony
   @desc Material Symbols: dry_cleaning (Material Icons ligatúra dry_cleaning).
   @example
   <span class="lp-icon lp-icon-dry-cleaning" aria-hidden="true"></span>
   @end */
.lp-icon-dry-cleaning { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M280-80v-240h-64q-40 0-68-28t-28-68q0-29 16-53.5t42-36.5l262-116v-26q-36-13-58-43.5T360-760q0-50 35-85t85-35q50 0 85 35t35 85h-80q0-17-11.5-28.5T480-800q-17 0-28.5 11.5T440-760q0 17 11.5 28.5T480-720t28.5 11.5Q520-697 520-680v58l262 116q26 12 42 36.5t16 53.5q0 40-28 68t-68 28h-64v240H280Zm-64-320h64v-40h400v40h64q7 0 11.5-5t4.5-13q0-5-2.5-8.5T750-432L480-552 210-432q-5 2-7.5 5.5T200-418q0 8 4.5 13t11.5 5Z'/%3E%3C/svg%3E"); }

/* @block lp-icon-fastfood
   @title Gastro a rýchle občerstvenie
   @category Ikony
   @desc Material Symbols: fastfood (Material Icons ligatúra fastfood).
   @example
   <span class="lp-icon lp-icon-fastfood" aria-hidden="true"></span>
   @end */
.lp-icon-fastfood { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M40-360q0-109 91-174.5T340-600q118 0 209 65.5T640-360H40Zm0 160v-80h600v80H40ZM80-40q-17 0-28.5-11.5T40-80v-40h600v40q0 17-11.5 28.5T600-40H80Zm640 0v-320q0-114-78-197T451-668l-11-92h200v-160h80v160h200l-65 648q-3 31-25.5 51.5T776-40h-56Z'/%3E%3C/svg%3E"); }

/* @block lp-icon-local-mall
   @title Maloobchod (nákupná taška)
   @category Ikony
   @desc Material Symbols: local_mall (Material Icons ligatúra local_mall).
   @example
   <span class="lp-icon lp-icon-local-mall" aria-hidden="true"></span>
   @end */
.lp-icon-local-mall { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M200-80q-33 0-56.5-23.5T120-160v-480q0-33 23.5-56.5T200-720h80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720h80q33 0 56.5 23.5T840-640v480q0 33-23.5 56.5T760-80H200Zm421.5-378.5Q680-517 680-600h-80q0 50-35 85t-85 35q-50 0-85-35t-35-85h-80q0 83 58.5 141.5T480-400q83 0 141.5-58.5ZM360-720h240q0-50-35-85t-85-35q-50 0-85 35t-35 85Z'/%3E%3C/svg%3E"); }

/* @block lp-icon-loyalty
   @title Výhodná cena (cenovka)
   @category Ikony
   @desc Material Symbols: loyalty (Material Icons ligatúra loyalty).
   @example
   <span class="lp-icon lp-icon-loyalty" aria-hidden="true"></span>
   @end */
.lp-icon-loyalty { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M856-390 570-104q-12 12-27 18t-30 6q-15 0-30-6t-27-18L103-457q-11-11-17-25.5T80-513v-287q0-33 23.5-56.5T160-880h287q16 0 31 6.5t26 17.5l352 353q12 12 17.5 27t5.5 30q0 15-5.5 29.5T856-390ZM260-640q25 0 42.5-17.5T320-700q0-25-17.5-42.5T260-760q-25 0-42.5 17.5T200-700q0 25 17.5 42.5T260-640Zm260 380 140-140q11-11 17.5-26t6.5-32q0-34-24-58t-58-24q-19 0-37.5 11T520-492q-30-28-47-38t-35-10q-34 0-58 24t-24 58q0 17 6.5 32t17.5 26l140 140Z'/%3E%3C/svg%3E"); }

/* @block lp-icon-qr-code
   @title QR kód
   @category Ikony
   @desc Material Symbols: qr_code (Material Icons ligatúra qr_code).
   @example
   <span class="lp-icon lp-icon-qr-code" aria-hidden="true"></span>
   @end */
.lp-icon-qr-code { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M120-520v-320h320v320H120Zm80-80h160v-160H200v160Zm-80 480v-320h320v320H120Zm80-80h160v-160H200v160Zm320-320v-320h320v320H520Zm80-80h160v-160H600v160Zm160 480v-80h80v80h-80ZM520-360v-80h80v80h-80Zm80 80v-80h80v80h-80Zm-80 80v-80h80v80h-80Zm80 80v-80h80v80h-80Zm80-80v-80h80v80h-80Zm0-160v-80h80v80h-80Zm80 80v-80h80v80h-80Z'/%3E%3C/svg%3E"); }

/* @block lp-icon-star
   @title Hviezdička (hodnotenie)
   @category Ikony
   @desc Material Symbols: star (Material Icons ligatúra star).
   @example
   <span class="lp-icon lp-icon-star" aria-hidden="true"></span>
   @end */
.lp-icon-star { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m233-120 65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Z'/%3E%3C/svg%3E"); }

/* @block lp-icon-trending-up
   @title Rast (stúpajúci graf)
   @category Ikony
   @desc Material Symbols: trending_up (Material Icons ligatúra trending_up).
   @example
   <span class="lp-icon lp-icon-trending-up" aria-hidden="true"></span>
   @end */
.lp-icon-trending-up { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m136-240-56-56 296-298 160 160 208-206H640v-80h240v240h-80v-104L536-320 376-480 136-240Z'/%3E%3C/svg%3E"); }