/* Icônes partagées par les interfaces OMELYO. */
.ui-icon { display: inline-block; flex: none; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vertical-align: -.2em; }
.bottom-nav { max-width: 1000px; min-height: 70px; }
.bottom-nav a svg { width: 24px; height: 24px; stroke-width: 2; }
body { padding-bottom: calc(86px + env(safe-area-inset-bottom)); }
.flash-heading h2 .ui-icon { width: 21px; height: 21px; color: #ffca00; }
.explorer-header .category .ui-icon { width: 29px; height: 29px; color: #6a159a; }
.explorer-header .filter .ui-icon { width: 16px; height: 16px; color: #ef7900; }
@media (max-width: 340px) { .explorer-header .filter .ui-icon { display: none; } }
.shops-intro > span .ui-icon { width: 32px; height: 32px; color: #ffc021; }
.shop-filters .ui-icon { width: 15px; height: 15px; color: #f78308; }
.shops-heading .ui-icon { width: 22px; height: 22px; color: #f6a900; }
.shop-meta .ui-icon { width: 13px; height: 13px; color: #f17b00; }
.shop-visit .ui-icon { width: 13px; height: 13px; }
.account-title > span .ui-icon { width: 32px; height: 32px; color: #fa7b00; }
.account-title > span { filter: none; }
.client-badge .ui-icon { width: 14px; height: 14px; color: #ffd747; }
.profile-details p .ui-icon { width: 14px; height: 14px; color: #7d149d; }
.edit-profile .ui-icon { width: 13px; height: 13px; }
.section-heading h2 .ui-icon { width: 22px; height: 22px; color: #f78200; }
.order-icon .ui-icon { width: 25px; height: 25px; }
.to-pay .order-icon { color: #a51ebd; } .preparing .order-icon { color: #ed8500; } .shipping .order-icon { color: #1687d2; } .delivered .order-icon { color: #12a947; }
.services-grid button > span .ui-icon { width: 25px; height: 25px; color: #f77e00; }
.services-grid button:nth-child(1) .ui-icon { color: #e72a69; } .services-grid button:nth-child(3) .ui-icon, .services-grid button:nth-child(6) .ui-icon { color: #1888dc; }
.setting-icon .ui-icon { width: 22px; height: 22px; color: #a000cf; }
@media (max-width: 430px) {
  .selection-name, .selection-price, .flash-price, .old-price, .product-name { white-space: normal; overflow-wrap: anywhere; }
}
.search-shell { overflow: clip; }
.sticky-search { position: sticky; top: 0; z-index: 4; padding-top: 1px; padding-bottom: 1px; }
.sticky-search .search { margin: 10px 0; }
.explorer-header.sticky-search { padding-top: 0; padding-bottom: 0; }
.search-following { padding-top: 0; }
.search-following .categories { margin-top: 12px; }
html:has(.sticky-search) { scroll-padding-top: 70px; }
.search-shell > header:has(.quick-menu:not([hidden])), .page-shell > header:has(.quick-menu:not([hidden])) { z-index: 6; }
@media (max-width: 340px) {
  .topbar { gap: 2px; }
  .topbar .logo { flex-shrink: 0; }
  .topbar .logo-bag { width: 24px; flex: none; }
  .topbar .top-icon, .topbar .icon-button { width: 22px; }
  .topbar .country select, .topbar .market-select select { min-width: 0; max-width: 66px; padding-left: 4px; }
  .topbar .country select:has(option[value="Burkina Faso"]:checked), .topbar .market-select select:has(option[value="Burkina Faso"]:checked) { max-width: 74px; }
  .topbar .avatar { width: 27px; height: 27px; }
  .bottom-nav a { font-size: 10px; }
}