/* css/scale.css
 *
 * 📐 CONTAIN-FIT ŠKÁLOVANIE PODĽA KONTAJNERA (sekcia zadania "Appka sa
 * škáluje podľa kontajnera na webe pri zachovaní vlastného fixného pomeru
 * strán") - appka na finálnom webe sedí v iframe kontajneri s ĽUBOVOĽNÝM
 * pomerom strán/veľkosťou (určuje WP téma/Elementor, appka to nevie
 * ovplyvniť). Namiesto pôvodného FLUID prispôsobovania (aspect-ratio +
 * cqw/cqh na #app, css/base.css, ktoré RELAYOUTOVALO panely pri rôznych
 * výškach cez @container tiery, css/responsive.css) má appka teraz JEDEN
 * PEVNÝ referenčný dizajn (1920×1080, presne zodpovedá existujúcemu 16:9
 * pomeru #app) - #app-scale-wrapper drží TENTO pevný rozmer VŽDY a js/
 * scale.js ho vizuálne zmenšuje/zväčšuje (transform: scale()) tak, aby sa
 * celý zmestil do kontajnera bez orezania/deformácie ("contain" fit,
 * rovnaký princíp ako object-fit: contain).
 *
 * DÔSLEDOK: #app (vnútri tohto wrapperu) má VŽDY presne 1920×1080 CSS
 * pixelov (contain-fit vnútri #app-scale-wrapper, ktorý má rovnaký 16:9
 * pomer, takže ho vyplní úplne) - @container tiery v css/responsive.css
 * (max-height:900px/450px) sa preto už NIKDY nespustia (výška #app je
 * vždy 1080), sú NEŠKODNÉ, ale odteraz NEAKTÍVNE ("mŕtvy" kód, zámerne
 * ponechaný nezmazaný - popisuje predošlé správanie, žiadna appka naň už
 * nespolieha). Príliš malý efektívny scale namiesto toho aktivuje
 * portrétovú vstupnú bránu (js/gate.js, sekcia zadania "Portrétová
 * vstupná brána pre mobil/tablet") - NIE ďalšie zmenšovanie layoutu.
 */
#app-scale-wrapper {
    /* Rozmer aj pomer prichádzajú z configu (PROJECT_CONFIG.layout,
       zapisuje js/config-apply.js) - fallback hodnoty za "," platia iba
       vtedy, ak by config chýbal. */
    width: var(--app-ref-width, 1920px);
    aspect-ratio: var(--app-ref-ratio, 16 / 9);
    flex-shrink: 0; /* nesmie sa scrunchnúť flexboxom (#configurator-wrapper) - JEDINÉ zmenšenie rieši transform: scale() nižšie */
    transform-origin: center; /* KRITICKÉ pre správne centrovanie pri scale() - "top left" by centrovanie rozbilo pri scale != 1 */
    will-change: transform;
}