/* Hlavný kontajner megamenu */
#shortcode-272-32 {
   width: 100%;
   height: 100%;
   display: flex;
   background-color: var(--white) !important;
   border-radius: 50px;
}
#shortcode-272-32 {
    padding-bottom: 0 !important;
}

.megamenu-wrapper {
   z-index: 1000;
   width: 100%;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Hlavné menu */
.megamenu {
   display: flex;
   list-style: none;
   margin: 0;
   padding: 0;
}

/* Položky prvej úrovne */
.megamenu > li {
   padding: 0;
   margin: 0;
}

/* Odkazy prvej úrovne */
.megamenu > li > a {
   display: flex;
   align-items: center;
   justify-content: cneter;
   height: 100%;
   padding: 15px 20px;
   color: #333;
   text-decoration: none;
   
   font-family: 'Poppins';
   font-size: 1em;
   font-weight: 400;
   line-height: 1;
   
   transition: background 0.3s;
}

.megamenu > li:hover > a {
   color: var(--purple-dark-2);
}

/* Submenu kontajner (megamenu) */
.megamenu-content {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   width: 100%;
   background: var(--white);
   box-shadow: 0 21px 12px rgba(0,0,0,0.175);
   padding: 4em 0 4em 2em;
   display: none;
   z-index: 1001;
   border-top: 25px solid var(--white);
}


/* Zobrazíme megamenu pri hoveri */
.megamenu > li:hover .megamenu-content {
   display: block;
}

/* Submenu prvej úrovne */
.megamenu-content > .sub-menu {
   display: flex;
   flex-wrap: wrap;
   list-style: none;
   margin: 0;
   padding: 0;
   max-width: 1820px;
   justify-content: space-between;
   gap: 3em 2em;
}
.megamenu-content > .sub-menu::after {
   content: '';
   position: absolute;
   top: 100%;
   left: 0;
   width: 100vw;
   height: 100vh;
   background: rgba(0, 0, 0, 0.2); /* napr. čierny polopriehľadný overlay */
   z-index: 0; /* aby bol za mega-menu */
   pointer-events: none;
}

/* Položky submenu prvej úrovne */
.megamenu-content > .sub-menu > li {
   flex: 0 0 20%;
   padding: 0 15px;
   margin-bottom: 20px;
}

/* Nadpisy v submenu */
.megamenu-item-level-1 > a {
   display: block;
   color: var(--project);
   font-weight: 600;
   font-size: 1em;
   border-bottom: 1px solid #e9ecef;
   padding-bottom: 10px;
   margin-bottom: 10px;
   text-decoration: none;
}
.megamenu-item-level-1 > a:hover {
   color: var(--purple-dark-2);
}

/* Submenu druhej úrovne */
.megamenu-item-level-1 .sub-menu {
   list-style: none;
   margin: 0;
   padding: 0;
}

/* Položky druhej úrovne */
.megamenu-item-level-2 {
   margin-bottom: 5px;
}

.megamenu-item-level-2 > a {
   display: block;
   color: #495057;
   text-decoration: none;
   padding: 5px 0;
   font-size: 0.9em;
}

.megamenu-item-level-2 > a:hover {
   color: var(--project);
}

/* Popis položky */
.menu-item-description {
   display: inline-block;
   margin-left: 5px;
   font-style: italic;
   color: #6c757d;
   font-size: 0.9em;
}

/* Tlačidlo značky */
.megamenu-brands {
   margin-left: auto;
   align-self: center;
   height: 100%;
}

.megamenu-brands a {
   display: inline-block;
   background-color: var(--project-light);
   color: #fff;
   padding: 10px 25px;
   text-decoration: none;
   font-weight: 500;
   transition: background 0.3s;
   height: 100%;
   border-radius: 100px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.megamenu-brands a:hover {
   background-color: var(--project-dark-2);
}

/* Responzívne štýly */
@media (max-width: 991px) {
   .megamenu {
       flex-direction: column;
   }
   
   .megamenu-content {
       position: static;
       box-shadow: none;
       padding: 0 0 0 20px;
   }
   
   .megamenu-content > .sub-menu {
       flex-direction: column;
   }
   
   .megamenu-content > .sub-menu > li {
       flex: 0 0 100%;
       padding: 0;
   }
   
   .megamenu-brands {
       margin: 15px 0;
   }
}

/* MOBILE */
@media (max-width: 991px) {
   #_header_row-186-32 {
       position: absolute;
       top: 0;
       left: 0;
       background-color: rgb(0, 0, 0) !important;
       z-index: 999;
       height: 100vh;
       padding: 0;
   }

}