/* Styly pro editovatelný obsah */
.editable-content-wrapper {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    line-height: 1.2;
}
.editable-content-wrapper.block {
    display: block;
    width: 100%;
}
.admin-editable {
    padding: 2px 5px;
    /* DŮLEŽITÁ ZMĚNA: Rámeček je nyní vždy viditelný */
    border: 1px dashed #007bff; /* Vždy viditelný přerušovaný rámeček */
    background-color: #f8f9fa;  /* Lehce šedý podklad */
    min-width: 50px;
    min-height: 1.2em;
    display: inline-block;
    vertical-align: middle;
    cursor: text; /* Změna kurzoru naznačující, že je text editovatelný */
}

/* Zachovat hover efekt pro vizuální odezvu */
.admin-editable:hover {
    background-color: #e2e6ea; /* Trochu tmavší při najetí */
}
    .edit-trigger-icon {
        cursor: pointer;
        color: #007bff;
        font-size: 0.7em;
        vertical-align: top;
        margin-left: 3px;
        display: none;
        position: absolute;
        right: -15px;
        top: 0px;
    }
    .editable-content-wrapper:hover .edit-trigger-icon {
        display: inline-block;
    }
    .note-editor, .note-popover, .note-image-popover, .note-link-popover, .note-hint, .note-menu-editor, .note-editable.note-air-editor.note-editable-highlighted {
        z-index: 2147483647 !important;
    }
    .modal.fade.in, .modal-backdrop.in, .note-modal, .note-modal-dialog {
        z-index: 2147483647 !important;
    }

/* V souboru css/edit.css */

/* Zajištění, že Summernote ve fullscreenu je vždy na vrcholu a roztahuje se */
.note-editor.fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999999 !important;
    background-color: #f8f9fa !important; /* Můžete změnit na bílou, pokud chcete jednotné pozadí */
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important; /* Důležité pro správné rozložení interních komponent */
    flex-direction: column !important;
    box-sizing: border-box !important; /* Zajištění správného box modelování */
}

/* Velmi důležité: Rušení omezujících vlastností na rodičích */
body > *,
.container,
.obsah,
.main-content,
.card {
    transform: none !important;
    overflow: visible !important;
    /* Pokud by v budoucnu docházelo k problémům s jinými z-indexy, zde by se řešilo */
    /* z-index: auto !important; */
}

/* Styly pro panel nástrojů Summernote ve fullscreenu */
.note-editor.fullscreen .note-toolbar {
    flex-shrink: 0 !important; /* Zajistí, že se panel nástrojů nesmrští */
    background-color: #ffffff !important; /* Bílé pozadí panelu nástrojů */
    border-bottom: 1px solid #dee2e6 !important; /* Oddělovač */
    padding: 8px 15px !important; /* Nastavte si příjemné vnitřní odsazení */
    z-index: 9999999 !important; /* Udržet vysoký z-index i pro lištu */
    display: flex !important; /* Použít flexbox pro rozložení tlačítek uvnitř */
    flex-wrap: wrap !important; /* Umožní tlačítkům přecházet na nový řádek */
    align-items: center !important;
    justify-content: flex-start !important;
}

/* Styl pro skupiny tlačítek v panelu nástrojů */
.note-editor.fullscreen .note-toolbar .note-btn-group {
    margin-right: 5px !important; /* Rozestupy mezi skupinami tlačítek */
    margin-bottom: 5px !important; /* Pro případ, že se zalamují */
}

/* Styl pro samotná tlačítka */
.note-editor.fullscreen .note-toolbar .btn {
    margin: 0 !important; /* Zrušení jakýchkoli vnějších okrajů na tlačítkách */
    padding: .375rem .75rem !important; /* Standardní padding pro Bootstrap tlačítka */
}

/* Editovatelná oblast Summernote ve fullscreenu */
.note-editor.fullscreen .note-editable {
    flex-grow: 1 !important; /* Zajistí, že editovatelná oblast zabere zbytek místa */
    background-color: #ffffff !important;
    overflow-y: auto !important; /* Povolí scrollování pouze pro obsah */
    padding: 15px !important;
    line-height: 1.6 !important;
    color: #333 !important;
    /* Zrušení jakýchkoli specifických borderů, box-shadow atd. */
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Stavový řádek Summernote ve fullscreenu */
.note-editor.fullscreen .note-statusbar {
    flex-shrink: 0 !important;
    background-color: #ffffff !important;
    border-top: 1px solid #dee2e6 !important;
    padding: 5px 10px !important;
    min-height: 25px !important;
    z-index: 9999999 !important; /* Udržet z-index i pro statusbar */
}


/* Specifické úpravy pro tooltipy Summernote (pokud se zobrazují špatně) */
.note-popover.bottom .popover-content {
    padding: 0 !important;
}
.note-popover, .note-tooltip {
    z-index: 10000000 !important; /* Vyšší z-index pro popover a tooltipy */
}

/* Náprava z-indexu pro modály Summernote (např. vložení odkazu/obrázku) */
.note-modal {
    z-index: 10000001 !important; /* Vyšší z-index pro modály */
}
.modal-backdrop.note-modal-backdrop {
    z-index: 10000000 !important; /* Záclona za modálem */
}