/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
#et-main-area {position:relative; z-index:-99!important}
#main-content {position:relative; z-index:9!important}
footer {position:relative; z-index:0!important}


@media (min-width: 981px) {

  .et-dropdown-removing > ul {
    display: block !important;
  }
  .et-dropdown-removing > ul ul {
    display: block !important;
  }


  #menu-products {
    display: flex;
    justify-content: center;
}
#menu-products li a {
    /* display: inline-block; */
    padding: 5px 20px;
    padding-left:60px;
    margin: 5px;
    background: #efefef;
    border-radius: 10px;
    text-decoration: none;
    height:58px;
    display: flex;
    align-content: center;
    align-items: center;
    position: relative;
}

#menu-products .menu-item > a::before {
  content: "";
  display: inline-block;
  width: 44px;
  height:44px;
  position:absolute;
  top:5px;
  left:5px;
  margin-right: 6px;
}
.menu-item-3902 > a::before {
  background: no-repeat center / contain url("../../uploads/icons/ico-abrasives2.svg");
}
.menu-item-3903 > a::before {
  background: no-repeat center / contain url("../../uploads/icons/ico-automation.svg");
}
.menu-item-3923 > a::before {
  background: no-repeat center / contain url("../../uploads/icons/ico-consumables.svg");
}

.menu-item-3924 > a::before {
  background: no-repeat center / contain url("../../uploads/icons/ico-accesories.svg");
}
.menu-item-3925 > a::before {
  background: no-repeat center / contain url("../../uploads/icons/ico-ppe.svg");
}
.menu-item-3931 > a::before {
  background: no-repeat center / contain url("../../uploads/icons/ico-welding-machines.svg");
}
.menu-item-3937 > a::before {
  background: no-repeat center / contain url("../../uploads/icons/ico-gas-accessories.svg");
}
.menu-item-3942 > a::before {
  background: no-repeat center / contain url("../../uploads/icons/ico-band-saws.svg");
}
.menu-item-3943 > a::before {
  background: no-repeat center / contain url("../../uploads/icons/ico-welding-accessories.svg");
}
.menu-item-3944 > a::before {
  background: no-repeat center / contain url("../../uploads/icons/ico-chemistry.svg");
}

#menu-products li a::after {position:relative!important}
#menu-products li ul.sub-menu {
    position: absolute;
    top: 95%;          
    left: 5px;       
    margin: 0;
    padding: 1em;
    list-style: none;
    background-color: #ffffff!important;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    display: none; 
    z-index: 9999;
    min-width: 400px;
    width: max-content!important;
    max-width:98%;
    box-sizing: border-box;
    border-radius:10px;
    border:1px solid #efefef
}
#menu-products li ul.sub-menu li {
    display:block!important;
    margin:0px;
    padding:0px
}
#menu-products li ul.sub-menu li a {
    display: block;
    font-size:1.1em;
    line-height:1em;
    padding: 10px;
    margin: 5px;
    background: transparent;
    border-radius: 10px;
    width:100%
}
#menu-products li ul.sub-menu li a:hover {
    background-color:#00409E;
    color:#ffffff!important
}

  /* 2. Dla naszego menu produktowego:
        – zawsze trzymaj sub-menu jako block,
        – ale steruj widocznością przez visibility + opacity,
        – dzięki temu ruch po skosie nie gasi dropdownu od razu */
  #menu-products li.menu-item-has-children > ul.sub-menu {
    display: block;           /* nie używamy display:none */
    visibility: hidden;
    opacity: 0;
  }

  /* 3. Kiedy użytkownik faktycznie "jest" na elemencie:
        – przez :hover (plus ewentualnie .et-hover, jeśli Divi ją doda),
        – pokaż sub-menu płynnie */
  #menu-products li.menu-item-has-children:hover > ul.sub-menu,
  #menu-products li.menu-item-has-children.et-hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
  }

  /* 4. Dodajemy małe opóźnienie schowania – to jest sedno tricku:
        – użytkownik może lekko zjechać myszką, menu nie znika od razu */
  #menu-products li ul.sub-menu {
    transition: all 0.5s 0.2s ease-out !important;
  }
}