/**
* Theme Name: Parts360 Child Theme
* Description: This is a child theme of Partdo, generated by Merlin WP.
* Author: Soban
* Template: partdo
* Version: 1.4.5
*/


.header-mobile .mobile-search-column {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-lang-switcher {
    margin-left: 10px;
    white-space: nowrap;
    font-size: 14px;
    display: flex;
    align-items: center;
}

html[dir="rtl"] .mobile-lang-switcher {
    margin-left: 0;
    margin-right: 10px;
}

/* Language dropdown for all screens below 1200px */
@media (max-width: 1199px) {

    .mobile-search-column {
        display: flex;
        align-items: center;
        gap: 8px;
        overflow: visible !important;
        position: relative;
        flex-wrap: nowrap;
        max-width: 100%;
        min-width: 0;
    }

    .mobile-lang-dropdown {
        position: relative;
        flex-shrink: 0;
        z-index: 9999;
        display: block;
        box-sizing: border-box;
        max-width: 100%;
    }

    .lang-toggle {
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 10px 8px;
        font-size: 13px;
        line-height: 1;
        min-height: 36px;
        max-width: 100%;
        border: 1px solid #ddd;
        border-radius: 10px;
        background: #EF233C !important;
        color: #fff !important;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lang-menu {
        box-sizing: border-box;
        display: none;
        position: absolute;
        top: calc(100% + 4px);
        right: 0;
        left: auto;
        min-width: 120px;
        max-width: min(180px, calc(100vw - 20px));
        background: #fff;
        padding: 6px;
        border: 1px solid #ddd;
        border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.18);
        z-index: 99999;
        overflow: hidden;
    }

    .lang-menu.open {
        display: block;
    }

    .lang-menu a {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 8px;
        font-size: 13px;
        border-radius: 8px;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lang-menu a:hover {
        background: #f5f5f5 !important;
        color: #EF233C !important;
    }

    .lang-menu img,
    .lang-toggle img {
        width: 18px;
        height: auto;
        object-fit: cover;
        border-radius: 2px;
        flex-shrink: 0;
    }


    /* Fix language dropdown position for RTL / Arabic */
html[dir="rtl"] .lang-menu,
body.rtl .lang-menu {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
}

/* Fix language dropdown position for LTR / English */
html[dir="ltr"] .lang-menu,
body:not(.rtl) .lang-menu {
    right: 0 !important;
    left: auto !important;
}

/* Keep dropdown inside screen */
.lang-menu {
    max-width: calc(100vw - 20px) !important;
    box-sizing: border-box;
}
}