/* Editor etiket (pages-stitky): arch i štítky se kreslí v milimetrech, náhled a plocha editoru je jen zmenší přes transform (--meritko). */
/* nezmenšený arch (210 mm) ani štítek v editoru nesmí roztáhnout stránku, šířku určuje rodič */
#st-nahled,
.stitky-okno {
    contain: inline-size;
}
.stitky-arch {
    position: relative;
    display: grid;
    width: 210mm;
    height: 297mm;
    background: #fff;
    /* okraj uvnitř archu, stín vně by náhled (overflow) nahoře a dole ořízl */
    outline: calc(1px / var(--meritko, 1)) solid var(--bs-border-color);
    outline-offset: calc(-1px / var(--meritko, 1));
    transform-origin: 0 0;
}
.stitky-stitek,
.stitky-bunka {
    position: relative;
    overflow: hidden;
}
#st-arch .stitky-stitek {
    cursor: pointer;
}
/* obrys na buňce, ne na štítku: jen buňka má tvar (zaoblení, ovál); uvnitř, ať ho štítek (overflow) neořízne */
#st-arch .stitky-bunka {
    outline: calc(1px / var(--meritko, 1)) dashed #aab2bd;
    outline-offset: calc(-1px / var(--meritko, 1));
}
#st-arch .stitky-stitek:hover,
#st-arch .stitky-zdroj {
    outline: calc(2px / var(--meritko, 1)) solid var(--bs-primary);
    z-index: 1;
}
#st-arch .stitky-bunka + .stitky-bunka {
    outline: calc(1px / var(--meritko, 1)) dotted #aab2bd;
}
.stitky-pozadi {
    position: absolute;
    overflow: hidden;
}
.stitky-pozadi img {
    position: absolute;
    max-width: none;
    height: auto;
    transform: translate(-50%, -50%);
    user-select: none;
}
.stitky-prvek {
    position: absolute;
}
.stitky-text {
    width: 100%;
    height: 100%;
    line-height: 1.2;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.stitky-prvek > svg,
.stitky-prvek > img {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}
.stitky-plocha {
    position: relative;
    transform-origin: 0 0;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}
.stitky-plocha .stitky-prvek {
    cursor: move;
    touch-action: none;
}
.stitky-plocha .stitky-prvek.vybrany {
    outline: calc(2px / var(--meritko, 1)) dashed var(--bs-primary);
    outline-offset: calc(2px / var(--meritko, 1));
}
.stitky-uchyt {
    position: absolute;
    right: calc(-7px / var(--meritko, 1));
    bottom: calc(-7px / var(--meritko, 1));
    width: calc(14px / var(--meritko, 1));
    height: calc(14px / var(--meritko, 1));
    background: var(--bs-primary);
    border: calc(2px / var(--meritko, 1)) solid #fff;
    border-radius: 50%;
    cursor: nwse-resize;
    touch-action: none;
}
.stitky-plocha .stitky-pozadi img {
    cursor: move;
    touch-action: none;
}
#st-tisk {
    display: none;
}
@media print {
    @page {
        size: A4;
        margin: 0;
    }
    /* tiskne se jen #st-tisk, který JS před tiskem přesune přímo do body */
    body {
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }
    body > :not(#st-tisk) {
        display: none !important;
    }
    #st-tisk {
        display: block;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }
    #st-tisk .stitky-arch {
        outline: none;
    }
    #st-tisk .stitky-arch:not(:last-child) {
        break-after: page;
    }
}
/* v tisku a PDF smí pozadí štítku přesáhnout do okrajů a mezer (spadávka) */
#st-tisk .stitky-stitek,
#st-tisk .stitky-bunka,
.stitky-tisk .stitky-stitek,
.stitky-tisk .stitky-bunka {
    overflow: visible;
}

/* knihovna obrázků v editoru: miniatury na šachovnici, aby byla vidět průhlednost */
.stitky-miniatura img {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: contain;
    background: repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 0 0 / 12px 12px;
}