/* stylesheet_zz_bs_zrcadla.css - vzhled zobrazení nad zrcadlenými daty z centrály (P06-ZRCADLOVE-ZOBRAZENI, 7. 11. 2026).
   Tři malé celky, každý jen s pravidly, která jádro šablony (stylesheet_cm_funkce.css) nemá:
   1) popisek zvoleného provedení pod cenou sestavy (p#cmCenaPopisek),
   2) kotvy sekcí na stránce Akce s počty (.cm-chip-pocet) a popis sekce (.cm-vypis-skupina-popis),
   3) dvouřádkový štítek dárku s hodnotou (.tt-label-gift--hodnota).
   Barvy se berou z proměnných --cmf-* (stylesheet_cm_funkce.css) a --zca_* šablony.
   Soubor stylesheet_zz_* se načítá za základem automaticky (nahrát stačí do includes/templates/bootstrap/css/). Návrat = smazat soubor. */

/* 1) popisek provedení pod cenou (jádro vkládá <p class="cm-cena-popisek" id="cmCenaPopisek">; prázdný se skryje) */
.cm-cena-popisek { margin: .35rem 0 0; font-size: .8125rem; line-height: 1.35; font-weight: 400; color: var(--cmf-slaby, #6c757d); }
.cm-cena-popisek:empty { display: none; }

/* 2) stránka Akce po sekcích */
.cm-akce-kotvy .cm-chip-pocet { display: inline-block; min-width: 1.25rem; margin-left: .25rem; padding: 0 .4rem; border-radius: 999px; background: var(--cmf-lehke, #f8f9fa); color: var(--cmf-text, #212529); font-size: .75rem; line-height: 1.25rem; text-align: center; }
.cm-akce-kotvy .cm-chip:hover .cm-chip-pocet { background: var(--cmf-akcent, #0d6efd); color: var(--cmf-akcent-text, #fff); }
.cm-vypis-skupina-popis { margin: .125rem 0 .35rem; font-size: .875rem; font-weight: 400; color: var(--cmf-slaby, #6c757d); }

/* 3) štítek dárku s hodnotou: vlaječka zůstává vpravo nahoře jako dosud, text "(v hodnotě 2 490,- Kč)" je na druhém řádku pod piktogramem a slovem Dárek
   (<small class="tt-label-gift-hodnota">, dává ho svm_darky_gift_display.php jen u dárku zdarma s cenou). Základní pravidlo štítku má nowrap + overflow hidden, proto tu mřížka na dva řádky. */
.list-image .tt-label-gift.tt-label-gift--hodnota,
.cm-akce-stitky .tt-label-gift.tt-label-gift--hodnota {
  display: inline-grid; grid-template-columns: auto auto; column-gap: .4rem; row-gap: .1rem; align-items: center; justify-items: start;
  white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.2; padding: .3rem .6rem .35rem;
}
.tt-label-gift.tt-label-gift--hodnota > svg { grid-row: 1; grid-column: 1; }
.tt-label-gift.tt-label-gift--hodnota > span { grid-row: 1; grid-column: 2; }
.tt-label-gift.tt-label-gift--hodnota > .tt-label-gift-hodnota { grid-row: 2; grid-column: 1 / -1; font-size: .7rem; font-weight: 600; line-height: 1.2; white-space: nowrap; color: var(--cmf-akcent, #0d6efd); }