/* =========================================
   GXG MENU ICONS + SUB THUMBS (CasaUtila) — PROD CLEAN
   - Desktop main icons (#header_menu)
   - Mobile main icons (mmenu root mm-2)
   - Desktop sub thumbs (menu_tabbed_* / header_menu_content_*)
   - Mobile sub thumbs (ul.menu-mobile)
   ========================================= */

/* =========================
   MAIN ICONS — DESKTOP
   ========================= */
#header_menu a.gxg-has-main-ico{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#header_menu img.gxg-menu-main-ico{
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  object-fit: contain !important;
  display: inline-block !important;
}

/* =========================
   MAIN ICONS — MOBILE (mm-2 root)
   ========================= */
.mm-panels #mm-2 ul.mobile-menu__root a.gxg-has-main-ico{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.mm-panels #mm-2 ul.mobile-menu__root img.gxg-menu-main-ico{
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  object-fit: contain !important;
  display: inline-block !important;
}

/* =========================
   SUB THUMBS — COMMON
   (folosim Variant A: cover + object-position:left)
   ========================= */
img.gxg-menu-sub-thumb{
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 999px !important;

  object-fit: cover !important;
  object-position: left center !important;

  display: inline-block !important;
  background: transparent !important;
}

/* Desktop: subcategorii (orice listă/tabbed) */
[id^="menu_tabbed_"] ul.menu-tabbed__index a.gxg-has-sub-thumb,
[id^="header_menu_content_"] a.gxg-has-sub-thumb,
#header_menu_wide a.gxg-has-sub-thumb{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Mobile: subcategorii (mm-3, mm-4 etc) */
.mm-panels ul.menu-mobile a.gxg-has-sub-thumb{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}