/* OrthoRad Admin Toolbar Fix
   Ziel: Der feste Webseiten-Header liegt im Admin-/Edit-Modus nicht mehr unter der Concrete CMS Toolbar.
*/

:root {
    --orthorad-c5-toolbar-height: 49px;
}

body.ccm-toolbar-visible .primary-header,
body.ccm-toolbar-visible .primary-header--fixed-nav,
body.ccm-toolbar-visible .secondary-header,
html.ccm-toolbar-visible body .primary-header,
html.ccm-toolbar-visible body .primary-header--fixed-nav,
html.ccm-toolbar-visible body .secondary-header {
    top: var(--orthorad-c5-toolbar-height, 49px) !important;
}

/* Falls das Theme statt body-Klasse nur die Toolbar selbst ausgibt */
body:has(#ccm-toolbar) .primary-header,
body:has(#ccm-toolbar) .primary-header--fixed-nav,
body:has(#ccm-toolbar) .secondary-header {
    top: var(--orthorad-c5-toolbar-height, 49px) !important;
}

/* Concrete Dialoge und Panels sollen weiterhin über allem liegen.
   Wichtig: NICHT pauschal .ccm-ui nach vorne holen, sonst liegen Spalten-Handles vor den Menues. */
#ccm-toolbar,
.ccm-panel,
.ccm-dialog,
.ui-dialog {
    z-index: 99999 !important;
}

/* Edit-Mode Fix:
   Spalten-/Layout-Handles muessen hinter dem geoeffneten Blockmenue bleiben. */
.ccm-area-footer,
.ccm-area-footer-handle,
.ccm-edit-mode-title-notch-wrapper,
.ccm-edit-mode-title-notch,
.ccm-area-drag-area {
    z-index: 5 !important;
}

/* Block- und Area-Popover/Dialog-Menues muessen immer vor den Handles liegen. */
.ccm-edit-mode-block-menu,
.ccm-edit-mode-block-menu.popover,
.ccm-ui .popover,
.ccm-ui .popover.show,
.ccm-ui .dropdown-menu {
    z-index: 100000 !important;
}

/* Der Block-Cover darf das Menue nicht ueberdecken. */
.ccm-block-cover {
    z-index: 10 !important;
}

/* Mobile Toolbar ist meist 48px hoch */
@media (max-width: 767.98px) {
    :root {
        --orthorad-c5-toolbar-height: 48px;
    }
}