@font-face {
    font-family: 'UbuntuLocal';
    src: url('../fonts/Ubuntu-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'UbuntuLocal';
    src: url('../fonts/Ubuntu-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

.controlpanelbar {
    font-family: "UbuntuLocal", sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    height: 32px;
    font-size: 13px;
    font-weight: 400;
    background: #1d2327;
    color: #f0f0f1;
    padding: 0px 8px;
    z-index: 100000;
    border-bottom: 1px solid #343F46;
}

.controlpanelbar .controlpanelbar-content {
    display: flex;
    align-items: center;
}

.controlpanelbar .controlpanelbar-content .text {
    padding: 8px 0;
}

.controlpanelbar.controlpanelbar-warning {
    background: #723702;
    color: #fff;
    border-bottom: none;
}

.controlpanelbar.controlpanelbar-warning strong {
    color: #ff8c4c;
}

.controlpanelbar.controlpanelbar-danger {
    background: #5c1010;
    color: #fff;
    border-bottom: none;
}

.controlpanelbar.controlpanelbar-danger strong {
    color: #ff5b5b;
}

.upgrade-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    color: #fff;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 400;
    transition: all 0.3s;
    margin-left: 12px;
    text-decoration: none;
    white-space: nowrap;
}

.upgrade-btn:hover {
    opacity: 0.9;
    color: #fff;
}

.upgrade-btn.upgrade-btn-warning {
    background: #ff5c00;
}

.upgrade-btn.upgrade-btn-danger {
    background: #e71d1d;
}

.back-to-btn {
    display: flex;
    align-items: center;
    height: 32px;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    margin-right: 16px;
    color: #f0f0f1;
    transition: all 0.3s;
    white-space: nowrap;
}

.back-to-btn .back-to-btn-icon {
    margin-right: 8px;
    width: 14px;
}

.back-to-btn .back-to-btn-icon path {
    transition: all 0.3s;
    fill: #9ca2a7;
}

.back-to-btn:hover {
    color: #72aee6;
}

.back-to-btn:hover .back-to-btn-icon path {
    fill: #72aee6;
}

.back-to-btn.back-to-btn-warning {
    color: #fff;
}

.back-to-btn.back-to-btn-warning .back-to-btn-icon path {
    fill: #fff;
}

.back-to-btn.back-to-btn-warning:hover {
    color: #ff8c4d;
}

.back-to-btn.back-to-btn-warning:hover .back-to-btn-icon path {
    fill: #ff8c4d;
}

.back-to-btn.back-to-btn-danger {
    color: #fff;
}

.back-to-btn.back-to-btn-danger .back-to-btn-icon path {
    fill: #fff;
}

.back-to-btn.back-to-btn-danger:hover {
    color: #ff5b5b;
}

.back-to-btn.back-to-btn-danger:hover .back-to-btn-icon path {
    fill: #ff5b5b;
}

#wpadminbar {
    top: 32px !important;
}

#wpbody {
    padding-top: 0px !important;
}

html {
    padding-top: 0px !important;
}

body:not(.admin_page_extendify-launch) #wpcontent:has(.controlpanelbar) {
    margin-top: 64px !important;
    padding-top: 0px !important;
}

body:has(.controlpanelbar) .wp-site-blocks {
    margin-top: 32px !important;
}

body.block-editor-page #wpcontent:has(.controlpanelbar) .edit-site {
    min-height: unset !important;
}

body.block-editor-page #wpcontent:has(.controlpanelbar) .edit-site {
    top: 32px !important;
}

body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar) #extendify-launch-page > .fixed {
    top: 32px !important;
}

body.block-editor-page #wpcontent:has(.controlpanelbar) .edit-site {
    height: calc(100vh - 32px) !important;
}

body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar) #extendify-launch-page > .fixed > .flex {
    height: calc(100vh - 32px) !important;
}

body.block-editor-page #wpcontent:has(.controlpanelbar) .interface-interface-skeleton {
    top: 32px !important;
}

@media screen and (min-width: 783px) {
    body.block-editor-page:not(.is-fullscreen-mode) #wpcontent:has(.controlpanelbar) .interface-interface-skeleton {
        top: 64px !important;
    }
}

@media screen and (max-width: 782px) {
    body.block-editor-page #wpcontent:has(.controlpanelbar) .edit-site,
    body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar) #extendify-launch-page > .fixed {
        top: 46px !important;
    }

    body.block-editor-page #wpcontent:has(.controlpanelbar) .edit-site,
    body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar) #extendify-launch-page > .fixed > .flex {
        height: calc(100vh - 46px) !important;
    }

    body.block-editor-page #wpcontent:has(.controlpanelbar) .interface-interface-skeleton {
        top: 92px !important;
    }

    .controlpanelbar {
        height: 46px;
    }

    #wpadminbar {
        top: 46px !important;
    }

    body:not(.admin_page_extendify-launch) #wpcontent:has(.controlpanelbar) {
        margin-top: 92px !important;
    }
}

@media screen and (max-width: 620px) {
    body.block-editor-page #wpcontent:has(.controlpanelbar-warning) .edit-site,
    body.block-editor-page #wpcontent:has(.controlpanelbar-danger) .edit-site {
        top: 116px !important;
    }

    body:has(.controlpanelbar.controlpanelbar-warning) .wp-site-blocks,
    body:has(.controlpanelbar.controlpanelbar-danger) .wp-site-blocks {
        margin-top: 46px !important;
    }

    body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar-warning) #extendify-launch-page > .fixed,
    body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar-danger) #extendify-launch-page > .fixed {
        top: 0 !important;
    }

    body.block-editor-page #wpcontent:has(.controlpanelbar-warning) .edit-site,
    body.block-editor-page #wpcontent:has(.controlpanelbar-danger) .edit-site {
        height: calc(100vh - 116px) !important;
    }

    body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar-warning) #extendify-launch-page > .fixed > .flex,
    body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar-danger) #extendify-launch-page > .fixed > .flex {
        height: 100vh !important;
        overflow-y: auto !important;
    }

    body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar-warning) #extendify-launch-page > .fixed > .flex > *,
    body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar-danger) #extendify-launch-page > .fixed > .flex > * {
        position: relative;
    }

    body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar-warning) #extendify-launch-page > .fixed > .flex > .w-full,
    body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar-danger) #extendify-launch-page > .fixed > .flex > .w-full {
        margin-top: 116px !important;
    }

    body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar-warning) #extendify-launch-page > .fixed > .flex > .grow.overflow-y-auto,
    body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar-danger) #extendify-launch-page > .fixed > .flex > .grow.overflow-y-auto {
        overflow-y: unset !important;
    }

    body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar-warning) #extendify-launch-page > .fixed > .flex > .z-10,
    body.admin_page_extendify-launch #wpcontent:has(.controlpanelbar-danger) #extendify-launch-page > .fixed > .flex > .z-10 {
        margin-top: unset !important;
        padding-bottom: 90px !important;
    }

    body.block-editor-page #wpcontent:has(.controlpanelbar-warning) .interface-interface-skeleton,
    body.block-editor-page #wpcontent:has(.controlpanelbar-danger) .interface-interface-skeleton {
        top: 162px !important;
    }

    .controlpanelbar.controlpanelbar-warning,
    .controlpanelbar.controlpanelbar-danger {
        height: 116px;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px 0px;
    }

    .controlpanelbar.controlpanelbar-warning .controlpanelbar-content,
    .controlpanelbar.controlpanelbar-danger .controlpanelbar-content {
        height: 100%;
        padding: 12px 8px;
    }

    .controlpanelbar.controlpanelbar-warning .controlpanelbar-content {
        border-top: 1px solid #7D3C02;
    }

    .controlpanelbar.controlpanelbar-danger .controlpanelbar-content {
        border-top: 1px solid #641111;
    }

    .controlpanelbar.controlpanelbar-warning .controlpanelbar-content .text,
    .controlpanelbar.controlpanelbar-danger .controlpanelbar-content .text {
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 15px;
    }

    .back-to-btn {
        height: 46px;
        min-height: 46px;
        padding: 0 8px;
    }

    body:not(.admin_page_extendify-launch) #wpcontent:has(.controlpanelbar) {
        margin-top: 46px !important;
        padding-top: 46px !important;
    }

    body:not(.admin_page_extendify-launch) #wpcontent:has(.controlpanelbar) #wpadminbar {
        top: 0px !important;
    }

    body:not(.admin_page_extendify-launch) #wpcontent:has(.controlpanelbar-danger),
    body:not(.admin_page_extendify-launch) #wpcontent:has(.controlpanelbar-warning) {
        margin-top: 116px !important;
    }
}