/* ICON BALI DIGITAL
   Phase 3 — Mobile Products Dropdown Interaction Fix v1.0

   Desktop behavior:
   - Products dropdown may open on hover.

   Mobile behavior (<=991px):
   - Hover MUST NOT open the dropdown.
   - Only .dropdown.active (set by click/tap via navigation.js) may open it.
*/

@media (max-width: 1100px) {
    /* Neutral state: hover alone must remain closed. */
    .nav-menu .dropdown:not(.active) .dropdown-content,
    .nav-menu .dropdown:hover:not(.active) .dropdown-content {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
        max-height: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-width: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        animation: none !important;
    }

    /* Click/tap state: navigation.js adds .active. */
    .nav-menu .dropdown.active .dropdown-content,
    .nav-menu .dropdown.active:hover .dropdown-content {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        max-height: none !important;
        margin-top: 12px !important;
        padding: 10px 0 !important;
        border-width: 1px !important;
        overflow: visible !important;
        pointer-events: auto !important;
        animation: none !important;
    }

    .nav-menu .dropdown:not(.active) .dropdown-trigger i {
        transform: rotate(0deg) !important;
    }

    .nav-menu .dropdown.active .dropdown-trigger i {
        transform: rotate(180deg) !important;
    }
}


/* RELEASE R7.1.3 — MOBILE DROPDOWN BREAKPOINT ALIGNED TO 1100PX */