/* =============================================================================
 * MOBILE NAVIGATION — SEARCH FIELD ICON
 * =============================================================================
 * Component: The magnifier icon inside the mobile menu's product search input.
 * Owner:     Parent theme.
 * Scope:     Mobile navigation drawer only.
 *
 * Fixes:     The native theme CSS pins the icon to the physical right and
 *            reserves padding on the physical right. In Arabic the icon should
 *            sit at the logical end edge and the padding should match.
 *            Logical properties (inset-inline-end) handle both directions
 *            without duplicating rules.
 * ============================================================================= */

.popup-mobile-menu .rbt-inner-search-field form .search-btn {
    left: auto;
    right: auto;
    inset-inline-end: 3px;
}

.popup-mobile-menu .rbt-inner-search-field form input[type="text"] {
    padding-inline-start: 24px;
    padding-inline-end: 44px;
}