/* WP Notification Bell inside Bakala's mobile header only. */
@media (max-width: 1100px) {
    body.bk-hd-modern .modern-header .c-header__faq--notification-bell {
        position: relative !important;
        overflow: visible;
    }

    .header_mobit .mt-header .c-header__faq--notification-bell {
        position: relative !important;
        width: 30% !important;
        margin-right: auto !important;
        overflow: visible;
    }

    body.bk-hd-modern .modern-header .c-header__faq--notification-bell::before,
    .header_mobit .mt-header .c-header__faq--notification-bell::before {
        content: none !important;
        display: none !important;
    }

    body.bk-hd-modern .modern-header .c-header__faq--notification-bell .wnbell-dropdown,
    body.bk-hd-modern .modern-header .c-header__faq--notification-bell .wnbell-icon-badge-container,
    .header_mobit .mt-header .c-header__faq--notification-bell .wnbell-dropdown,
    .header_mobit .mt-header .c-header__faq--notification-bell .wnbell-icon-badge-container {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    body.bk-hd-modern .modern-header .c-header__faq--notification-bell .wnbell-icon-badge-container {
        display: grid;
        position: relative;
        place-items: center;
    }

    .header_mobit .mt-header .c-header__faq--notification-bell .wnbell-icon-badge-container {
        display: grid;
        position: relative;
        place-items: center;
    }

    body.bk-hd-modern .modern-header .c-header__faq--notification-bell .wnbell-dropdown-toggle,
    .header_mobit .mt-header .c-header__faq--notification-bell .wnbell-dropdown-toggle {
        display: grid;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        place-items: center;
        border: 0;
        border-radius: inherit;
        background: transparent;
        color: inherit;
        font: inherit;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
    }

    body.bk-hd-modern .modern-header .c-header__faq--notification-bell .wnbell-dropdown-toggle:focus-visible,
    .header_mobit .mt-header .c-header__faq--notification-bell .wnbell-dropdown-toggle:focus-visible {
        outline: 2px solid var(--hd-accent, #3157c8);
        outline-offset: 3px;
    }

    body.bk-hd-modern .modern-header .c-header__faq--notification-bell .wnbell_icon,
    .header_mobit .mt-header .c-header__faq--notification-bell .wnbell_icon {
        display: block;
        width: 22px !important;
        height: 22px !important;
    }

    body.bk-hd-modern .modern-header .c-header__faq--notification-bell .wnbell-count.wnbell-badge,
    body.bk-hd-modern .modern-header .c-header__faq--notification-bell .wnbell-count.wnbell-dot,
    .header_mobit .mt-header .c-header__faq--notification-bell .wnbell-count.wnbell-badge,
    .header_mobit .mt-header .c-header__faq--notification-bell .wnbell-count.wnbell-dot {
        top: 2px;
        right: 2px;
        bottom: auto;
        left: auto;
        z-index: 1;
    }

    body.bk-hd-modern .modern-header .c-header__faq--notification-bell .wnbell-dropdown-box-wrap,
    .header_mobit .mt-header .c-header__faq--notification-bell .wnbell-dropdown-box-wrap {
        top: calc(100% + 8px);
        right: 0;
        left: auto;
    }
}