/* HomePro managed-header edge-to-edge alignment 1.1.0.
 * Only the Storefront/Cloud navigation-only wrappers opt in.
 * Compact panels span the viewport; logo and trigger spacing remain native.
 * Keep native .active/.open handlers, menu markup, colors and desktop geometry.
 */
[data-homepro-managed-header] { --hp-managed-panel-offset: 18px; }
@media (max-width: 600px) {
    [data-homepro-managed-header] { --hp-managed-panel-offset: 14px; }
}
@media (max-width: 767px) {
    .hpc-cloud-navigation-shell[data-homepro-managed-header] { --hp-managed-panel-offset: 14px; }
}
[data-homepro-managed-header] > .home-header.hp-managed-compact { overflow: visible !important; }
[data-homepro-managed-header] > .home-header.hp-managed-compact > .topUserWraper { position: static !important; }
[data-homepro-managed-header] > .home-header.hp-managed-compact > .top-nav,
[data-homepro-managed-header] > .home-header.hp-managed-compact > .topUserWraper > .user-nav,
[data-homepro-managed-header] > .home-header.hp-managed-compact > .topUserWraper > .dropdown-menu.userMenu {
    position: absolute !important;
    top: calc(100% + var(--hp-managed-panel-offset, 18px)) !important;
    bottom: auto !important;
    left: var(--hp-managed-panel-left, calc((100% - 100vw) / 2)) !important;
    right: var(--hp-managed-panel-right, calc((100% - 100vw) / 2)) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    transform: none !important;
    max-height: var(--hp-managed-panel-room, calc(100vh - 120px));
    max-height: var(--hp-managed-panel-room, calc(100dvh - 120px));
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
}

/* Native phone fallback also works before scripts initialize. */
@media (max-width: 767px) {
[data-homepro-managed-header] > .home-header { overflow: visible !important; }
[data-homepro-managed-header] > .home-header > .topUserWraper { position: static !important; }
[data-homepro-managed-header] > .home-header > .top-nav,
[data-homepro-managed-header] > .home-header > .topUserWraper > .user-nav,
[data-homepro-managed-header] > .home-header > .topUserWraper > .dropdown-menu.userMenu {
    position: absolute !important;
    top: calc(100% + var(--hp-managed-panel-offset, 18px)) !important;
    bottom: auto !important;
    left: var(--hp-managed-panel-left, calc((100% - 100vw) / 2)) !important;
    right: var(--hp-managed-panel-right, calc((100% - 100vw) / 2)) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    transform: none !important;
    max-height: var(--hp-managed-panel-room, calc(100vh - 120px));
    max-height: var(--hp-managed-panel-room, calc(100dvh - 120px));
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
}
}