/* =====================================================================================================================================================================
   SDILENY STYL FOTEK "nas styl" = SERIZLE HUD ROHY, ne kulate (bot16, 2026-10-10)
   Robert 2026-10-10 (pres bot9): "a vsechny fotky vsude nemaji mit kulate rohy ale nas styl". Nas styl = clip-path polygon se dvema serizlymi rohy (vpravo nahore a vlevo dole), tak jako
   dlazdice / karty / tlacitka v index.html, category.html a product.html (tam maji fotky border-radius 0 a rohy resi karta; na starsich strankach je fotka sama).
   - jedna promenna --hud-cut (velikost serizeni, vychozi 12 px) a trida .hud-cut pro NOVE fotky / obaly fotek (staci pridat class="hud-cut", zadny copy-paste polygonu);
   - starsi stranky bez HUD stylu (galerie, storefronty, online nabidka, poptavka stolu) maji sve fotky v seznamu nize, aby se nemusely prepisovat znacky ani JS sablony;
   - clip-path orizne i box-shadow a ramecek v serizlych rozich -> u fotek se box-shadow NEPOUZIVA (stejne jako u HUD dlazdic); je-li stin potreba, patri na OBAL pres filter: drop-shadow;
   - KULATE maji zustat jen NE-fotky (avatary, ikony, puntiky, tlacitka) - ty se do tohoto souboru NIKDY nepridavaji;
   - selektory v seznamu: realizace.html (.gal-item, #lightbox img), poptavka-stul.html (.pf-picker-card), storefront-*.html (.sf-card-media, .sf-card-img, .sf-card-img-hover, .sf-hero-img,
     #sfPdHero), nabidka-online.html (.render-card img, .mi-3d, .mi-imgs img, #miLightbox img). Nova stranka s fotkami = pridat sem selektor, nebo dat fotce / obalu class="hud-cut".
   - ZKONTROLUJ: scripts/2026-10-10_hud_fotky_testy/scan_zaoblene_fotky.js projde zive stranky a vypise kazdou fotku, ktera (nebo jeji predek) ma stale border-radius > 0.
   ===================================================================================================================================================================== */
:root { --hud-cut: 12px; }

.hud-cut,
.gal-item, #lightbox img,
.pf-picker-card,
.sf-card-media, .sf-card-img, .sf-card-img-hover, .sf-hero-img, #sfPdHero,
.render-card img, .mi-3d, .mi-imgs img, #miLightbox img {
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - var(--hud-cut)) 0, 100% var(--hud-cut), 100% 100%, var(--hud-cut) 100%, 0 calc(100% - var(--hud-cut)));
}

/* mensi nahledy dostanou mensi serizeni, velke fotky vetsi (vsechno stejna tvarova rodina) */
.sf-card-media, .sf-card-img, .sf-card-img-hover, .mi-imgs img, .pf-picker-card { --hud-cut: 10px; }
.sf-hero-img, #sfPdHero, .render-card img { --hud-cut: 16px; }
#lightbox img, #miLightbox img { --hud-cut: 18px; }