/* duvana UI overrides — 21/10/2026 (Musab) : loaded after brand.css */

/* 1) Home category ovals sit in the middle, not stuck to the right edge.
      'safe center' keeps the first pill reachable when the row overflows. */
.categories-section { justify-content: center; justify-content: safe center; }
.categories-bar { justify-content: center; justify-content: safe center; }

/* 2) Language switch is a floating side button that travels with the scroll.
      Bottom-left so it clears the header, the footer links and the mobile
      sticky order bar (z-index stays under overlays/modals). */
.lang-float { position: fixed; left: 10px; bottom: 20px; z-index: 900; }
.lang-float .header-lang {
    display: flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; padding: 0; border-radius: 50%;
    background: var(--brand, #173D46) !important;
    color: var(--cream, #F6F2EB) !important;
    border: 1px solid rgba(246,242,235,.3) !important;
    font-size: 13px; font-weight: 700; line-height: 1; margin: 0;
    box-shadow: 0 3px 12px rgba(23,61,70,.25);
    opacity: .9; transition: opacity .2s;
}
.lang-float .header-lang:hover { opacity: 1; }
@media (max-width: 768px) {
    /* clear the mobile sticky order bar on product pages */
    .lang-float { bottom: 72px; left: 8px; }
    .lang-float .header-lang { width: 36px; height: 36px; font-size: 12px; }
}