/**
 * Tenant storefront RTL layout fixes (header, nav)
 * Loaded when user_lang_dir == 'rtl' (see header.blade.php)
 */

@media (max-width: 991.98px) {
    /* Mirror mobile hamburger to inline-end (physical left in RTL) */
    [dir="rtl"] .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler,
    [dir="rtl"] .navbar-area .navbar-toggler {
        right: auto;
        left: 0;
        inset-inline-end: 0;
        inset-inline-start: auto;
    }

    /* Keep logo at inline-start (physical right in RTL) */
    [dir="rtl"] .navbar-area .nav-container .responsive-mobile-menu .logo-wrapper {
        text-align: start;
        padding-inline-end: 52px;
        padding-inline-start: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    [dir="rtl"] .navbar-area .nav-container .responsive-mobile-menu .logo-wrapper .logo {
        display: inline-block;
        max-width: 100%;
    }

    /* Bookpoint: ellipsis icon between logo and toggler */
    [dir="rtl"] .click-nav-right-icon {
        right: auto;
        left: 60px;
        inset-inline-end: 60px;
        inset-inline-start: auto;
    }

    [dir="rtl"] .navbar-area .nav-container .responsive-mobile-menu:has(.click-nav-right-icon) .logo-wrapper {
        padding-inline-end: 108px;
    }

    /* Medicom: secondary mobile icon */
    [dir="rtl"] .click-content-show {
        right: auto;
        left: 60px;
        inset-inline-end: 60px;
        inset-inline-start: auto;
    }

    [dir="rtl"] .navbar-area .nav-container .responsive-mobile-menu:has(.click-content-show) .logo-wrapper {
        padding-inline-end: 108px;
    }
}