/* ChipPC — photo INSIDE the square (background), nested sub-menus only */

.header__area-menubar-center-menu .sub-menu .sub-menu a,
.mean-container .sub-menu .sub-menu a,
.mean-nav .sub-menu .sub-menu a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.header__area-menubar-center-menu .sub-menu .sub-menu a .chippc-menu-thumb,
.mean-container .sub-menu .sub-menu a .chippc-menu-thumb,
.mean-nav .sub-menu .sub-menu a .chippc-menu-thumb {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 10px !important;
  background-color: #f5f5f7 !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
  flex: 0 0 48px !important;
  overflow: hidden !important;
}

/* Kill any leftover empty ::before squares from older CSS */
.header__area-menubar-center-menu .sub-menu .sub-menu a .chippc-menu-thumb::before,
.header__area-menubar-center-menu .sub-menu .sub-menu a .chippc-menu-thumb::after {
  content: none !important;
  display: none !important;
}

@media (min-width: 992px) {
  #menu-item-254 > .sub-menu,
  #menu-item-251 > .sub-menu,
  #menu-item-860 > .sub-menu,
  #menu-item-1350 > .sub-menu,
  #menu-item-2133 > .sub-menu {
    min-width: 280px !important;
    padding: 12px 10px !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 40px rgba(0, 54, 120, 0.14) !important;
  }

  #menu-item-254 > .sub-menu > li > a,
  #menu-item-251 > .sub-menu > li > a,
  #menu-item-860 > .sub-menu > li > a,
  #menu-item-1350 > .sub-menu > li > a,
  #menu-item-2133 > .sub-menu > li > a {
    display: flex !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    line-height: 1.25 !important;
  }

  #menu-item-254 > .sub-menu > li:hover > a,
  #menu-item-251 > .sub-menu > li:hover > a,
  #menu-item-860 > .sub-menu > li:hover > a,
  #menu-item-1350 > .sub-menu > li:hover > a,
  #menu-item-2133 > .sub-menu > li:hover > a {
    padding-left: 12px !important;
    background: #f5f5f7;
  }
}