/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 17 2025 | 06:32:55 */
/* 只针对 app-header 的导航菜单样式 */
.app-header .wp-block-navigation__responsive-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1) !important; /* 半透明黑色背景 */
    z-index: 100000;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.app-header .wp-block-navigation__responsive-container.is-menu-open,
.app-header .wp-block-navigation__responsive-container.has-modal-open {
    display: flex !important;
    opacity: 1;
}
.app-header .wp-block-navigation__responsive-container.is-menu-open {
	padding:0;
}
.app-header .wp-block-navigation__responsive-dialog {
    background: #E9F1F7;
    margin-left: 0;
    width: 50vw; /* 半屏宽度 */
    max-width: 400px;
    min-width: 250px;
    height: 100%;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
}

.app-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog,
.app-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-dialog {
    transform: translateX(0);
}

/* 透明区域样式 */
.app-header .wp-block-navigation__responsive-close {
    flex: 1;
    background: transparent;
    cursor: pointer;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .app-header .wp-block-navigation__responsive-dialog {
        width: 70vw;
        max-width: none;
    }
}

@media (max-width: 480px) {
    .app-header .wp-block-navigation__responsive-dialog {
        width: 70vw;
    }
}
/* 移动端导航菜单样式 */
.app-header .wp-block-navigation__responsive-container {
    background: #f5f5f5;
}

.app-header .wp-block-navigation__responsive-container-content {
    padding: 20px;
}

/* 菜单项基础样式 */
.app-header .wp-block-navigation__container.is-responsive .wp-block-navigation-item {
    /*border-bottom: 1px solid #e0e0e0;*/
    margin-bottom: 10px;
}

.app-header .wp-block-navigation-item__content {
    display: flex !important;
    align-items: center !important;
    padding: 12px 0 !important;
    font-size: 16px !important;
    color: #333 !important;
    text-decoration: none !important;
}

/* 为每个菜单项添加图标 */
.app-header .wp-block-navigation-item__content::before {
    content: "";
    width: 24px;
    height: 24px;
    margin-right: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

/* Shop 图标 */
.app-header .wp-block-navigation-item a[href*="/shop/"]::before {
    background-image: url('/wp-content/uploads/2025/07/shopping-bag@2x.webp');
}

/* Product 图标 */
.app-header .wp-block-navigation-submenu > .wp-block-navigation-item__content::before {
    background-image: url('/wp-content/uploads/2025/07/package@2x.webp');
}

/* Cart 图标 */
.app-header .wp-block-navigation-item a[href*="/cart"]::before {
    background-image: url('/wp-content/uploads/2025/07/shopping-cart@2x.webp');
}

/* Blog 图标 */
.app-header .wp-block-navigation-item a[href*="/blog/"]::before {
    background-image: url('/wp-content/uploads/2025/07/edit@2x.webp');
}

/* About Us 图标 */
.app-header .wp-block-navigation-item a[href*="/about-us/"]::before {
    background-image: url('/wp-content/uploads/2025/07/users@2x.webp');
}

/* Support 图标 */
.app-header .wp-block-navigation-item a[href*="/support"]::before {
    background-image: url('/wp-content/uploads/2025/07/tools-1@2x.webp');
}

/* 子菜单样式 */
.app-header .wp-block-navigation__submenu-container {
    background: #fff !important;
    border-left: 2px solid #131B2380 !important;
    margin-left: 20px !important;
    padding-left: 15px !important;
}

.app-header .wp-block-navigation__submenu-container .wp-block-navigation-item {
    border-bottom: none !important;
    margin-bottom: 5px !important;
}

.app-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 8px 0 !important;
    font-size: 14px !important;
    color: #666 !important;
}

/* 产品子菜单项图标 */
.app-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content::before {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: #e3f2fd;
    margin-right: 12px;
}

/* 为每个产品添加特定图标 */
.app-header .wp-block-navigation__submenu-container a[href*="eggsentry"]::before {
    background-image: url('/wp-content/uploads/2025/07/Rectangle-10@2x.webp');
}

.app-header .wp-block-navigation__submenu-container a[href*="solarflask"]::before {
    background-image: url('/wp-content/uploads/2025/07/Rectangle-11@2x.webp');
}

.app-header .wp-block-navigation__submenu-container a[href*="kolawise"]::before {
    background-image: url('/wp-content/uploads/2025/07/koala@2x.webp');
}

.app-header .wp-block-navigation__submenu-container a[href*="vistaflask"]::before {
    background-image: url('/wp-content/uploads/2025/07/Rectangle-12@2x.webp');
}

.app-header .wp-block-navigation__submenu-container a[href*="mileflask"]::before {
    background-image: url('/wp-content/uploads/2025/07/Rectangle-13@2x.webp');
}

.app-header .wp-block-navigation__submenu-container a[href*="virtavo-outdoor-wired-security-camera"]::before {
    background-image: url('/wp-content/uploads/2025/07/mantis-1@2x.webp');
}
.app-header .wp-block-navigation__submenu-container a.wp-block-navigation-item__content:has(span:contains("MantisWatch"))::before {
	background-image: url('/wp-content/uploads/2025/07/mantis-1@2x.webp');
}

.app-header .wp-block-navigation__submenu-container a[href*="pandavista"]::before {
    background-image: url('/wp-content/uploads/2025/07/Rectangle-14@2x.webp');
}
.app-header .wp-block-navigation__responsive-container-close {
    visibility: hidden;
}
.custom_header_wrapper .app-header .wp-block-navigation__responsive-close {
	max-height:100vh;
	overflow:auto;
}
.custom_header_wrapper .app-header .wp-block-navigation__responsive-dialog {
	padding-top:1rem;
}
.custom_header_wrapper .app-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top:0;
}
.app-header .wp-block-navigation__container.is-responsive {
	gap:0!important;
}
.app-header .wp-block-navigation__container.is-responsive .wp-block-navigation-item {
	margin-bottom:0;
}
.app-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
	padding-top:0px;
}
.app-header #showMModalBtn {
    visibility: hidden;
}
.custom_header_wrapper .app-header .wp-block-navigation__container {
	width:100%;
}
.custom_header_wrapper .app-header .wp-block-navigation__container >li {
	width:100%;
}
.custom_header_wrapper .app-header .wp-block-navigation__container >li.wp-block-navigation-item >a {
	width:100%;
}
.page-id-6950 .tab-btn {
	color:#333!important;
}
.custom_header_wrapper .wp-block-navigation .wp-block-navigation-item__label {
	font-size:18px;
}
.mobile-header .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle,.app-header .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
	margin-top: -16px !important;
	height: 100% !important;
	width: 100% !important;
	border: 1px solid red;
	padding-bottom: 16px !important;
	box-sizing: content-box !important
}
.mobile-header .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
	flex-direction:column;
}
.mobile-header .wc-block-mini-cart__button .wc-block-mini-cart__icon ,.app-header .wc-block-mini-cart__button .wc-block-mini-cart__icon {
	height: 1.8em;
	width: 1.8em;
}
div.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents {
	margin:0;
	padding:0 20px;
}
.mobile-header .wp-block-navigation-submenu__toggle ~ .wp-block-navigation__submenu-container {
    display: none;
}