/* EBBI Design 1.0.8 — approved site logo size + navigation states + compact mobile menu */

.wp-block-site-logo img {
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
}

/* Main WordPress navigation only. The separate SK / EN switcher is not affected. */
.wp-block-navigation .wp-block-navigation-item__content {
    transition: color 0.18s ease;
}

.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content:focus-visible {
    color: #246f9f !important;
    text-decoration: none !important;
}

.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation .current_page_item > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"] {
    color: #246f9f !important;
    text-decoration: none !important;
}

/* EBBI Design 1.0.9 — approved compact mobile navigation popover.
   The open state follows the approved concept: the hamburger disappears, the X
   sits in its place, and the menu opens as a small anchored card with a pointer. */
@media (max-width: 782px) {
    /* Do not show both the hamburger and the close icon at the same time. */
    .wp-block-navigation:has(.wp-block-navigation__responsive-container.is-menu-open)
    > .wp-block-navigation__responsive-container-open {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open {
        position: fixed !important;
        top: 126px !important;
        right: 16px !important;
        bottom: auto !important;
        left: auto !important;
        width: min(224px, calc(100vw - 32px)) !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: #ffffff !important;
        border: 1px solid #cfe0eb !important;
        border-radius: 18px !important;
        box-shadow: 0 14px 32px rgba(34, 74, 104, 0.11) !important;
    }

    body.admin-bar .wp-block-navigation__responsive-container.is-menu-open {
        top: 172px !important;
    }

    /* Small pointer that visually anchors the card to the X / hamburger position. */
    .wp-block-navigation__responsive-container.is-menu-open::before,
    .wp-block-navigation__responsive-container.is-menu-open::after {
        content: "";
        position: absolute;
        right: 78px;
        width: 0;
        height: 0;
        pointer-events: none;
    }

    .wp-block-navigation__responsive-container.is-menu-open::before {
        top: -11px;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-bottom: 11px solid #cfe0eb;
    }

    .wp-block-navigation__responsive-container.is-menu-open::after {
        top: -9px;
        right: 79px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ffffff;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
        padding: 12px 18px !important;
    }

    /* Put the close icon in the same visual slot as the hamburger. */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
        position: absolute !important;
        top: -76px !important;
        right: 77px !important;
        margin: 0 !important;
        padding: 5px !important;
        color: #111111 !important;
        background: #ffffff !important;
        border: 0 !important;
        border-radius: 999px !important;
        box-shadow: none !important;
        z-index: 3 !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:hover {
        color: #246f9f !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:focus-visible {
        color: #246f9f !important;
        outline: 2px solid #2f78a8 !important;
        outline-offset: 2px !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        padding-top: 0 !important;
        align-items: stretch !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
        width: 100% !important;
        gap: 0 !important;
        align-items: stretch !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
        width: 100% !important;
        margin: 0 !important;
        border-bottom: 1px solid #e2ebf1 !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child {
        border-bottom: 0 !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        padding: 15px 14px 15px 16px !important;
        color: #111111 !important;
        background: transparent !important;
        font-size: 1.03rem !important;
        font-weight: 400 !important;
        line-height: 1.25 !important;
        text-align: left !important;
        text-decoration: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
        color: #246f9f !important;
        background: #f8fbfd !important;
    }

    /* Keyboard focus stays obvious but does not use the old rectangular browser outline. */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible {
        color: #246f9f !important;
        background: #f4f9fc !important;
        font-weight: 600 !important;
        outline: 0 !important;
        box-shadow: inset 3px 0 0 #2f78a8 !important;
    }

    /* Approved current-page treatment: blue text + short blue vertical rail. */
    .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > .wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container.is-menu-open .current_page_item > .wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[aria-current="page"] {
        color: #246f9f !important;
        background: #f7fbfe !important;
        font-weight: 600 !important;
        outline: 0 !important;
        box-shadow: inset 3px 0 0 #2f78a8 !important;
    }
}