@import url('/static/mobile-polish.css?v=1');

.language-switcher {
    display: inline-flex;
    align-items: center;
}

.language-switcher select {
    appearance: none;
    border: 1px solid rgba(27, 45, 37, 0.2);
    border-radius: 999px;
    background: #ffffff;
    color: #1b2d25;
    cursor: pointer;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    padding: 0.58rem 2rem 0.58rem 0.9rem;
}

.language-switcher select:focus-visible {
    outline: 3px solid rgba(53, 150, 103, 0.35);
    outline-offset: 2px;
}

.panel-language-switcher{background:#fff;border:1px solid #dbe3f0;border-radius:999px;bottom:18px;box-shadow:0 8px 24px #0f172a1f;left:18px;position:fixed;right:auto;top:auto;z-index:5000}.panel-language-switcher select{background:transparent;border:0;color:#172033;font-weight:800;min-width:112px;padding:9px 13px}.panel-language-switcher select:focus{outline:2px solid #2563eb;outline-offset:2px}
body:has(#app.app) .panel-language-switcher,body:has(#app-view) .panel-language-switcher{bottom:72px;left:18px;right:auto;top:auto}
body:has(#app>header .mowo-logo) .panel-language-switcher,body:has(.mowo-courier-logo) .panel-language-switcher{background:#f8fbff;border-color:#c9d7ee;bottom:auto;box-shadow:0 5px 14px #07142d24;left:auto;position:absolute;right:18px;top:78px}
body:has(#app>header .mowo-logo) .panel-language-switcher::before,body:has(.mowo-courier-logo) .panel-language-switcher::before{content:"🌐";font-size:12px;margin-left:9px}
body:has(#app>header .mowo-logo) .panel-language-switcher select,body:has(.mowo-courier-logo) .panel-language-switcher select{font-size:11px;min-width:82px;padding:7px 9px 7px 6px}
body:has(#app>header .mowo-logo) #logout,body:has(.mowo-courier-logo) #logout{background:#2563eb;border:1px solid #2563eb;border-radius:8px;color:#fff;font-size:11px;font-weight:700;height:30px;line-height:1;min-width:82px;padding:7px 10px}
.panel-header-actions{align-items:end;display:grid;flex:0 0 auto;gap:20px;justify-items:end}.panel-header-actions #logout{transform:translateY(10px)}.panel-header-actions .panel-language-switcher{background:#f8fbff;border-color:#c9d7ee;bottom:auto!important;box-shadow:0 4px 12px #07142d20;left:auto!important;min-height:30px;position:static!important;right:auto!important;top:auto!important;transform:none!important}.panel-header-actions .panel-language-switcher select{font-size:11px;min-width:82px;padding:6px 8px 6px 5px}
#app-view aside>.panel-language-switcher{align-self:stretch;background:transparent;border:0;border-top:1px solid #ffffff20;border-radius:0;bottom:auto;box-shadow:none;left:auto;margin:16px 4px 7px;padding-top:14px;position:static;right:auto;top:auto;z-index:auto}#app-view aside>.panel-language-switcher select{background:#ffffff12;border:1px solid #ffffff25;color:#dce8ff;font-size:11px;min-width:0;padding:8px 10px;width:100%}#app-view aside>.panel-language-switcher+#logout{margin-top:0}
@media(max-width:760px){.panel-language-switcher,body:has(#app.app) .panel-language-switcher,body:has(#app-view) .panel-language-switcher{bottom:16px;left:14px;right:auto;top:auto}body:has(#app>header .mowo-logo) .panel-language-switcher,body:has(.mowo-courier-logo) .panel-language-switcher{bottom:auto;left:auto;position:absolute;right:14px;top:65px}.panel-language-switcher select{font-size:11px;min-width:90px;padding:7px 9px}body:has(#app>header .mowo-logo) .panel-language-switcher select,body:has(.mowo-courier-logo) .panel-language-switcher select{min-width:82px;padding:6px 8px 6px 5px}body:has(#app>header .mowo-logo) #logout,body:has(.mowo-courier-logo) #logout{font-size:11px;height:30px;min-width:82px;padding:7px 10px}}

.modal-content {
    box-sizing: border-box;
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
    overscroll-behavior: contain;
}

/* შეკვეთები ყოველთვის ეკრანში ეტევა;
   გორგოლაჭი მუშაობს მხოლოდ თეთრი ფანჯრის შიგნით. */
#orders-modal {
    align-items: flex-start;
    overflow: hidden;
    padding: 24px;
}

#orders-modal .modal-content {
    height: calc(100dvh - 48px);
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
}

@media (max-width: 720px) {
    .language-switcher {
        order: -1;
    }
}

@media (max-width: 520px) {
    #orders-modal {
        align-items: end;
        padding: 0;
    }

    #orders-modal .modal-content {
        height: 92dvh;
        max-height: 92dvh;
    }
}