/* RentalAjay - modern icons for the customer mobile menu sheet */
@media (max-width: 820px) {
    body.customer-body .customer-more-grid > a,
    body.customer-body .customer-more-utilities .nav-utility-button {
        gap: 9px;
        justify-content: flex-start;
        text-align: left;
        line-height: 1.15;
    }

    body.customer-body .customer-more-grid > a {
        min-height: 52px;
        padding: 8px 10px;
        border-radius: 13px;
    }

    body.customer-body .customer-more-utilities .nav-utility-button {
        min-height: 48px;
        padding: 7px 10px;
        border-radius: 13px;
    }

    body.customer-body .customer-more-menu-icon,
    body.customer-body .customer-more-logout-icon {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        display: inline-grid;
        place-items: center;
        border-radius: 10px;
        color: #315ffd;
        background: linear-gradient(145deg, #f1f5ff, #e7edff);
        border: 1px solid rgba(49, 95, 253, .14);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
    }

    body.customer-body .customer-more-menu-icon svg,
    body.customer-body .customer-more-logout-icon svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.85;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    body.customer-body .customer-more-menu-text {
        min-width: 0;
        font-size: .76rem;
        font-weight: 750;
        letter-spacing: -.01em;
    }

    body.customer-body .customer-more-grid > a.active .customer-more-menu-icon {
        color: #fff;
        background: linear-gradient(145deg, #2f66ff, #6652ef);
        border-color: transparent;
        box-shadow: 0 5px 12px rgba(49, 95, 253, .22);
    }

    body.customer-body .customer-more-grid > a > b {
        margin-left: auto;
        flex: 0 0 auto;
    }

    body.customer-body .customer-more-utilities .nav-utility-button .customer-more-menu-icon {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
        border-radius: 9px;
    }

    body.customer-body .customer-more-logout button {
        min-height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        border-radius: 13px;
    }

    body.customer-body .customer-more-logout-icon {
        width: 29px;
        height: 29px;
        flex-basis: 29px;
        color: #d44336;
        background: rgba(212, 67, 54, .09);
        border-color: rgba(212, 67, 54, .12);
        box-shadow: none;
    }

    body.customer-body .customer-more-sheet-head strong {
        letter-spacing: -.015em;
    }

    html[data-theme="dark"] body.customer-body .customer-more-menu-icon {
        color: #a9bdff;
        background: linear-gradient(145deg, #182743, #13203a);
        border-color: rgba(143, 176, 255, .18);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
    }

    html[data-theme="dark"] body.customer-body .customer-more-grid > a.active .customer-more-menu-icon {
        color: #fff;
        background: linear-gradient(145deg, #376dff, #7359f2);
        border-color: transparent;
        box-shadow: 0 5px 14px rgba(49, 95, 253, .25);
    }

    html[data-theme="dark"] body.customer-body .customer-more-logout-icon {
        color: #ff9b91;
        background: rgba(255, 116, 104, .1);
        border-color: rgba(255, 116, 104, .16);
    }
}