/* ============================================================
   order app — assets/css/main.css
   Universal styling for the order app (loads on every page,
   after the brand site's own main/header/footer css).
   ============================================================ */

/* Location switcher (header top bar) — compact dropdown */
.location-switcher,
.lang-switcher {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #ffffff;
    border-radius: 999px;
    padding: 5px 12px;
}
.location-switcher i,
.lang-switcher i { color: #c41e3a; font-size: 0.85rem; }
.location-switcher select,
.lang-switcher select {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    font: inherit;
    font-weight: 700;
    font-size: 0.9rem;
    color: #1a1a1a;
    padding-right: 16px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23c41e3a'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
}
.location-switcher select:focus,
.lang-switcher select:focus { outline: 2px solid #c41e3a; outline-offset: 2px; border-radius: 4px; }
/* Riverside launch: switcher suppressed but its top-bar slot preserved so
   the brand-site header layout doesn't reflow (visibility, not display). */
.location-switcher-hidden { visibility: hidden; }

@media (max-width: 768px) {
    .location-switcher,
.lang-switcher { padding: 4px 10px; }
    .location-switcher select,
.lang-switcher select { font-size: 0.82rem; }
}