/* --- Desktop Layout --- */
@media (min-width: 1025px) {
    .eco-header-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .eco-logo-img {
        max-height: 45px;
        width: auto;
    }

    .eco-main-nav-col {
        flex: 1;
        display: flex;
        justify-content: center;
    }

    .main-menu {
        display: flex;
        list-style: none;
        gap: 30px;
        margin: 0;
        padding: 0;
    }

    /* --- HIDE DESKTOP WHITE BOX --- */
    .eco-mobile-toggle {
        display: none !important;
    }

    /* --- GLOBAL MENU & DROPDOWN --- */
    .eco-global-col {
        position: relative;
    }

    .global-menu {
        display: flex;
        list-style: none;
        gap: 15px;
        margin: 0;
        padding: 0;
    }

        .global-menu a {
            color: #ffffff !important;
            font-size: 14px;
            font-weight: 700;
            text-decoration: none;
            text-rendering: optimizeLegibility; /* Fixes blur */
            -webkit-font-smoothing: antialiased;
        }

    .has-global-child {
        position: relative;
        padding-bottom: 10px;
    }

    .global-dropdown {
        position: absolute;
        top: 100%;
        right: 0;
        background: #fff;
        min-width: 160px;
        padding: 10px 0;
        list-style: none;
        box-shadow: 0 8px 20px rgba(0,0,0,0.2);
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        z-index: 1000;
    }

    .has-global-child:hover .global-dropdown {
        opacity: 1;
        visibility: visible;
    }

    .global-dropdown a {
        color: #333 !important;
        padding: 8px 20px;
        display: block;
        font-size: 13px;
    }

    /* --- BRANDS DROPDOWN --- */
    .eco-has-dropdown {
        position: relative;
    }

    .eco-standard-dropdown {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        background: #fff;
        min-width: 180px;
        padding: 15px 0;
        list-style: none;
        box-shadow: 0 10px 25px rgba(0,0,0,0.2);
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        z-index: 999;
    }

    .eco-has-dropdown:hover .eco-standard-dropdown {
        opacity: 1;
        visibility: visible;
    }

    .eco-standard-dropdown a {
        color: #333 !important;
        padding: 10px 20px;
        display: block;
        font-size: 14px;
        text-decoration: none;
    }

    /* --- MEGA MENU --- */
    .eco-has-mega {
        position: static !important;
    }

    .eco-mega-wrapper {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%; /*100vw;*/
        background: #000000BF;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        z-index: 990;
    }

    .eco-has-mega:hover .eco-mega-wrapper {
        opacity: 1;
        visibility: visible;
    }

    .eco-mega-grid {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        padding: 50px 8% !important;
        gap: 30px;
        width: 100% !important;
        box-sizing: border-box;
    }

    /* --- ARROW & HOVER --- */
    .eco-arrow-icon {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 6px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #fff;
        vertical-align: middle;
    }

    .eco-top-link {
        color: #fff !important;
        font-size: 14px;
        font-weight: 600;
        /*text-transform: uppercase;*/
        text-decoration: none;
        padding: 25px 0;
        position: relative;
        display: flex;
        align-items: center;
    }

        .eco-top-link::after {
            content: '';
            position: absolute;
            bottom: 15px;
            left: 0;
            width: 0;
            height: 2px;
            background: #fff;
            transition: width 0.3s ease;
        }

    .eco-nav-item:hover > .eco-top-link::after {
        width: 100%;
    }

    /* LEFT SIDE (TABS) */
    .eco-mega-left {
        width: 25%;
        /**background: #f5f5f5;**/
        padding: 30px 0;
        border-right: 0.5mm solid gray; /* right side only */
    }

    .eco-tab {
        padding: 15px 25px;
        cursor: pointer;
        font-weight: 600;
        color: #fff;
        border-left: 3px solid transparent;
        transition: 0.3s;
    }

        .eco-tab:hover {
            /**background: #eaeaea;**/
        }

        .eco-tab.active {
            /**background: #fff;**/
            border-left: 3px solid #000;
        }

    /* RIGHT SIDE (CONTENT) */
    .eco-mega-right {
        width: 75%;
        padding: 40px;
    }

    /* HIDE ALL */
    .eco-tab-content {
        display: none;
    }

        /* SHOW ACTIVE */
        .eco-tab-content.active {
            display: block;
        }

        /* GRID INSIDE */
        .eco-tab-content ul {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
            list-style: none;
            padding: 0;
        }

        .eco-tab-content li a {
            color: #333;
            text-decoration: none;
            font-size: 14px;
        }

            .eco-tab-content li a:hover {
                color: #000;
            }

    .eco-mega-wrapper {
        display: flex !important;
        align-items: stretch;
    }

    .eco-mobile-nav-wrapper {
        display: none !important;
    }
}

/* for green color in underline */
 @media (min-width: 1025px) {
    .eco-top-link:hover,
    .eco-top-link:focus {
        color: #1F937B !important;
    }

  
    .eco-top-link::after {
        background-color: #1F937B !important;
    }

    .eco-top-link:hover::after {
        background-color: #1F937B !important;
    }
    .eco-top-link:focus::after {
        background-color: #1F937B !important;
    }
    .eco-tab.active {
        /*background: #1F937B;*/
        border-left: 3px solid #000;
        color:#1F937B;
    }
 
 	.eco-standard-dropdown a:hover,
	.eco-standard-dropdown a:focus {
    	color: #1F937B !important;
	}

}
@media (min-width: 1025px) {
    .eco-tab-content li a {
        position: relative; /* required for ::after positioning */
        color: #fff; /* default text color */
        text-decoration: none; /* remove default underline */
    }

    /* Default underline (transparent so it's invisible until hover) */
    .eco-tab-content li a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px; /* adjust spacing below text */
        width: 100%;
        height: 2px; /* thickness of underline */
        background-color: transparent;
        transition: background-color 0.3s ease;
    }

    /* Hover/focus state: text + underline in green */
    .eco-tab-content li a:hover,
    .eco-tab-content li a:focus {
        color: #1F937B;
    }

    .eco-tab-content li a:hover::after,
    .eco-tab-content li a:focus::after {
        background-color: #1F937B !important;
    }
}
/* --- MOBILE --- */
/* =========================================
   MOBILE HEADER (<=1024px)
   ========================================= */
@media (max-width: 1024px) {

    /* FIX ELEMENTOR WIDTH ISSUE */
    /*.elementor-widget,*/
    .elementor-widget-shortcode,
    .elementor-shortcode,
    .main_div_shortcode {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        flex: 0 0 100% !important;
    }

    /* HIDE DESKTOP HEADER */
    .eco-header-wrapper {
        display: none !important;
    }

    /* MOBILE HEADER */
    .eco-mobile-nav-wrapper {
        display: block !important;
        width: 100%;
        padding: 12px 15px;
        /*background: #fff;*/
        position: relative;
        z-index: 9999;
    }

    /* -------------------------------------
       ROW (LEFT - CENTER - RIGHT)
       ------------------------------------- */
    .eco-mobile-row-1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 9999;
    }

    /* -------------------------------------
       CENTER LOGO
       ------------------------------------- */
    .eco-logo-center {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }

    .eco-mob-logo-img {
        max-height: 40px;
        width: auto;
    }

    /* -------------------------------------
       HAMBURGERS (CLICK FIX)
       ------------------------------------- */
    .eco-hamburger-main,
    .eco-hamburger-global {
        cursor: pointer;
        position: relative;
        z-index: 99999;
        pointer-events: auto;
    }

    .eco-hamburger-box {
        width: 26px;
        height: 18px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .eco-hamburger-box span {
            height: 2px;
            width: 100%;
            background: #fff;
            display: block;
        }

    /* -------------------------------------
       DRAWERS
       ------------------------------------- */
    .eco-mobile-drawer {
        position: fixed;
        top: 100;
        width: 75%;
        height: 100%;
        background: #111;
        z-index: 99999;
        padding: 20px;
        overflow-y: auto;
        transition: 0.3s ease;
    }

    /* LEFT MENU */
    .main-drawer {
        left: -100%;
    }

        .main-drawer.active {
            left: 0;
        }

    /* RIGHT MENU */
    .global-drawer {
        right: -100%;
    }

        .global-drawer.active {
            right: 0;
        }

    /* -------------------------------------
       MENU STYLE
       ------------------------------------- */
    .mobile-main-menu,
    .mobile-global-menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .mobile-main-menu li,
        .mobile-global-menu li {
            border-bottom: 1px solid #222;
        }

        .mobile-main-menu a,
        .mobile-global-menu a {
            color: #fff;
            text-decoration: none;
            display: block;
            padding: 14px 0;
            font-size: 15px;
        }

    /* FIRST LEVEL ALWAYS VISIBLE */
    .eco-mobile-drawer > .sub-menu {
        display: block !important;
    }

    /* ONLY CHILD HIDDEN */
    .eco-mobile-drawer .sub-menu .sub-menu {
        display: none;
    }

    /* styling */
    .eco-mobile-drawer .sub-menu {
        padding-left: 15px;
        /*background: #1a1a1a;*/
    }

        .eco-mobile-drawer .sub-menu .sub-menu {
            padding-left: 20px;
            /*background: #222;*/
        }

    .eco-mobile-drawer .has-child > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .eco-mobile-drawer .has-child.open > .sub-menu > li > a {
        font-size: 12px;
        margin-left: 10px !important;
    }

    .eco-mobile-drawer .has-child.open > .sub-menu > .has-child.open > .sub-menu > li > a {
        font-size: 10px;
        margin-left: 20px !important;
    }


    .eco-mobile-drawer a {
        color: #fff;
        display: block;
        padding: 14px 0;
        text-decoration: none;
    }

    .eco-mobile-drawer ul {
        list-style: none !important;
        padding-left: 0 !important;
        margin: 0 !important;
    }

    .arrow {
        width: 6px;
        height: 6px;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotate(-45deg);
        transition: 0.3s ease;
        margin-left: 10px;
    }

    /* rotate when open */
    .has-child.open > a .arrow {
        transform: rotate(45deg);
    }

    .eco-mobile-drawer a {
        background: transparent !important;
        -webkit-tap-highlight-color: transparent;
    }

        .eco-mobile-drawer a:active,
        .eco-mobile-drawer a:focus {
            background: transparent !important;
            outline: none;
        }

    /* Parent link layout */
    .eco-mobile-drawer .has-child > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        /* Left side (text + icon together) */
        .eco-mobile-drawer .has-child > a i {
            margin-left: 6px;
            font-size: 14px;
        }

    /* Wrap text + icon */
    .eco-mobile-drawer .menu-toggle {
        display: flex;
        align-items: center;
        gap: 6px;
    }

        /* Push arrow to right */
        .eco-mobile-drawer .menu-toggle .arrow {
            margin-left: auto;
        }

    /* Arrow style */
    .arrow {
        width: 6px;
        height: 6px;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotate(-45deg);
    }
}