/**
 * Global chrome: indhold flugter med logo (venstre) og kurv (højre) på alle sider.
 */
html,
:root {
    --zilenzo-chrome-edge: 24px !important;
    --site-edge-padding: 24px !important;
    --shop-align-edge: 24px !important;
    --zilenzo-home-align: 24px !important;
    --zilenzo-home-edge: 24px !important;
}

html,
body {
    border: 0 none !important;
    border-top: 0 none !important;
    outline: none !important;
}

html body .top-bar,
html body [data-theme-topbanner-mount] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 none !important;
    box-shadow: none !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    z-index: -1 !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
}

html body {
    --zilenzo-topbar-h: 0px;
}

@media (max-width: 1439px) {
    html,
    :root,
    html body {
        --zilenzo-chrome-edge: 28px !important;
        --site-edge-padding: 28px !important;
        --shop-align-edge: 28px !important;
        --zilenzo-home-align: 28px !important;
        --zilenzo-home-edge: 28px !important;
    }

    html body .navbar,
    html body .navbar.is-stuck,
    html body .navbar.is-solid,
    html body .site-header,
    html body[data-page="home"] .navbar,
    html body[data-page="home"] .navbar.is-stuck,
    html body[data-page="home"] .navbar.is-solid {
        padding-left: max(22px, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(28px, env(safe-area-inset-right, 0px)) !important;
    }

    html body .nav-actions > a.cart-icon,
    html body .nav-actions > button.cart-icon,
    html body .cart-icon,
    html body[data-page="home"] .nav-actions > a.cart-icon,
    html body[data-page="home"] .nav-actions > button.cart-icon,
    html body[data-page="home"] .cart-icon {
        margin-right: 2px !important;
        padding-right: 4px !important;
    }

    .mobile-bottom-nav {
        padding-left: max(22px, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(22px, env(safe-area-inset-right, 0px)) !important;
    }
}

html body .navbar,
html body .navbar.is-stuck,
html body .navbar.is-solid,
html body .site-header,
html body[data-page="home"] .navbar,
html body[data-page="home"] .navbar.is-stuck,
html body[data-page="home"] .navbar.is-solid {
    border-top: 0 none !important;
    border-top-width: 0 !important;
    border-top-color: transparent !important;
    padding-left: var(--zilenzo-chrome-edge) !important;
    padding-right: var(--zilenzo-chrome-edge) !important;
    box-shadow: none !important;
    outline: none !important;
}

html body .navbar::before,
html body .navbar::after,
html body .site-header::before,
html body .site-header::after,
html body .logo::before,
html body .logo::after,
html body .navbar > .logo::before,
html body .navbar > .logo::after,
html body .navbar-brand-row .logo::before,
html body .navbar-brand-row .logo::after,
html body .cart-icon::before,
html body .cart-icon::after,
html body .nav-actions > .cart-icon::before,
html body .nav-actions > .cart-icon::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    border: 0 none !important;
    box-shadow: none !important;
    background: none !important;
    opacity: 0 !important;
}

html body .logo,
html body .navbar > .logo,
html body .navbar-brand-row .logo,
html body .logo img,
html body .navbar > .logo img,
html body .navbar-brand-row .logo img {
    border: 0 none !important;
    border-top: 0 none !important;
    outline: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

html body .navbar > .logo,
html body .navbar-brand-row .logo {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

html body .nav-actions {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

html body .nav-actions > a.cart-icon,
html body .nav-actions > button.cart-icon,
html body .cart-icon,
html body[data-page="home"] .nav-actions > a.cart-icon,
html body[data-page="home"] .nav-actions > button.cart-icon,
html body[data-page="home"] .cart-icon {
    border: 0 none !important;
    border-top: 0 none !important;
    outline: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

html body .logo img,
html body .navbar > .logo img,
html body .navbar-brand-row .logo img {
    clip-path: inset(1px 0 0 0);
}

html body[data-page="home"] .logo img,
html body[data-page="home"] .navbar > .logo img,
html body[data-page="home"] .navbar-brand-row .logo img {
    clip-path: none !important;
}

html body.shop-catalog-page {
    --shop-align-edge: var(--zilenzo-chrome-edge) !important;
}

html body.shop-catalog-page .shop-catalog-products__inner,
html body.shop-catalog-page .shop-catalog-hero__inner {
    padding-left: var(--zilenzo-chrome-edge) !important;
    padding-right: var(--zilenzo-chrome-edge) !important;
}

#zilenzo-nav-progress {
    display: none !important;
}

html body[data-page="home"] .zilenzo-sport-section,
html body[data-page="home"] .zilenzo-sport-section--no-banner,
html body[data-page="home"] .zilenzo-sport-section--simple,
html body[data-page="home"] .zilenzo-sport-section > .container,
html body[data-page="home"] .popular-products-section > .container,
html body[data-page="home"] .popular-products-section .container {
    padding-left: var(--zilenzo-chrome-edge) !important;
    padding-right: var(--zilenzo-chrome-edge) !important;
    box-sizing: border-box !important;
}

html body[data-page="home"] .zilenzo-sport-grid,
html body[data-page="home"] .zilenzo-sport-heading,
html body[data-page="home"] .popular-products-section h2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

html body .footer-fusion-container--links-only,
html body .footer-fusion-wordmark-inner,
html body .site-footer--fusion .footer-bottom-inner,
html body .site-footer--fusion .footer-fusion-bottom-inner,
html body[data-page="home"] .footer-fusion-container--links-only,
html body[data-page="home"] .footer-fusion-wordmark-inner,
html body[data-page="home"] .site-footer--fusion .footer-bottom-inner,
html body[data-page="home"] .site-footer--fusion .footer-fusion-bottom-inner {
    padding-left: var(--zilenzo-chrome-edge) !important;
    padding-right: var(--zilenzo-chrome-edge) !important;
    box-sizing: border-box !important;
}

html body .content-shell,
html body .page-hero,
html body .wishlist-edge-shell,
html body .product-breadcrumb-shell,
html body.product-page .product-detail-shell.product-edge-shell,
html body.product-page .related-shell.product-edge-shell,
html body[data-page="checkout"] .checkout-page-hero,
html body[data-page="checkout"] .content-shell.checkout-layout,
html body .contact-top-banner-content,
html body .info-page-banner-content,
html body .info-page-copy,
html body .terms-icon-nav,
html body .terms-detail-body,
html body .ks-wrap,
html body .account-page-layout {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: var(--zilenzo-chrome-edge) !important;
    padding-right: var(--zilenzo-chrome-edge) !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    html,
    :root {
        --zilenzo-chrome-edge: 16px !important;
        --site-edge-padding: 16px !important;
        --shop-align-edge: 16px !important;
        --zilenzo-home-align: 16px !important;
        --zilenzo-home-edge: 16px !important;
    }
}

@media (max-width: 1439px) {
    html body:not([data-page="home"]) .navbar,
    html body:not([data-page="home"]) .navbar.is-stuck,
    html body:not([data-page="home"]) .navbar.is-solid {
        display: grid !important;
        grid-template-columns: auto 1fr auto auto !important;
        grid-template-rows: auto auto !important;
        align-items: center !important;
        column-gap: 8px !important;
        row-gap: 8px !important;
        flex-wrap: nowrap !important;
        padding: 8px max(16px, env(safe-area-inset-right, 0px)) 10px max(16px, env(safe-area-inset-left, 0px)) !important;
        background: #ffffff !important;
        color: #101820 !important;
        border-bottom: 1px solid rgba(16, 24, 32, 0.12) !important;
        box-shadow: none !important;
        overflow: visible !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 1300 !important;
    }

    html body:not([data-page="home"]) .nav-links,
    html body:not([data-page="home"]) .nav-links.desktop-only {
        display: none !important;
    }

    html body:not([data-page="home"]) .navbar-brand-row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 4px !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        justify-self: start !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        z-index: 9 !important;
    }

    html body:not([data-page="home"]) .navbar-brand-row .mobile-menu-toggle,
    html body:not([data-page="home"]) .mobile-menu-toggle {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
    }

    html body:not([data-page="home"]) .navbar > .logo,
    html body:not([data-page="home"]) .navbar-brand-row .logo {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        display: inline-flex !important;
        align-items: center !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: start !important;
        height: 34px !important;
        max-width: 96px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    html body:not([data-page="home"]) .navbar > .logo img,
    html body:not([data-page="home"]) .navbar-brand-row .logo img {
        height: 18px !important;
        max-height: 20px !important;
        width: auto !important;
        max-width: 84px !important;
        clip-path: none !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    html body:not([data-page="home"]) .navbar .nav-actions {
        display: contents !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body:not([data-page="home"]) .navbar .lang-switch {
        grid-column: 3 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body:not([data-page="home"]) .navbar .lang-switch-trigger {
        width: auto !important;
        min-width: 0 !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 !important;
        justify-content: flex-end !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html body:not([data-page="home"]) .navbar .lang-switch-code,
    html body:not([data-page="home"]) .navbar .lang-switch-label,
    html body:not([data-page="home"]) .navbar .lang-switch-caret {
        display: none !important;
    }

    html body:not([data-page="home"]) .navbar .nav-actions > .cart-icon {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        align-items: center !important;
        justify-content: center !important;
        grid-column: 4 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        margin: 0 !important;
        background: var(--accent-contrast, #17324D) !important;
        color: #ffffff !important;
        border: 0 !important;
        border-radius: 8px !important;
        z-index: 10 !important;
    }

    html body:not([data-page="home"]) .navbar .nav-actions > .icon-link:not(.cart-icon) {
        display: none !important;
    }

    html body:not([data-page="home"]) .navbar > #siteSearchForm,
    html body:not([data-page="home"]) .navbar > .search-container,
    html body:not([data-page="home"]) .navbar .nav-actions > #siteSearchForm,
    html body:not([data-page="home"]) .navbar .nav-actions > .search-container,
    html body:not([data-page="home"]) #siteSearchForm.search-container {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: none !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        margin: 0 !important;
        padding: 0 6px 0 14px !important;
        border: 1px solid #101820 !important;
        border-radius: 2px !important;
        background: #ffffff !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        z-index: 8 !important;
        overflow: visible !important;
    }

    html body:not([data-page="home"]) .search-container input,
    html body:not([data-page="home"]) #siteSearchInput {
        font-size: 16px !important;
        font-weight: 500 !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 8px 0 0 !important;
    }

    html body:not([data-page="home"]) .search-btn {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 2px !important;
    }

    html body:not([data-page="home"]) .mobile-menu-label {
        color: #101820 !important;
        margin: 0 !important;
        font-size: 0.72rem !important;
        font-weight: 600 !important;
        letter-spacing: 0.02em !important;
    }
}

html body .catalog-product-card__wishlist,
html body [data-wishlist-toggle],
html body .navbar a[href*="favorit"],
html body .navbar [data-wishlist-count],
html body .mobile-bottom-nav [data-wishlist-count] {
    pointer-events: auto !important;
    touch-action: manipulation;
}

@media (hover: none), (max-width: 1439px) {
    .zilenzo-product-image,
    .catalog-product-card__image,
    .catalog-product-card__title a,
    .zilenzo-product-copy h3 a,
    .zilenzo-sport-card,
    .zilenzo-hero-btn,
    .mobile-nav-item,
    .mobile-menu-drawer.is-open a,
    .catalog-product-card__wishlist,
    [data-wishlist-toggle] {
        pointer-events: auto !important;
        touch-action: manipulation;
    }

    .zilenzo-product-size-overlay,
    .zilenzo-product-size-overlay .size-option,
    .zilenzo-product-size-overlay [data-size-option],
    .zilenzo-product-size-overlay [data-open-size-guide],
    .zilenzo-product-size-overlay [data-add-to-cart],
    html body[data-page="home"] .zilenzo-product-size-overlay,
    html body[data-page="home"] .zilenzo-product-size-overlay .size-option,
    html body[data-page="home"] .zilenzo-product-size-overlay [data-size-option],
    html body[data-page="home"] .zilenzo-product-size-overlay [data-open-size-guide],
    html body[data-page="home"] .zilenzo-product-size-overlay [data-add-to-cart] {
        pointer-events: auto !important;
        touch-action: manipulation;
    }
}

/* Kurv i toppen på alle sider og bredder */
html body .navbar .cart-icon,
html body .navbar a.cart-icon,
html body .navbar button.cart-icon,
html body .navbar .nav-actions > .cart-icon,
html body .navbar .nav-actions > a.cart-icon,
html body .navbar .nav-actions > button.cart-icon {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 12 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    margin-right: 0 !important;
}

html body .navbar .cart-icon .cart-icon-label,
html body .navbar .cart-icon .cart-icon-text {
    display: none !important;
}

@media (min-width: 1440px) {
    html body:not([data-page="home"]) .navbar,
    html body:not([data-page="home"]) .navbar.is-stuck,
    html body:not([data-page="home"]) .navbar.is-solid {
        padding-right: max(32px, calc(var(--zilenzo-chrome-edge, 24px) + 8px)) !important;
        box-sizing: border-box !important;
    }

    html body:not([data-page="home"]) .navbar .cart-icon,
    html body:not([data-page="home"]) .navbar .nav-actions > .cart-icon {
        display: inline-flex !important;
        visibility: visible !important;
        width: auto !important;
        max-width: none !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 14px !important;
        gap: 8px !important;
        background: var(--accent-contrast, #17324D) !important;
        color: #ffffff !important;
        border: 0 !important;
        border-radius: 8px !important;
        overflow: visible !important;
        flex-shrink: 0 !important;
    }

    html body:not([data-page="home"]) .navbar .cart-icon .cart-icon-label,
    html body:not([data-page="home"]) .navbar .cart-icon .cart-icon-text {
        display: inline !important;
        color: #ffffff !important;
    }
}

/* Kurv ude i højre side på ALLE sider */
html body .navbar {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

html body .navbar .nav-actions > .cart-icon,
html body .navbar .nav-actions > a.cart-icon,
html body .navbar .nav-actions > button.cart-icon,
html body .navbar a.cart-icon[data-cart-open],
html body .navbar button.cart-icon[data-cart-open] {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 20 !important;
    flex-shrink: 0 !important;
    margin-right: 0 !important;
}

@media (min-width: 1440px) {
    html body .navbar,
    html body .navbar.is-stuck,
    html body .navbar.is-solid,
    html body[data-page="home"] .navbar,
    html body:not([data-page="home"]) .navbar {
        display: flex !important;
        padding-right: var(--zilenzo-chrome-edge, 24px) !important;
    }

    html body .navbar .nav-actions,
    html body[data-page="home"] .navbar .nav-actions,
    html body:not([data-page="home"]) .navbar .nav-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
        width: auto !important;
        max-width: none !important;
        flex: 1 1 auto !important;
        pointer-events: auto !important;
    }

    html body .navbar .nav-actions > .cart-icon,
    html body .navbar .nav-actions > a.cart-icon,
    html body .navbar .nav-actions > button.cart-icon {
        order: 999 !important;
        margin-left: 8px !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 1439px) {
    html body .navbar,
    html body .navbar.is-stuck,
    html body .navbar.is-solid,
    html body[data-page="home"] .navbar,
    html body:not([data-page="home"]) .navbar {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) auto auto !important;
        grid-template-rows: auto auto !important;
        overflow: visible !important;
        padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
    }

    html body .navbar .nav-actions,
    html body[data-page="home"] .navbar .nav-actions,
    html body:not([data-page="home"]) .navbar .nav-actions {
        display: contents !important;
    }

    html body .navbar .lang-switch,
    html body .navbar .nav-actions > .lang-switch {
        grid-column: 3 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        margin: 0 !important;
    }

    html body .navbar .nav-actions > .cart-icon,
    html body .navbar .nav-actions > a.cart-icon,
    html body .navbar .nav-actions > button.cart-icon {
        grid-column: 4 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}