/* =====================================================
   MAIN MENU ICONS – EXACT SVG RENDERING + FA ICON
   ===================================================== */

/* Layout for all menu items */
#menu-main-header .menu-item > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;                /* space between icon and text */
  font-size: 1rem;         /* base font size */
  padding: 1px 12px;       /* slim vertical padding */
  border-radius: 9999px;   /* pill shape */
  transition: background-color 0.3s ease, color 0.3s ease;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;     /* prevent text wrap inside pills */
  margin-right: -20px;     /* minimal spacing between items */
  
  /* Remove old underline / border */
  border: none;
  box-shadow: none;
}

/* Hover effect: deeper transparent black pill */
#menu-main-header .menu-item > a:hover,
#menu-main-header .menu-item > a:focus {
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Remove any pseudo-element underlines (common in old themes) */
#menu-main-header .menu-item > a::after {
  content: none !important;
  display: none !important;
}

/* Special style for the first item to make it wider */
#menu-item-6645 > a {
  padding-left: 18px;
  padding-right: 18px;
  min-width: 140px;        /* ensures enough width for text+icon */
}

/* Icon base (SVG icons) */
#menu-main-header .menu-item > a::before {
  content: "";
  width: 1.2em;             /* icon width */
  height: 1.2em;            /* icon height */
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* =====================================================
   Best Sellers SVG
   ===================================================== */
#menu-item-6645 > a::before {
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' fill='white'>\
<path d='M542.7 34.1c58.8 0 110.7 40.1 127.6 98.8l0.7 2.5 0.5 1.1c0.3 0.9 0.6 1.8 0.9 2.7l0.7 2.8c6.2 29.5 9.5 59.1 9.5 88.8 0 26.2-2.4 52.3-7.2 78l-1.8 9.2 145.4 0.1c2.5 0 5 0.2 7.5 0.5l1.1 0.1 2.7 0.2c41.3 3.2 79.2 25.6 102.2 61.6l2.6 4.2c15.3 25.2 22.4 54.8 20.2 84.5l0 1.1c0.1 5.4-0.3 10.6-1.2 15.3l-0.8 3.4-74 340c-2.1 8.1-5.5 15.7-10.1 22.4-9.9 18.7-23.9 34.8-40.8 47l-4.6 3.2c-21.9 14.4-47 21.9-72.5 21.9l-612.3-0.2c-36.4 0-66.4-29.7-68.2-67.4l-0.1-3.6c-0.1-1.6-0.2-2.7 0-4l0.3-389.6c0-34.8 24.3-64.4 57.2-70.1l3.4-0.4c102-11.9 169.3-32.5 200-59 42.2-36.2 80.1-108.7 80.1-154.3 0-78.4 59-138.7 133.3-138.8z m-218.4 460.8c-28.3 0-51.2 22.9-51.2 51.2l0 204.8c0 28.3 22.9 51.2 51.2 51.2 28.3 0 51.2-22.9 51.2-51.2l0-204.8c0-28.3-22.9-51.2-51.2-51.2z'/></svg>");
}

/* =====================================================
   5-Star Rated SVG
   ===================================================== */
#menu-item-6646 > a::before {
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' fill='white'>\
<path d='M848.7 133.8c62.1 0 112.5 52.1 112.4 116.3l0 481c0 64.2-50.4 116.3-112.4 116.3l-212.5 0c-8.9 0-17.5 3.6-23.6 10.1l-86.8 90.5c-13 12.6-33.7 12.3-46.4-0.6l-88.5-90.9c-6.2-6.3-14.6-9.9-23.4-9.9l-191.4 0c-59.3 0-107.9-47.4-112.1-107.6l-0.3-8.7 0-481c0-64.2 50.4-116.3 112.4-116.3z m-329.7 178.4c-10-3.4-20.8 2.1-24.1 12.4l-34.2 106.1-108.2 0.8c-6 0-11.7 3-15.2 8-6.3 8.8-4.5 21.1 4 27.6l87.1 66.4-32.7 106.6c-1.8 5.9-0.8 12.4 2.7 17.4 6.1 8.9 18.1 10.9 26.6 4.6l88-65.1 88 65.1c4.9 3.6 11.1 4.6 16.8 2.7 10-3.3 15.6-14.4 12.4-24.7l-32.6-106.6 87-66.4c4.8-3.7 7.7-9.5 7.8-15.7 0.1-10.9-8.4-19.8-19-19.9l-108.1-0.8-34.2-106.1c-1.9-5.9-6.4-10.5-12.1-12.4z'/></svg>");
}

/* =====================================================
   Black Friday SVG
   ===================================================== */
#menu-item-6647 > a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' fill='%23ffffff'%3E%3Cpath d='M779 45.5c65.5 0 120.2 50.2 126.2 115.7l61.4 678.6c3.2 35.6-8.6 70.9-32.6 97.3-24 26.4-58 41.4-93.6 41.4l-656.8 0c-35.6 0-69.5-15-93.6-41.4-24-26.4-35.8-61.7-32.6-97.3l61.4-678.6c5.9-65.5 60.6-115.7 126.2-115.7l534 0z m-378.6 429.6l-151.7 0 0 351.5 77.6 0 0-156.2 64.6 0 0-54.3-64.6 0 0-88.5 74.1 0 0-52.5z m133.1 0l-96.7 0 0 351.5 77.6 0 0-157.5 22.1 0 38.6 157.5 80.2 0-48.2-170.1c11.6-5.5 20.4-12.4 26.7-20.6 6.2-8.2 10.5-18 12.8-29.3 2.3-11.3 3.5-24.2 3.5-38.6 0-24.6-4.8-43.6-14.6-57.1-9.7-13.5-23.2-22.8-40.5-28-17.3-5.2-37.9-7.8-61.5-7.8z m241.4 0l-77.6 0 0 351.5 77.6 0 0-351.5z m-235.4 52.1c14.7 0 24.9 4.2 30.4 12.6 5.5 8.4 8.2 20.1 8.2 35.1 0 10.4-1.2 19.3-3.7 26.7-2.5 7.4-6.7 13-12.8 16.9-6.1 3.9-14.6 5.9-25.5 5.9l-21.7 0 0-97.2 25.1 0z m153.3-365.5l-6.7 0.5c-11.2 2.1-20.4 10-24.2 20.6-22.5 63.5-82.5 106-149.9 106-67.4 0-127.4-42.5-149.9-106-3.8-10.7-13-18.6-24.2-20.6-11.2-2.1-22.6 2-29.9 10.6-7.4 8.6-9.6 20.6-5.9 31.2 31.5 89 115.5 148.4 209.9 148.5 94.3 0 178.4-59.5 209.9-148.5 3.8-10.7 1.6-22.6-5.9-31.2-4.4-5.2-10.3-8.7-16.7-10.3l-6.5-0.8z'/%3E%3C/svg%3E");
}

/* =====================================================
   Local Warehouse (Font Awesome)
   ===================================================== */
#menu-item-6648 > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 1px 12px;
  border-radius: 9999px;
  margin-left: -15px;
  color: #ffffff;
  text-decoration: none;
  
  border: none;
  box-shadow: none;
}

/* Font Awesome icon adjustments */
#menu-item-6648 > a i.fa-truck {
  font-size: 1.2em;
  line-height: 1;
  margin: 0;
  display: inline-flex;
  align-items: center;
}