/* ========== Platform Custom CSS ========== */

/* Nav icon for mobile menu items */
.menu-item-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    object-fit: contain;
    flex-shrink: 0;
    vertical-align: middle;
}

.box-nav-ul .menu-item:hover>.sub-menu {
    background: #fff;
}

/* Nav item-link font weight override */
#header .box-nav-ul .item-link {
    font-weight: 400 !important;
}

/* Nav arrow indicator for items with sub-menus */
.box-nav-ul .menu-item.has-submenu>.item-link {
    position: relative;
    padding-right: 20px;
}

.box-nav-ul .menu-item.has-submenu>.item-link::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px !important;
    flex-shrink: 0;
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -64 1707 1024'%3E%3Cg transform='scale(1, -1) translate(0, -896)'%3E%3Cpath d='M0 789.333l853.333-853.333 853.333 853.333-151.467 151.467-701.867-701.867-701.867 701.866-151.467-151.466z'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -64 1707 1024'%3E%3Cg transform='scale(1, -1) translate(0, -896)'%3E%3Cpath d='M0 789.333l853.333-853.333 853.333 853.333-151.467 151.467-701.867-701.867-701.867 701.866-151.467-151.466z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: currentColor;
}

/* Mobile nav - arrow rotated to point right */
@media (max-width: 991px) {

    .box-nav-ul .menu-item.has-submenu>.item-link::after,
    .mobile-portal-nav .menu-item.has-submenu>.item-link::after {
        transform: translateY(-50%) rotate(-90deg);
    }
}

/* Mobile: hide all nav icons except cart */
@media (max-width: 991px) {

    .nav-icon .nav-search,
    .nav-icon .nav-order-tracking,
    .nav-icon .nav-account,
    .nav-icon .nav-wishlist {
        display: none !important;
    }
}

/* Mobile search bar - sticky below header */
.mobile-search-bar {
    background: #fff;
    padding: 8px 0;
    position: sticky;
    top: 0;
    z-index: 999;
    border-bottom: 1px solid #eee;
}

/* Prevent iOS Safari auto-zoom on input focus (requires >= 16px) */
@media (max-width: 991px) {
    .site-search__input {
        font-size: 16px !important;
    }
}