/* Generic styles */

#wpverticalmenu.megamenu .vertical-menu .vertical-menu a[data-depth="1"],
#wpverticalmenu.megamenu .vertical-menu .vertical-menu a[data-depth="2"] {
    background: transparent;
    border-bottom: none;
    padding-left: 15px;
}
#wpverticalmenu.megamenu .vertical-menu .vertical-menu a[data-depth="1"]:hover,
#wpverticalmenu.megamenu .vertical-menu .vertical-menu a[data-depth="2"]:hover {
    -webkit-transition: all 0.3s ease !important;
    -webkit-transition-delay: 0s !important;
    -moz-transition: all 0.3s ease 0s !important;
    -o-transition: all 0.3s ease 0s !important;
    transition: all 0.3s ease 0s !important;
}
#wpverticalmenu.megamenu .vertical-menu .vertical-menu .collapse {
    display: inherit;
}
#wpverticalmenu.megamenu .vertical-menu .vertical-menu .sub-menu,
#wpverticalmenu.dropdown .vertical-menu .vertical-menu .sub-menu {
    border: 1px solid #ddd;
    margin-left: 0px;
    min-width: 815px;
    width: 100%;
    z-index: 10000;
    border-radius: 0;
    display: none;
    top: 0 !important;
    left: 100%;
    background: #fff;
    padding: 15px 20px 30px 20px;
}
#wpverticalmenu.megamenu .vertical-menu .vertical-menu .sub-menu.collapse {
    display: none;
}
#wpverticalmenu.megamenu .vertical-menu .vertical-menu .sub-menu ul[data-depth="1"] > li {
    float: left;
    margin: 0;
}
#wpverticalmenu.megamenu .vertical-menu .vertical-menu .popover {
    max-width: inherit;
}
#wpverticalmenu.megamenu .vertical-menu .vertical-menu a.dropdown-submenu {
    font-weight: 700;
    font-size: 16px;
}
#wpverticalmenu.megamenu .vertical-menu .vertical-menu .sub-menu a {
    white-space: normal;
    color: #000;
}

#wpverticalmenu.megamenu .vertical-menu .vertical-menu a[data-depth="0"] {
}

#wpverticalmenu.megamenu .vertical-menu .vertical-menu a[data-depth="0"]:hover,
#wpverticalmenu.megamenu .vertical-menu .vertical-menu .sub-menu a:hover {
    text-decoration: none;
}

#wpverticalmenu.megamenu .vertical-menu .vertical-menu .sub-menu ul[data-depth="1"] > li {
    float: left;
    width: 33%;
    margin-bottom: 15px;
}

#wpverticalmenu.megamenu #_desktop_vertical_menu a[data-depth="1"] {
    height: auto;
}

#wpverticalmenu.megamenu .vertical-menu .vertical-menu .menu-images-container img {
    max-width: 100%;
    padding-left: 15px;
}

#wpverticalmenu.megamenu .vertical-menu a[data-depth="2"] {
    padding-bottom: 0;
    padding-top: 3px;
}

#wpverticalmenu.megamenu .vertical-menu .vertical-menu a[data-depth="0"].submenu:before {
    font-family: 'Material Icons';
    content: "\e315";
    font-size: 18px;
    line-height: 27px;
    position: absolute;
    right: 12px;
    top: 11px;
    vertical-align: 5px;
    padding-left: 4px;
}


/* Theme specific styles */

#wpverticalmenu.megamenu,
#wpverticalmenu.dropdown {
    width: 100%;
    margin-bottom: 2rem;
    z-index: 999;
    overflow: visible;
}

#wpverticalmenu.megamenu #vertical-menu,
#wpverticalmenu.dropdown #vertical-menu {
    overflow: visible;
    border: 1px solid #ddd;
    border-top: none;
    background: #fff;
    width: 100%;
    margin: 0;
}

#wpverticalmenu.megamenu ul.vertical-menu,
#wpverticalmenu.dropdown ul.vertical-menu {
    overflow: visible;
}

#wpverticalmenu.megamenu i.material-icons {
    margin-right: 5px;
    vertical-align: -6px;
}

#wpverticalmenu.megamenu #vertical-menu > li,
#wpverticalmenu.dropdown #vertical-menu > li {
    position: relative;
}

#wpverticalmenu.megamenu .vertical-menu li:last-child a,
#wpverticalmenu.dropdown .vertical-menu li:last-child a {
    border-bottom: none;
}

#wpverticalmenu.megamenu .vertical-menu > .vertical-menu > li > a,
#wpverticalmenu.dropdown .vertical-menu > .vertical-menu > li > a {
    padding: 15px 20px;
    width: auto;
    margin: 0;
    white-space: normal;
}

#wpverticalmenu.megamenu .vertical-menu > .vertical-menu > li > a:after,
#wpverticalmenu.dropdown .vertical-menu > .vertical-menu > li > a:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0;
    height: 1px;
    width: calc(100% - 30px);
    border-bottom: 1px solid #ddd;
}

/* delete border of last item */
#wpverticalmenu.megamenu .vertical-menu > .vertical-menu > li:last-child > a:after,
#wpverticalmenu.dropdown .vertical-menu > .vertical-menu > li:last-child > a:after {
    border-bottom: 0;
}

#wpverticalmenu.megamenu .vertical-menu > .vertical-menu > li:hover > a:after,
#wpverticalmenu.dropdown .vertical-menu > .vertical-menu > li:hover > a:after {
    border-color: #e6122f;
}

/* reset margin from theme */
#wpverticalmenu.megamenu #_desktop_vertical_menu .vertical-menu a[data-depth="0"].submenu,
#wpverticalmenu.dropdown #_desktop_vertical_menu .vertical-menu a[data-depth="0"].submenu {
    margin-right: 0px;
}

#wpverticalmenu #_desktop_vertical_menu .vertical-menu a[data-depth="0"] {
    font-weight: 700;
}

#wpverticalmenu.megamenu ul[data-depth="1"] {
    display: flex;
    flex-flow: wrap;
}

#wpverticalmenu.megamenu .vertical-menu > .vertical-menu > li:hover,
#wpverticalmenu.dropdown .vertical-menu > .vertical-menu > li:hover {
    background-color: #e6122f;
}

#wpverticalmenu.tree .vertical-menu > .vertical-menu > li:hover > a,
#wpverticalmenu.megamenu .vertical-menu > .vertical-menu > li:hover > a,
#wpverticalmenu.dropdown .vertical-menu > .vertical-menu > li:hover > a {
    padding-left: 25px;
    -webkit-transition: padding 0.3s ease;
    -webkit-transition-delay: 0s;
    -moz-transition: padding 0.3s ease 0s;
    -o-transition: padding 0.3s ease 0s;
    transition: padding 0.3s ease 0s;
}

#wpverticalmenu.megamenu a.wpverticalmenu-img-link,
#wpverticalmenu.dropdown a.wpverticalmenu-img-link {
    padding: 0;
}

/* Shared across all modes */
#wpverticalmenu .block-title {
}
#wpverticalmenu .menu-title {
    background: #c0392b;
    padding: 15px;
    color: #fff;
    margin-bottom: 0;
}
.header-after.container {
    margin-top: -5px;
    padding-left: 4px;
}


/* ========================================
   Tree mode styles
   ======================================== */

#wpverticalmenu.tree {
    width: 100%;
    margin-bottom: 2rem;
    z-index: 999;
}

#wpverticalmenu.tree #vertical-menu {
    border: 1px solid #ddd;
    border-top: none;
    background: #fff;
    width: 100%;
    margin: 0;
}

#wpverticalmenu.tree i.material-icons {
    margin-right: 5px;
    vertical-align: -6px;
}

/* Each li is a flex container: <a> + toggle on one line, sub-menu wraps to full-width next line */
#wpverticalmenu.tree #vertical-menu li {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative;
}

/* Link takes all available space in the row */
#wpverticalmenu.tree #vertical-menu li > a.dropdown-item {
    flex: 1;
    min-width: 0;
    padding: 10px 8px 10px 20px;
    white-space: normal;
}

#wpverticalmenu.tree #vertical-menu  ul.vertical-menu[data-depth="1"] li > a.dropdown-item {
    padding: 5px 8px 5px 20px;
}
#wpverticalmenu.tree #vertical-menu  ul.vertical-menu[data-depth="1"] li:last-of-type > a.dropdown-item {
    padding-bottom: 15px;
}

/* Depth-0 links get more top/bottom padding */
#wpverticalmenu.tree #vertical-menu > li > a.dropdown-item {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Sub-menu spans the full width → wraps to next line */
#wpverticalmenu.tree .sub-menu {
    flex-basis: 100%;
    width: 100%;
}

/* Separator between top-level items */
#wpverticalmenu.tree .vertical-menu > .vertical-menu > li {
    border-bottom: 1px solid #ddd;
}
#wpverticalmenu.tree .vertical-menu > .vertical-menu > li:last-child {
    border-bottom: none;
}

/* Bootstrap collapse works normally — sub-menus hidden by default */
#wpverticalmenu.tree .vertical-menu .vertical-menu .collapse {
    display: none;
}
#wpverticalmenu.tree .vertical-menu .vertical-menu .collapse.show {
    display: block;
}

/* Prevent hover from opening sub-menu */
#wpverticalmenu.tree .vertical-menu .vertical-menu .sub-menu {
    display: none;
    position: static;
    left: auto;
    top: auto;
    min-width: 0;
    border: none;
    padding: 0;
}
#wpverticalmenu.tree .vertical-menu .vertical-menu .sub-menu.show {
    display: block;
}

/* Nested sub-menu indentation */
#wpverticalmenu.tree .vertical-menu .sub-menu {
    padding-left: 12px;
}

/* Toggle button (+/-) — flex sibling of <a>, stays in the same row */
#wpverticalmenu.tree .tree-toggle {
    flex-shrink: 0;
    align-self: center;
    cursor: pointer;
    background: none;
    border: none;
    padding: 4px 8px;
    line-height: 1;
    color: inherit;
}
#wpverticalmenu.tree .tree-toggle .material-icons {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 9px;
}

/* Show add icon when collapsed, remove icon when expanded */
#wpverticalmenu.tree .tree-toggle .material-icons.remove {
    display: none;
}
#wpverticalmenu.tree .tree-toggle .material-icons.add {
    display: inline;
}
#wpverticalmenu.tree .tree-toggle:not(.collapsed) .material-icons.remove {
    display: inline;
}
#wpverticalmenu.tree .tree-toggle:not(.collapsed) .material-icons.add {
    display: none;
}

/* Current page link */
#wpverticalmenu.tree a.tree-current {
    text-decoration: underline;
    font-weight: 700;
}

/* Hide category thumbnails in tree mode */
#wpverticalmenu.tree .category-thumbnail {
    display: none;
}


@media (min-width: 1199px) {

/* opraví zarovnání a výšku když jsou vypnuté obrázky první úrovně */
#wpverticalmenu.megamenu .vertical-menu > .vertical-menu > li.cat-thumb > a[data-depth="0"] {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 46px;    
}

/* opraví čáru mezi kategoriemi první úrovně */
#wpverticalmenu.megamenu .vertical-menu > .vertical-menu > li.cat-thumb > a[data-depth="0"]:after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 1px;
    display: block;
    border-bottom: 1px solid #e5e5e5;
}

}

/* kryje obrázky v menu na mobilu */
#_mobile_vertical_menu img.category-thumbnail-main {
    display: none;
}