/*
 * CM Klara navigation v19 — complete CM Klara Północ colour isolation.
 *
 * This layer changes colours only for [cmk_navigation_polnoc]. It intentionally
 * does not modify geometry, breakpoints, sticky behaviour, mega-menu structure,
 * mobile drill-down or the accepted JavaScript runtime.
 */

.cmk-nav--north,
.cmk-nav-mobile--north,
.cmk-nav-mobile__panel--north {
    --cmk-nav-red: #0758b8;
    --cmk-nav-red-strong: #063e84;
    --cmk-nav-soft-red: #f4f8fd;
    --cmk-nav-north: #0758b8;
    --cmk-nav-north-strong: #063e84;
    --cmk-nav-north-soft: #f4f8fd;
}

/* Desktop: root bar, ordinary submenus and complete mega-menu palette. */
@media (min-width: 1025px) {
    .cmk-nav--north .cmk-nav__root-item:hover > a.cmk-nav__root-link,
    .cmk-nav--north .cmk-nav__root-item:focus-within > a.cmk-nav__root-link,
    .cmk-nav--north .cmk-nav__root-item.is-open > a.cmk-nav__root-link,
    .cmk-nav--north .cmk-nav__root-item.is-current > a.cmk-nav__root-link,
    .cmk-nav--north a.cmk-nav__root-link.is-current {
        background: var(--cmk-nav-north-strong) !important;
        color: #fff !important;
    }

    .cmk-nav--north .cmk-nav__submenu-link:hover,
    .cmk-nav--north .cmk-nav__submenu-link:focus-visible,
    .cmk-nav--north .cmk-nav__submenu-link.is-current,
    .cmk-nav--north .cmk-nav__submenu-item.is-current > .cmk-nav__submenu-link,
    .cmk-nav--north .cmk-nav__submenu a[aria-current="page"] {
        color: var(--cmk-nav-north) !important;
        background: var(--cmk-nav-north-soft) !important;
    }

    .cmk-nav--north .cmk-nav__submenu-link:hover .cmk-nav__chevron,
    .cmk-nav--north .cmk-nav__submenu-link:focus-visible .cmk-nav__chevron,
    .cmk-nav--north .cmk-nav__submenu-link.is-current .cmk-nav__chevron,
    .cmk-nav--north .cmk-nav__submenu-item.is-current > .cmk-nav__submenu-link .cmk-nav__chevron {
        color: var(--cmk-nav-north) !important;
    }

    .cmk-nav--north .cmk-nav__mega-tab:hover,
    .cmk-nav--north .cmk-nav__mega-tab:focus-visible,
    .cmk-nav--north .cmk-nav__mega-tab.is-active,
    .cmk-nav--north .cmk-nav__mega-category-link:hover,
    .cmk-nav--north .cmk-nav__mega-category-link:focus-visible,
    .cmk-nav--north .cmk-nav__mega-category-link.is-current,
    .cmk-nav--north .cmk-nav__mega-category-link.is-active-preview {
        color: var(--cmk-nav-north) !important;
        border-left-color: var(--cmk-nav-north) !important;
        background: #fff !important;
    }

    /* v11 hard-codes the rotating chevron red; explicitly replace every state. */
    .cmk-nav--north .cmk-nav__mega-tab:hover .cmk-nav__mega-arrow,
    .cmk-nav--north .cmk-nav__mega-tab:focus-visible .cmk-nav__mega-arrow,
    .cmk-nav--north .cmk-nav__mega-tab.is-active .cmk-nav__mega-arrow,
    .cmk-nav--north .cmk-nav__mega-tab:hover .cmk-nav__mega-icon,
    .cmk-nav--north .cmk-nav__mega-tab:focus-visible .cmk-nav__mega-icon,
    .cmk-nav--north .cmk-nav__mega-tab.is-active .cmk-nav__mega-icon,
    .cmk-nav--north .cmk-nav__mega-category-link:hover .cmk-nav__mega-arrow,
    .cmk-nav--north .cmk-nav__mega-category-link:focus-visible .cmk-nav__mega-arrow,
    .cmk-nav--north .cmk-nav__mega-category-link.is-current .cmk-nav__mega-arrow,
    .cmk-nav--north .cmk-nav__mega-category-link.is-active-preview .cmk-nav__mega-arrow,
    .cmk-nav--north .cmk-nav__mega-category-link:hover .cmk-nav__mega-icon,
    .cmk-nav--north .cmk-nav__mega-category-link:focus-visible .cmk-nav__mega-icon,
    .cmk-nav--north .cmk-nav__mega-category-link.is-current .cmk-nav__mega-icon,
    .cmk-nav--north .cmk-nav__mega-category-link.is-active-preview .cmk-nav__mega-icon {
        color: var(--cmk-nav-north) !important;
    }

    .cmk-nav--north .cmk-nav__mega-heading {
        border-bottom-color: var(--cmk-nav-north) !important;
    }

    /* Direct links, headings and links inside the active mega panel. */
    .cmk-nav--north .cmk-nav__mega-direct:hover,
    .cmk-nav--north .cmk-nav__mega-direct:focus-visible,
    .cmk-nav--north .cmk-nav__mega-direct.is-current,
    .cmk-nav--north .cmk-nav__mega-heading a:hover,
    .cmk-nav--north .cmk-nav__mega-heading a:focus-visible,
    .cmk-nav--north .cmk-nav__mega-heading a[aria-current="page"],
    .cmk-nav--north .cmk-nav__mega-group-title a:hover,
    .cmk-nav--north .cmk-nav__mega-group-title a:focus-visible,
    .cmk-nav--north .cmk-nav__mega-group-title a[aria-current="page"],
    .cmk-nav--north .cmk-nav__mega-group li > a:hover,
    .cmk-nav--north .cmk-nav__mega-group li > a:focus-visible,
    .cmk-nav--north .cmk-nav__mega-group li > a.is-current,
    .cmk-nav--north .cmk-nav__mega-group li > a[aria-current="page"],
    .cmk-nav--north .cmk-nav__mega-links a:hover,
    .cmk-nav--north .cmk-nav__mega-links a:focus-visible,
    .cmk-nav--north .cmk-nav__mega-links a.is-current,
    .cmk-nav--north .cmk-nav__mega-links a[aria-current="page"] {
        color: var(--cmk-nav-north) !important;
    }

    .cmk-nav--north .cmk-nav__direct-card-icon,
    .cmk-nav--north .cmk-nav__direct-card-kicker {
        color: var(--cmk-nav-north) !important;
        background: var(--cmk-nav-north-soft) !important;
    }

    .cmk-nav--north .cmk-nav__direct-card-cta {
        background: var(--cmk-nav-north) !important;
        color: #fff !important;
    }

    .cmk-nav--north .cmk-nav__direct-card-cta:hover,
    .cmk-nav--north .cmk-nav__direct-card-cta:focus-visible {
        background: var(--cmk-nav-north-strong) !important;
        color: #fff !important;
    }

    .cmk-nav--north .cmk-nav__facility-fallback-mark {
        border-color: var(--cmk-nav-north) !important;
        color: var(--cmk-nav-north) !important;
    }

    /* Search: v17 contains hard-coded red values. */
    body > .cmk-nav.cmk-nav--north.cmk-nav--desktop-portal .cmk-nav__root-item.is-search.is-search-open .cmk-nav__search-form:focus-within {
        border-color: var(--cmk-nav-north) !important;
        box-shadow: 0 0 0 3px rgba(7, 88, 184, .09), 0 7px 18px rgba(24, 28, 35, .09) !important;
    }

    body > .cmk-nav.cmk-nav--north.cmk-nav--desktop-portal .cmk-nav__search-form .cmk-nav__search-icon {
        color: var(--cmk-nav-north) !important;
    }

    body > .cmk-nav.cmk-nav--north.cmk-nav--desktop-portal .cmk-nav__search-form .cmk-nav__search-submit {
        background: var(--cmk-nav-north) !important;
        box-shadow: 0 3px 8px rgba(7, 88, 184, .20) !important;
    }

    body > .cmk-nav.cmk-nav--north.cmk-nav--desktop-portal .cmk-nav__search-form .cmk-nav__search-submit:hover,
    body > .cmk-nav.cmk-nav--north.cmk-nav--desktop-portal .cmk-nav__search-form .cmk-nav__search-submit:focus-visible {
        background: var(--cmk-nav-north-strong) !important;
        box-shadow: 0 5px 12px rgba(6, 62, 132, .25) !important;
    }
}

/* Mobile header remains outside the panel after portal, so it has its own scope. */
@media (max-width: 1024px) {
    .cmk-nav-mobile--north .cmk-nav-mobile__toggle,
    .cmk-nav-mobile--north .cmk-nav-mobile__search-toggle {
        border-color: rgba(7, 88, 184, .16) !important;
    }

    .cmk-nav-mobile--north .cmk-nav-mobile__toggle:hover,
    .cmk-nav-mobile--north .cmk-nav-mobile__search-toggle:hover,
    .cmk-nav-mobile--north .cmk-nav-mobile__toggle:active,
    .cmk-nav-mobile--north .cmk-nav-mobile__search-toggle:active,
    .cmk-nav-mobile--north .cmk-nav-mobile__toggle:focus-visible,
    .cmk-nav-mobile--north .cmk-nav-mobile__search-toggle:focus-visible {
        color: var(--cmk-nav-north) !important;
        background: var(--cmk-nav-north-soft) !important;
        border-color: rgba(7, 88, 184, .28) !important;
    }

    .cmk-nav-mobile--north .cmk-nav-mobile__toggle:focus-visible,
    .cmk-nav-mobile--north .cmk-nav-mobile__search-toggle:focus-visible {
        outline-color: rgba(7, 88, 184, .28) !important;
    }

    .cmk-nav-mobile--north .cmk-nav-mobile__brand-mark {
        border-color: var(--cmk-nav-north) !important;
        color: var(--cmk-nav-north) !important;
    }

    /* Everything below lives in the body-portalled off-canvas panel. */
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__topbar {
        border-bottom-color: var(--cmk-nav-north) !important;
    }

    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__search-form.is-expanded,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__search-form:focus-within {
        border-color: rgba(7, 88, 184, .30) !important;
        box-shadow: 0 0 0 3px rgba(7, 88, 184, .07) !important;
    }

    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__search-form button[type="submit"],
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__search-form button[type="button"] {
        background: var(--cmk-nav-north) !important;
        color: #fff !important;
    }

    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__search-form button[type="submit"]:hover,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__search-form button[type="submit"]:focus-visible,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__search-form button[type="button"]:hover,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__search-form button[type="button"]:focus-visible {
        background: var(--cmk-nav-north-strong) !important;
    }

    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north li.is-current > a,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north li.is-current > .cmk-nav-mobile__forward,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north a[aria-current="page"],
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__forward.is-expanded,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north a:hover,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north a:focus-visible,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__forward:hover,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__forward:focus-visible {
        color: var(--cmk-nav-north) !important;
        background: var(--cmk-nav-north-soft) !important;
    }

    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north li.is-current > a,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north li.is-current > .cmk-nav-mobile__forward {
        box-shadow: inset 3px 0 0 var(--cmk-nav-north) !important;
    }

    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north li.is-current > a .cmk-nav-mobile__row-icon,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north li.is-current > .cmk-nav-mobile__forward .cmk-nav-mobile__row-icon,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north a[aria-current="page"] .cmk-nav-mobile__row-icon,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__forward.is-expanded .cmk-nav-mobile__row-icon,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north a:hover .cmk-nav-mobile__row-icon,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__forward:hover .cmk-nav-mobile__row-icon {
        color: var(--cmk-nav-north) !important;
    }

    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__forward.is-expanded {
        border-left-color: var(--cmk-nav-north) !important;
    }

    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__parent-link {
        color: var(--cmk-nav-north) !important;
        background: var(--cmk-nav-north-soft) !important;
        border-color: rgba(7, 88, 184, .18) !important;
    }

    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__back-proxy,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__level button.cmk-nav-mobile__back {
        color: var(--cmk-nav-north) !important;
        background: #fff !important;
        border-color: rgba(7, 88, 184, .18) !important;
    }

    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__back-proxy:hover,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__back-proxy:focus-visible,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__level button.cmk-nav-mobile__back:hover,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__level button.cmk-nav-mobile__back:focus-visible {
        color: var(--cmk-nav-north-strong) !important;
        background: var(--cmk-nav-north-soft) !important;
        border-color: rgba(7, 88, 184, .32) !important;
        outline-color: rgba(7, 88, 184, .14) !important;
    }

    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__registration {
        background: var(--cmk-nav-north) !important;
        color: #fff !important;
    }

    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__registration:hover,
    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__registration:focus-visible {
        background: var(--cmk-nav-north-strong) !important;
        color: #fff !important;
    }

    body > .cmk-nav-mobile__panel.cmk-nav-mobile__panel--north .cmk-nav-mobile__contacts a > span {
        color: var(--cmk-nav-north) !important;
    }
}