/* Desktop navigation */

/* Buton trigger "Menu" - chenar rotunjit discret */
li.auto-categories > a.woodmart-nav-link {
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 6px;
    padding: 5px 10px !important;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

li.auto-categories > a.woodmart-nav-link:hover {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.6);
}

.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu>li>a{
	font-size: 12px !important;
	padding: 10px 20px !important;
}

.wd-sub-menu.color-scheme-dark, 
.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp > .wd-sub-menu > li > a{
border-radius: 0!important;
}

.wd-dropdown-menu > .sub-sub-menu {
    display: block !important;
    column-count: 5 !important;
    column-gap: 30px !important;
}
.wd-dropdown-menu > .sub-sub-menu > li {
    display: inline-block !important;
    width: 100% !important;
    break-inside: avoid !important;
    vertical-align: top !important;
}

/* Truncheaza textul lung din sidebar-ul de categorii (nivel 1) cu "..." 
   in loc sa treaca pe randul 2 */
.wd-dropdown-menu.wd-design-aside .wd-sub-menu > li > a.woodmart-nav-link {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wd-dropdown-menu.wd-design-aside .wd-sub-menu > li > a.woodmart-nav-link img.wd-nav-img {
    vertical-align: middle;
    margin-right: 10px;
}

/* Panoul general al dropdown-ului */
.wd-dropdown-menu.wd-wp-menu {
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.12) !important;
    padding: 30px 25px !important;
}

/* Separator vertical între coloane */
.wd-dropdown-menu .sub-sub-menu > li.item-level-2 {
    padding: 0 20px !important;
    border-right: 1px solid #eee !important;
}
.wd-dropdown-menu .sub-sub-menu > li.item-level-2:last-child {
    border-right: none !important;
}

/* Titlul coloanei (ex: KLIMATICI) */
.wd-dropdown-menu .item-level-2 > a.woodmart-nav-link {
    color: #035597 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
    border-bottom: 2px solid #035597 !important;
}

/* Linkurile de subcategorii */
.wd-dropdown-menu .item-level-3 > a.woodmart-nav-link, .wd-dropdown-menu .wd-sub-menu .wd-dropdown-menu li.item-level-4>a {
    color: #555 !important;
    font-size: 12px !important;
    padding: 5px 0 !important;
    border-radius: 4px !important;
    transition: all .2s ease !important;
}

.wd-dropdown-menu .item-level-3 > a.woodmart-nav-link:hover {
    color: #035597 !important;
    padding-left: 8px !important;
    background: rgba(3,85,151,0.05) !important;
}

@media only screen and (min-width: 1025px) {

    #sh-menu-scroll-button {
        position: fixed !important;
        z-index: 2147483647 !important;

        top: 0 !important;
        left: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;

        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 2px solid rgba(255, 255, 255, 0.95) !important;
        border-radius: 50% !important;

        background: #0875bd !important;
        color: #fff !important;

        box-shadow:
            0 8px 24px rgba(0, 62, 108, 0.38),
            0 2px 7px rgba(0, 0, 0, 0.22) !important;

        cursor: pointer !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transform: scale(0.86) !important;

        transition:
            opacity 150ms ease,
            visibility 150ms ease,
            transform 150ms ease,
            background-color 150ms ease !important;

        appearance: none !important;
        -webkit-appearance: none !important;
    }

    #sh-menu-scroll-button.is-visible {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: scale(1) !important;
    }

    #sh-menu-scroll-button:hover {
        background: #0563a3 !important;
        transform: scale(1.06) !important;
    }

    #sh-menu-scroll-button svg {
        display: block !important;

        width: 20px !important;
        height: 20px !important;

        margin: 0 !important;
        padding: 0 !important;

        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 2.4 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;

        pointer-events: none !important;
    }

    #sh-menu-scroll-button::before {
        content: "" !important;

        position: absolute !important;
        inset: -4px !important;

        border: 2px solid rgba(8, 117, 189, 0.45) !important;
        border-radius: 50% !important;

        pointer-events: none !important;

        animation: sh-menu-scroll-pulse 1.7s ease-out infinite !important;
    }

    #sh-menu-scroll-button:focus-visible {
        outline: 3px solid rgba(8, 117, 189, 0.3) !important;
        outline-offset: 4px !important;
    }

    @keyframes sh-menu-scroll-pulse {
        0% {
            opacity: 0.75;
            transform: scale(1);
        }

        80%,
        100% {
            opacity: 0;
            transform: scale(1.48);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        #sh-menu-scroll-button::before {
            animation: none !important;
        }
    }
}

@media only screen and (max-width: 1024px) {
    #sh-menu-scroll-button {
        display: none !important;
    }
}