/* === E-cigarety.cz – Knihovna SVG ikon === */


/* Základní třída — definuje rámec ikony */
.ec-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  flex-shrink: 0;
}


/* === Modifikátory velikostí === */
.ec-icon--sm { width: 14px; height: 14px; }
.ec-icon--md { width: 20px; height: 20px; }
.ec-icon--lg { width: 26px; height: 26px; }
.ec-icon--xl { width: 38px; height: 38px; }


/* === Ikona uvnitř velkých dlaždic (sortimentní/parametrické kategorie) === */
.ec-links__tile-img .ec-icon {
  width: 64px;
  height: 64px;
}


/* Mobilní úprava — ikona v dlaždici menší, aby seděla do menšího rámečku */
@media (max-width: 640px) {
  .ec-links__tile-img .ec-icon {
    width: 50px;
    height: 50px;
  }
}


/* === Jednotlivé ikony — vše barva #c00300 === */


.ec-icon--znacky {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c00300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/><line x1='7' y1='7' x2='7.01' y2='7'/></svg>");
}


.ec-icon--barvy {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c00300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='13.5' cy='6.5' r='1.5'/><circle cx='17.5' cy='10.5' r='1.5'/><circle cx='8.5' cy='7.5' r='1.5'/><circle cx='6.5' cy='12.5' r='1.5'/><path d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z'/></svg>");
}


.ec-icon--baterie {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c00300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='7' width='18' height='10' rx='2'/><line x1='22' y1='11' x2='22' y2='13'/><line x1='6' y1='10' x2='6' y2='14'/><line x1='10' y1='10' x2='10' y2='14'/><line x1='14' y1='10' x2='14' y2='14'/></svg>");
}


.ec-icon--vlastnosti {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c00300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='4' y1='21' x2='4' y2='14'/><line x1='4' y1='10' x2='4' y2='3'/><line x1='12' y1='21' x2='12' y2='12'/><line x1='12' y1='8' x2='12' y2='3'/><line x1='20' y1='21' x2='20' y2='16'/><line x1='20' y1='12' x2='20' y2='3'/><line x1='1' y1='14' x2='7' y2='14'/><line x1='9' y1='8' x2='15' y2='8'/><line x1='17' y1='16' x2='23' y2='16'/></svg>");
}


.ec-icon--vgpg {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c00300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 2.5C5.5 5 4 7.5 4 10c0 2.5 1.79 4.5 4 4.5s4-2 4-4.5c0-2.5-1.5-5-4-7.5z'/><path d='M16 9.5c-1.5 1.5-2.5 3-2.5 4.5 0 1.5 1.07 2.7 2.5 2.7s2.5-1.2 2.5-2.7c0-1.5-1-3-2.5-4.5z'/></svg>");
}


.ec-icon--nikotin {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c00300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='10' y1='2' x2='14' y2='2'/><line x1='12' y1='2' x2='12' y2='6'/><path d='M8 6h8v2a2 2 0 0 1-1 1.73V20a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2V9.73A2 2 0 0 1 8 8V6z'/><line x1='9' y1='14' x2='15' y2='14'/></svg>");
}


.ec-icon--prichut {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c00300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 4c1 2 1 4 1 6'/><path d='M16 4c-1 2-3 4-7 6'/><path d='M8 4c0-1 2-2 4-2s4 1 4 2'/><circle cx='7' cy='16' r='4'/><circle cx='16' cy='17' r='4'/></svg>");
}