/* Malvarosa: menší štítky na kartách produktů (zakázka Štítky, 13. 10. 2026, verze 2 = varianta A,
 * kterou klient vybral 13. 10. 8:53).
 *
 * Zadání klienta (WhatsApp 11. 10. 20:11): štítky o 25 % menší, menší písmo
 * a užší boční odsazení, „Top“ opticky méně výrazný než sleva, odkaz
 * „Prohlédnout kolekci →“ beze změny. Cíl: hlavní roli na kartě má obrázek.
 *
 * Základ je v šabloně (style-opt2.css): .flags.flags-default .flag má 13 px,
 * tloušťku 300, odsazení 4px 14px, výška 22,3 px (mobil 12 px, 21,2 px).
 * Tady jen na kartách (.product), detail produktu se nemění.
 *
 * Vrácení: smazat odkaz na tento soubor v záhlaví (HTML kódy).
 */

/* počítač: výška 17 px místo 22,3 px */
.product .flags.flags-default .flag {
  font-size: 11px;
  line-height: 13px;
  padding: 2px 8px;
  margin: 0 0 4px;
  font-weight: 400;
  letter-spacing: .2px;
}

/* sleva zůstává nejvýraznější: plná barva a o stupeň tučnější písmo */
.product .flags.flags-default .flag.flag-action {
  font-weight: 600;
}

/* Top tlumeně: bílý podklad s modrým rámečkem a modré písmo (varianta A).
   Barvu štítku dává Shoptet do atributu style podle nastavení příznaků
   (background-color:#008efa), proto !important. */
.product .flags.flags-default .flag.flag-top {
  background-color: rgba(255,255,255,.92) !important;
  color: #0a6fbf;
  box-shadow: inset 0 0 0 1px rgba(0,142,250,.5);
  font-weight: 500;
}

/* mobil (šablona body.mobile): výška 16 px místo 21,2 px */
body.mobile .product .flags.flags-default .flag {
  font-size: 10.5px;
  line-height: 12px;
  padding: 2px 7px;
  margin: 0 0 3px;
}