/* ARMANIPLAST-PASS-011 */

/* --- Mega-menu: closed panel must not capture the pointer --- */
@media (min-width: 990px) {
    header.header .nav-item.has-dropdown > #nav-products-submenu {
        pointer-events: none !important;
    }

    header.header .nav-item.has-dropdown:hover > #nav-products-submenu,
    header.header .nav-item.has-dropdown.open > #nav-products-submenu,
    header.header .nav-item.has-dropdown:focus-within > #nav-products-submenu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        padding-top: 0.45rem;
    }

    header.header .nav-item.has-dropdown:not(:hover):not(.open):not(:focus-within) > #nav-products-submenu,
    header.header .nav-item.has-dropdown:not(:hover):not(.open):not(:focus-within) > #nav-products-submenu .dropdown-menu {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    header.header .nav-item.has-dropdown > #nav-products-submenu > .dropdown-item > .dropdown-menu {
        visibility: inherit !important;
        pointer-events: inherit !important;
    }

    /* Four top category headings: remix \ea64 is a down chevron. Do not rotate it left. */
    header.header #nav-products-submenu > .dropdown-item > a::after {
        content: "\ea64";
        font-family: "remixicon";
        display: inline-block;
        position: static;
        left: auto;
        right: auto;
        top: auto;
        margin-inline-start: 0.3rem;
        transform: none;
        transition: transform 0.2s ease, margin-top 0.2s ease;
        vertical-align: middle;
        pointer-events: none;
    }

    header.header .nav-item.has-dropdown:hover > #nav-products-submenu > .dropdown-item > a::after,
    header.header .nav-item.has-dropdown.open > #nav-products-submenu > .dropdown-item > a::after,
    header.header .nav-item.has-dropdown:focus-within > #nav-products-submenu > .dropdown-item > a::after {
        transform: rotate(180deg);
        left: auto !important;
    }

    header.header #nav-products-submenu > .dropdown-item > a:hover::after {
        margin-top: 3px;
        left: auto !important;
    }
}

/* --- Gallery lightbox: physical left/right arrows pointing outward --- */
#productGalleryPrev {
    left: 0.65rem !important;
    right: auto !important;
    inset-inline: auto;
}
#productGalleryNext {
    right: 0.65rem !important;
    left: auto !important;
    inset-inline: auto;
}
#productGalleryPrev,
#productGalleryNext {
    z-index: 3;
    min-width: 2.4rem;
    min-height: 2.4rem;
    font-size: 1.6rem;
    line-height: 1;
    color: #1b242c;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(0, 0, 0, 0.12);
}

/* --- Accessory CTAs compact --- */
.ap-acc-card .ap-card-detail,
.ap-acc-card .js-armani-add-cart,
.ap-acc-card .ap-acc-cta {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    height: 42px;
    max-height: 44px;
    padding: 0.35rem 1rem;
    line-height: 1.2;
    box-sizing: border-box;
}
.ap-acc-card .ap-card-detail:hover,
.ap-acc-card .ap-acc-cta:hover,
.ap-acc-card .js-armani-add-cart:hover {
    filter: brightness(0.97);
}
.ap-acc-card .ap-card-detail:focus-visible,
.ap-acc-card .ap-acc-cta:focus-visible,
.ap-acc-card .js-armani-add-cart:focus-visible {
    outline: 2px solid #c45c26;
    outline-offset: 2px;
}

/* Pass 011 footer boxes removed in Pass 012. Hover contrast lives in storefront-pass012.css. */