/* =============================================================================
   LIŠTA VIZUÁLNEHO EDITORA STÁLE OTVORENÁ (prerábka VE len pre rmfactory,
   Vojto 22. 10. 2026; záloha pred prerábkou: git tag zaloha-ve-2026-10-22)
   Najprv vľavo, v ten istý večer presunutá na pravú stranu (Vojto) - názvy
   súborov ostali.
   =============================================================================
   - Lišta (Objekt / Nastavenie sekcie / Organizátor) je pri otvorenom editore
     vpravo v karte Backendu, široká ako hlavné menu + podmenu, od úrovne plochy
     editora po spodok karty. Názov stránky a tlačidlá ostávajú nad ňou.
   - Plocha editora je vľavo vedľa nej a dá sa posúvať aj klikať (okno Filamentu
     modalClickThrough). Klik na objekt len vymení obsah Lišty.
   - Bez vybraného objektu je na jej mieste prázdna Lišta (.be-ve-lista-prazdna).
   - Krížik Lištu minimalizuje: 15 px čierny pás vpravo so zvislým názvom, klik
     naň ju znova otvorí (html.be-ve-lista-min).
   Polohu a odsadenie plochy počíta js/ve-lista-vlavo.js (premenné nižšie).
   ============================================================================= */
:root {
    --be-ve-lista-sirka-plna: calc(var(--be-rail-width, 100px) + var(--be-submenu-width, 250px));
    --be-ve-lista-sirka: var(--be-ve-lista-sirka-plna);
}

html.be-ve-lista-min {
    --be-ve-lista-sirka: 15px;
}

/* Plocha editora vedľa Lišty (odsadenie počíta skript - Lišta + 30 px). */
html.be-ve-lista-vlavo .fi-body .fi-page-content {
    padding-right: var(--be-ve-obsah-odsad, 380px) !important;
}

/* Tlačidlá hlavičky stránky končia na pravom okraji plochy (Uložiť zmeny pri okraji), vedľa Lišty.
   Hlavička končí pri Lište (nesiaha pod ňu) - môže byť nad oknami (roletka Funkcie nad kódom). */
html.be-ve-lista-vlavo .fi-body .fi-header {
    margin-right: calc(var(--be-ve-obsah-odsad, 380px) - 30px) !important;
    padding-right: 30px !important;
}

/* Okno Lišty: žiadna vrstva ani zámok - klikať a posúvať sa dá všade mimo Lišty. */
html.be-ve-lista-vlavo .fi-modal:has(.be-ve-dizajn-lista),
html.be-ve-lista-vlavo .fi-modal:has(.be-ve-dizajn-lista) .fi-modal-window-ctn {
    pointer-events: none !important;
    background: none !important;
}

html.be-ve-lista-vlavo .fi-modal:has(.be-ve-dizajn-lista) .fi-modal-close-overlay {
    display: none !important;
}

/* Stránka sa pri otvorenom editore posúva vždy - aj keď okno Filamentu (kód, otázka) nechá na
   html zámok overflow: hidden (Vojto 22. 10. 2026: obsah sa nedal posunúť nadol). */
/* :not(#…) zvýši prioritu nad pôvodné html:has(.fi-modal-open .be-ve-dizajn-lista), ktoré posun zamyká. */
html.be-ve-lista-vlavo:not(#be-ve-nic),
html.be-ve-lista-vlavo:not(#be-ve-nic) body {
    overflow-x: clip !important;
    overflow-y: visible !important;
    padding-right: 0 !important;
}

/* Lišta a prázdna Lišta - rovnaké miesto a rám. */
html.be-ve-lista-vlavo .fi-modal-window.be-ve-dizajn-lista,
html.be-ve-lista-vlavo .fi-modal-window.be-ve-dizajn-lista.je-siroka,
.be-ve-lista-prazdna {
    pointer-events: auto;
    position: fixed !important;
    top: var(--be-ve-lista-hore, 157px) !important;
    bottom: var(--be-ve-lista-dole, 20px) !important;
    left: auto !important;
    right: var(--be-ve-lista-vpravo, 20px) !important;
    width: var(--be-ve-lista-sirka) !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    transition: none !important;
    /* Ľavý horný roh zaoblený, pravý horný ako roh karty (Lišta siaha po vrch karty). */
    border-radius: 10px 8px 0 0 !important;
    background: #FFFFFF;
    box-shadow: -4px 0 24px rgba(0, 0, 0, .12) !important;
}

html.be-ve-lista-vlavo .fi-body .be-ve-dizajn-lista .fi-modal-content .fi-grid > .fi-grid-col:first-child .be-lista-blok-hlavicka {
    border-radius: 10px 8px 0 0;
}

html.be-ve-lista-vlavo .be-ve-dizajn-lista .fi-modal-content {
    border-radius: 10px 8px 0 0;
}

/* Rozšírenie Lišty na celú šírku nemá pri Lište vľavo zmysel. */
html.be-ve-lista-vlavo .be-ve-dizajn-lista .be-lista-tlacidlo-siroka {
    display: none !important;
}

/* Rám Lišty pod Lištou objektu - stále zobrazený, aby pri prepnutí objektu ostala
   hlavička na mieste; text prázdnej Lišty len bez vybraného objektu (je-prazdna). */
.be-ve-lista-prazdna {
    z-index: 30;
    display: none;
    flex-direction: column;
    overflow: hidden;
}

html.be-ve-lista-vlavo .be-ve-lista-prazdna.je-zobrazena {
    display: flex;
}

.be-ve-lista-prazdna:not(.je-prazdna) .be-ve-lista-prazdna-text {
    visibility: hidden;
}

.be-ve-lista-prazdna-hlavicka {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 0 20px 0 48px;
    border-radius: 10px 8px 0 0;
    background: #000000;
    font: 700 16px/1.2 "Open Sans", sans-serif;
    color: #FFFFFF;
}

.be-ve-lista-prazdna-zavriet {
    position: absolute;
    top: 50%;
    left: 12px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: url("/icons/zrusit.svg") center / contain no-repeat;
    cursor: pointer;
}

.be-ve-lista-prazdna-text {
    margin: 0;
    padding: 20px;
    font: 400 14px/1.5 "Open Sans", sans-serif;
    color: #7F7F7F;
}

/* Minimalizovaná Lišta: 15 px čierny pás, názov zvisle, klik ju otvorí. */
html.be-ve-lista-min .fi-modal-window.be-ve-dizajn-lista,
html.be-ve-lista-min .be-ve-lista-prazdna {
    overflow: hidden !important;
    background: #000000 !important;
    cursor: pointer;
}

html.be-ve-lista-min .fi-modal-window.be-ve-dizajn-lista > *,
html.be-ve-lista-min .be-ve-lista-prazdna > * {
    visibility: hidden !important;
}

html.be-ve-lista-min .fi-modal-window.be-ve-dizajn-lista::after,
html.be-ve-lista-min .be-ve-lista-prazdna::after {
    content: attr(data-be-nadpis);
    position: absolute;
    top: 12px;
    left: 0;
    width: 15px;
    writing-mode: vertical-rl;
    white-space: nowrap;
    font: 700 11px/15px "Open Sans", sans-serif;
    color: #FFFFFF;
    pointer-events: none;
}

/* Mobil: Lišta cez celú šírku ako doteraz (bez odsadenia plochy). */
@media (max-width: 767px) {
    html.be-ve-lista-vlavo .fi-body .fi-page-content {
        padding-right: 16px !important;
    }

    html.be-ve-lista-vlavo:not(.be-ve-lista-min) .fi-modal-window.be-ve-dizajn-lista,
    html.be-ve-lista-vlavo:not(.be-ve-lista-min) .be-ve-lista-prazdna {
        right: 0 !important;
        width: 100% !important;
        border-radius: 0 !important;
    }
}

/* Štyri záložky: Obsah, Štýl, Pokročilé, Organizátor (Vojto 22. 10. 2026). */
.fi-body .be-lista-zalozky.be-lista-zalozky--4 {
    grid-template-columns: repeat(4, 1fr);
}

.fi-body .be-lista-zalozky--4 .be-lista-zalozka-tl {
    font-size: 12px;
}

/* Hlavička editora (Vojto 22. 10. 2026): Organizátor je 4. záložka Lišty - tlačidlo v hlavičke
   skryté; poradie rozlíšenia | Funkcie | Krok späť | Uložiť zmeny; vo Funkciách len Zobraziť
   kód a Nápoveda. */
html.be-ve-lista-vlavo .be-ve-rychle-tl[data-be-ve-zoradit],
html.be-ve-lista-vlavo .be-ve-funkcie-ponuka :is(.be-ve-pridat-widget, [data-be-ve-krok-spat], [data-be-ve-zoradit], .be-ve-funkcie-ciara) {
    display: none !important;
}

html.be-ve-lista-vlavo .be-ve-do-hlavicky .be-ve-funkcie {
    order: 2;
}

html.be-ve-lista-vlavo .be-ve-do-hlavicky .be-ve-rychle {
    order: 3;
}

/* Zobraziť kód z Funkcií (Vojto 22. 10. 2026): kód namiesto obsahu na mieste plochy editora -
   okno bez vrstvy, cez plochu od úrovne Lišty po spodok; obsah plochy je skrytý. */
html.be-ve-kod-v-ploche .fi-section:has(.be-ve-prekryv-znacka) .fi-section-content {
    visibility: hidden;
}

html.be-ve-kod-v-ploche .fi-modal:has(.be-ve-kod-okno) .fi-modal-close-overlay {
    display: none !important;
}

html.be-ve-kod-v-ploche .fi-modal:has(.be-ve-kod-okno) .fi-modal-window-ctn {
    pointer-events: none !important;
    background: none !important;
}

html.be-ve-kod-v-ploche .fi-modal-window.be-ve-kod-okno {
    pointer-events: auto;
    position: fixed !important;
    top: var(--be-ve-kod-hore, 157px) !important;
    bottom: var(--be-ve-lista-dole, 20px) !important;
    left: var(--be-ve-kod-vlavo, 50px) !important;
    width: var(--be-ve-kod-sirka, 1000px) !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    transition: none !important;
    display: flex !important;
    flex-direction: column;
    border-radius: 10px !important;
    box-shadow: none !important;
    border: 1px solid #E5E5E5;
}

html.be-ve-kod-v-ploche .be-ve-kod-okno .fi-modal-content {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

/* Medzery 20 px pod nadpisom a nad tlačidlami, pole kódu vyplní zvyšok; bez krížika
   (zatvára Skryť kód vo Funkciách alebo Zrušiť) - Vojto 22. 10. 2026. */
html.be-ve-kod-v-ploche .be-ve-kod-okno .fi-modal-close-btn {
    display: none !important;
}

/* Okno má hore 20 px (be-okno) - nadpis bez ďalšieho odsadenia. */
html.be-ve-kod-v-ploche .fi-modal-window.be-ve-kod-okno {
    gap: 0 !important;
    padding-bottom: 0 !important;
}

html.be-ve-kod-v-ploche .be-ve-kod-okno .fi-modal-content {
    overflow: hidden !important;
}

html.be-ve-kod-v-ploche .be-ve-kod-okno .fi-modal-header {
    min-height: 0 !important;
    padding: 0 20px !important;
}

/* Pole kódu má nad sebou 11 px (riadok ikony nápovedy) - spolu 20 px pod nadpisom. */
html.be-ve-kod-v-ploche .be-ve-kod-okno .fi-modal-content {
    padding: 9px 20px 0 !important;
}

html.be-ve-kod-v-ploche .be-ve-kod-okno .fi-modal-footer {
    margin: 0 !important;
    padding: 20px !important;
}

html.be-ve-kod-v-ploche .be-ve-kod-okno .be-ve-kod-pole {
    min-height: 0 !important;
    height: calc(100vh - var(--be-ve-kod-hore, 157px) - var(--be-ve-lista-dole, 20px) - var(--be-ve-kod-zvysok, 154px)) !important;
    resize: none;
}

/* Nadpisy nad dlaždicami s roletkou (Smer, Zvisle, Vodorovne, V riadku, Zalamovanie,
   Pretečenie, Poloha …): veľkosť písma ako popis v dlaždici, na stred dlaždice (Vojto 22. 10. 2026). */
.fi-body .be-ve-dizajn-lista .fi-fo-field:has(.be-volba) .fi-fo-field-label-col,
.fi-body .be-ve-dizajn-lista .fi-fo-field:has(.be-volba) .fi-fo-field-label-ctn,
.fi-body .be-ve-dizajn-lista .fi-fo-field:has(.be-volba) .fi-fo-field-label {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

.fi-body .be-ve-dizajn-lista .fi-fo-field:has(.be-volba) .fi-fo-field-label-content {
    font-size: 11px !important;
    white-space: nowrap;
}

/* Hlavička stránky (názov, Funkcie, Krok späť, Uložiť zmeny) ostáva pri posune hore vedľa Lišty
   (Vojto 22. 10. 2026) - namiesto pôvodného prilepeného pásu (be-ve-hlavicka-prichytena), ktorý sa
   pri otvorenej Lište skrýval. Pri otvorenom editore stále rovnako nízka, bez sivého podnadpisu -
   zmena výšky počas posunu by posunula obsah a posun hore by sa zasekol. Po odscrollovaní len tieň
   (html.be-ve-hlavicka-hore). */
html.be-ve-lista-vlavo .fi-body .fi-header {
    position: sticky !important;
    top: 0;
    z-index: 45;
    min-height: 0 !important;
    align-items: center !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    background: #FFFFFF !important;
}

html.be-ve-lista-vlavo .fi-body .fi-header :is(.fi-header-subheading, .fi-header-subheading-ctn) {
    display: none !important;
}

html.be-ve-lista-vlavo.be-ve-hlavicka-hore .fi-body .fi-header {
    box-shadow: 0 6px 12px -8px rgba(0, 0, 0, .18);
}

html.be-ve-lista-vlavo.be-ve-hlavicka-prichytena .fi-body .fi-header .fi-header-actions-ctn > .fi-ac {
    position: static !important;
    visibility: visible !important;
    padding: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

/* Skript jadra (backend-formulare.js, zarovnaj) dorovnáva rámik editora 20 px pod hlavičku stránky
   podľa jej polohy na obrazovke - pri prilepenej hlavičke by pri každom posune pridal nad plochu
   ďalšie miesto (biela medzera, posun hore sa vracal). Plocha je 20 px pod hlavičkou aj bez neho. */
html.be-ve-lista-vlavo .fi-page-content .fi-grid-col:has(> .fi-sc-component > .fi-sc-section > .fi-section .be-ve-prekryv-znacka) {
    margin-top: 0 !important;
}

/* Rýchlosť (Vojto 22. 10. 2026): Lišta je samostatná oblasť rozloženia - merania medzier v Lište
   (beListaAkordeon) neprepočítavajú celú stránku s plochou editora (v Safari to trvalo desiatky sekúnd). */
html.be-ve-lista-vlavo .fi-modal-window.be-ve-dizajn-lista,
.be-ve-lista-prazdna {
    contain: layout style;
}