/* ============================================================================
   everyglow — 前台样式统一资产（产品页侧栏 + 全站微调）
   ----------------------------------------------------------------------------
   资产命名 : eg-product-sidebar       （与本项目其它 eg-* 资产保持一致）
   存放位置 : 当前主题目录  wp-content/themes/<theme>/eg-product-sidebar.css
   加载方式 : 主题 functions.php 中「EG: 产品页侧栏样式」段落（wp_enqueue_scripts）
   适用范围 : www.everyglow.com / es.everyglow.com 两站前台（同一份文件、同一挂载点）
              · A/B/C 段 → 含 Elementor nav-menu 的侧栏，不依赖任何页面 ID / 元素 ID
                 www 10 个产品页（43/47/51/53/84/1196/9552/9886/9891/9925）
                 es   9 个产品页（43/47/51/53/221/1196/2593/2599/2605）
              · D 段     → 全站生效（仅命中 #tr_credit，其余元素不受影响）
   ----------------------------------------------------------------------------
   A 段 导航菜单外观 —— 原站 Astra 自定义 CSS 原文照搬（选择器为全站通用的
        .elementor-nav-menu__container 系）。勿改数值，改了就与原始设计不一致。
   B 段 侧栏标题块 —— 按客户效果图规格统一（#379237 / 30px / 内边距 20px）。
        如需保留各大类页各自的 Elementor 原标题样式，删除 B 段即可。
   C 段 移动端隐藏侧栏列 —— 原设计行为；用 :has() 结构选择器替代原「11 个元素 ID 清单」。
   D 段 全站隐藏 Transposh 版权标识 #tr_credit —— 原设计 CSS 同一条规则，本次补齐。
   ----------------------------------------------------------------------------
   回滚 : 删除本文件 + 删除主题 functions.php 中「EG: 产品页侧栏样式」段落。
   注意 : 本文件不得出现未闭合的 { —— 一旦少一个 } ，其后所有规则会被解析器吞掉
          （es 站原自定义 CSS 正是因为这个原因导致侧栏样式整段失效）。
   ============================================================================ */

/* ==========================================================================
   A 段 · 导航菜单外观（原文照搬，勿改）
   ========================================================================== */
.elementor-nav-menu__container .dropdown-toggle,
.elementor-nav-menu__container .elementor-menu-toggle,
.elementor-nav-menu__container .sub-arrow,
.elementor-nav-menu__container .menu-toggle,
.elementor-nav-menu__container .toggle,
.elementor-nav-menu__container .elementor-nav-menu .dropdown-toggle,
.elementor-nav-menu__container .elementor-nav-menu .sub-arrow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

/* 2. Remove all pseudo-element arrows */
.elementor-nav-menu__container .menu-item-has-children > a::after,
.elementor-nav-menu__container .menu-item-has-children > a::before,
.elementor-nav-menu__container .elementor-item-has-children > .elementor-item::after,
.elementor-nav-menu__container .elementor-item-has-children > .elementor-item::before,
.elementor-nav-menu__container .menu-item-has-children::after,
.elementor-nav-menu__container .menu-item-has-children::before,
.elementor-nav-menu__container .elementor-item-has-children::after,
.elementor-nav-menu__container .elementor-item-has-children::before {
    display: none !important;
    visibility: hidden !important;
    content: '' !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

.elementor-nav-menu__container .fa-chevron-down,
.elementor-nav-menu__container .fa-angle-down,
.elementor-nav-menu__container .fa-caret-down,
.elementor-nav-menu__container .fas.fa-chevron-down,
.elementor-nav-menu__container .fas.fa-angle-down,
.elementor-nav-menu__container .fas.fa-caret-down {
    display: none !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


.elementor-nav-menu__container {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.elementor-nav-menu__container > .menu,
.elementor-nav-menu__container .elementor-nav-menu {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.elementor-nav-menu__container > .menu > .menu-item,
.elementor-nav-menu__container > .menu > li,
.elementor-nav-menu__container .elementor-nav-menu > .menu-item,
.elementor-nav-menu__container .elementor-nav-menu > li {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important; 
    padding: 0 !important;
    float: none !important;
    position: relative !important;
    clear: both !important;
}

.elementor-nav-menu__container > .menu > .menu-item > a,
.elementor-nav-menu__container > .menu > li > a,
.elementor-nav-menu__container .elementor-nav-menu > .menu-item > .elementor-item,
.elementor-nav-menu__container .elementor-nav-menu > li > a {
    display: block !important;
    width: 100% !important;
    padding: 12px 15px !important;
    margin: 0 !important;
    background-color: #99cc00 !important;
    border: 1px solid #88bb00 !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-align: left !important;
    box-sizing: border-box !important;
    position: relative !important;
    line-height: 1.4 !important;
    transition: color 0.3s ease !important;
}

/* 7. Top-level menu hover effect */
.elementor-nav-menu__container > .menu > .menu-item > a:hover,
.elementor-nav-menu__container > .menu > li > a:hover,
.elementor-nav-menu__container .elementor-nav-menu > .menu-item > .elementor-item:hover,
.elementor-nav-menu__container .elementor-nav-menu > li > a:hover {
    color: #000000 !important;
    background-color: #99cc00 !important;
    border-color: #88bb00 !important;
}

.elementor-nav-menu__container > .menu > .current-menu-item > a,
.elementor-nav-menu__container > .menu > .current-menu-ancestor > a,
.elementor-nav-menu__container .elementor-nav-menu > .current-menu-item > .elementor-item,
.elementor-nav-menu__container .elementor-nav-menu > .current-menu-ancestor > .elementor-item {
    background-color: #88bb00 !important;
    color: #ffffff !important;
    border-color: #77aa00 !important;
}


.elementor-nav-menu__container .sub-menu,
.elementor-nav-menu__container ul ul,
.elementor-nav-menu__container .elementor-nav-menu .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    height: auto !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
    margin: 10px 0 10px 0px !important; 
    padding-left: 15px !important;
    border-left: 2px solid #e0e0e0 !important;
    list-style: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    float: none !important;
    clear: both !important;
}

.elementor-nav-menu__container .sub-menu .menu-item,
.elementor-nav-menu__container .sub-menu li {
    display: block !important;
    width: 100% !important;
    margin: 5px 0 !important;
    padding: 0 !important;
    float: none !important;
    position: relative !important;
    clear: both !important;
}
.elementor-nav-menu__container .sub-menu a,
.elementor-nav-menu__container .sub-menu .elementor-item {
    display: block !important;
    width: 100% !important;
    padding: 8px 15px !important;
    margin: 2px 0 !important;
    background-color: #f9f9f9 !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    color: #666 !important;
    text-decoration: none !important;
    text-align: left !important;
    box-sizing: border-box !important;
    border: none !important;
    border-left: 2px solid transparent !important;
    line-height: 1.4 !important;
}

.elementor-nav-menu__container .sub-menu .current-menu-item > a {
    color: #0073aa !important;
    background-color: #f0f8ff !important;
    font-weight: 500 !important;
    border-left-color: #0073aa !important;
}

.elementor-nav-menu__container .sub-menu a:hover,
.elementor-nav-menu__container .sub-menu .elementor-item:hover {
    background-color: #f0f0f0 !important;
    color: #333 !important;
}


.elementor-nav-menu__container .sub-menu .sub-menu {
    margin-left: 20px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-left: 15px !important;
    border-left: 2px solid #d0d0d0 !important;
}

.elementor-nav-menu__container .sub-menu .sub-menu a {
    font-size: 13px !important;
    background-color: #f5f5f5 !important;
    color: #777 !important;
}

.elementor-nav-menu__container [style*="display: none"],
.elementor-nav-menu__container [style*="visibility: hidden"],
.elementor-nav-menu__container [style*="opacity: 0"],
.elementor-nav-menu__container [style*="height: 0"],
.elementor-nav-menu__container [style*="max-height: 0"],
.elementor-nav-menu__container .sub-menu.hidden,
.elementor-nav-menu__container .sub-menu.collapsed,
.elementor-nav-menu__container .sub-menu.closed {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
}


.elementor-nav-menu__container {
    pointer-events: none !important;
}

.elementor-nav-menu__container a {
    pointer-events: auto !important;
    cursor: pointer !important;
}


.elementor-nav-menu__container * {
    transition: none !important;
    animation: none !important;
}

@media (max-width: 767px) {
    .elementor-nav-menu__container > .menu > .menu-item,
    .elementor-nav-menu__container > .menu > li {
        margin-bottom: 8px !important;
    }
    
    .elementor-nav-menu__container .sub-menu {
        margin-left: 15px !important;
        padding-left: 10px !important;
    }
    
    .elementor-nav-menu__container .sub-menu .sub-menu {
        margin-left: 15px !important;
        padding-left: 10px !important;
    }
    
    .elementor-nav-menu__container > .menu > .menu-item > a,
    .elementor-nav-menu__container > .menu > li > a {
        padding: 10px 12px !important;
    }
}


.elementor-nav-menu__container * {
    float: none !important;
}

.elementor-nav-menu__container a,
.elementor-nav-menu__container .elementor-item {
    vertical-align: top !important;
}

.elementor-nav-menu__container [style*="float"],
.elementor-nav-menu__container [style*="display: inline"],
.elementor-nav-menu__container [style*="display: flex"] {
    display: block !important;
    float: none !important;
}

/* ==========================================================================
   B 段 · 侧栏标题块（CATEGORIES / CATEGORÍAS）—— 客户效果图规格
   结构：.e-con:has(> .elementor-widget-nav-menu) 即「含导航菜单的侧栏列」
   ========================================================================== */

/* B1 列内不额外留间距，标题块与首个分组条固定相隔 22px */
.e-con:has(> .elementor-widget-nav-menu) {
	row-gap: 0 !important;
	gap: 0 !important;
}
.e-con:has(> .elementor-widget-nav-menu) > .elementor-widget-heading {
	margin: 0 0 22px 0 !important;
}

/* B2 标题块：绿底反白、内边距 20px（块高 78px） */
.e-con:has(> .elementor-widget-nav-menu) > .elementor-widget-heading > .elementor-widget-container {
	background-color: #379237 !important;
	padding: 20px !important;
	border-radius: 0 !important;
}
.e-con:has(> .elementor-widget-nav-menu) > .elementor-widget-heading .elementor-heading-title {
	color: #ffffff !important;
	font-size: 30px !important;
	font-weight: 700 !important;
	line-height: 38px !important;
	text-transform: uppercase !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* ==========================================================================
   C 段 · 移动端：隐藏侧栏列（原设计行为）
   等价于原「.elementor-element-{f3b7a64,ce76544,12d21e7,...}{display:none}」，
   改用结构选择器后新增页面自动生效，无需再维护 ID 清单。
   ========================================================================== */
@media (max-width: 767px) {
	.e-con:has(> .elementor-widget-nav-menu) {
		display: none !important;
	}
}


/* ==========================================================================
   D 段 · 全站：隐藏 Transposh 插件版权标识（#tr_credit）
   --------------------------------------------------------------------------
   位置 : 右上角头部 widget 区（Astra header-widget-area），多语言选择下拉正下方
   结构 : aside.header-widget-area
            └─ section#transposh-6.widget_transposh
                 ├─ span.no_translate > select[name="lang"]   <- 保留（语言下拉）
                 └─ div#tr_credit  "by <logo>"                <- 本段隐藏
   说明 : 与产品页侧栏无关，属全站微调。原设计自定义 CSS（post 9624 首部）中本就存在
          同一条规则 `#tr_credit{display:none !important;}`，因该 post 未输出而一并失效，
          此处补齐。若日后恢复 post 9624 的输出，本段与之重复但同值，无副作用。
   范围 : 仅 #tr_credit。语言选择下拉、头部导航、其余 widget 均不受影响。
   ========================================================================== */
#tr_credit {
	display: none !important;
}