/* =========================================================
   BORET 全站美化样式 —— 冷蓝灰页面背景 + 宝蓝点缀
   部署方式：wp-content/boret-global.css + mu-plugins/boret-global.php 自动加载
   适用产品卡结构：UAEL (Ultimate Addons for Elementor) Woo 产品网格
   ========================================================= */

/* —— 全站页面背景：冷蓝灰 —— */
body {
    background: #EEF2F7 !important;
}

/* —— 全站链接：宝蓝 —— */
a { color: #2563EB; }
a:hover { color: #1D4ED8; }

/* —— Elementor 主按钮统一宝蓝 —— */
.elementor-button,
.elementor-button-link,
.elementor-button-link:hover,
.elementor-button:hover {
    background-color: #2563EB !important;
    color: #fff !important;
}
.elementor-button:hover,
.elementor-button-link:hover {
    background-color: #1D4ED8 !important;
}

/* =========================================================
   UAEL 产品卡片美化（冷蓝灰页 + 白卡浮起 + 宝蓝点缀）
   真实结构：li.product > .uael-woo-product-wrapper
            > .uael-woo-products-thumbnail-wrap (img)
            > .uael-woo-products-summary-wrap (title + 按钮)
   ========================================================= */

/* 卡片本体：白底浮起 */
.uael-woo-product-wrapper {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(16, 24, 40, 0.07);
    transition: transform .3s ease, box-shadow .3s ease;
    height: 100%;
}
.uael-woo-product-wrapper:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 34px rgba(16, 24, 40, 0.16);
}

/* 图片容器：统一高度 + hover 轻微放大 */
.uael-woo-products-thumbnail-wrap {
    overflow: hidden;
    background: #F1F4F8;
    position: relative;
}
.uael-woo-products-thumbnail-wrap img {
    display: block;
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: transform .55s ease;
}
.uael-woo-product-wrapper:hover .uael-woo-products-thumbnail-wrap img {
    transform: scale(1.07);
}

/* 摘要区（标题 + 按钮） */
.uael-woo-products-summary-wrap {
    padding: 16px 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
}

/* 标题：深蓝灰、2 行截断、居中大气 */
.uael-woo-products-summary-wrap .woocommerce-loop-product__title {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #16263A;
    margin: 0;
    line-height: 1.45;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 44px;
}

/* 询价按钮（JS 注入到每张卡底部）：宝蓝渐变全宽 */
.boret-quote-btn {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 11px 16px;
    background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .4px;
    transition: all .3s ease;
    border: none;
    cursor: pointer;
}
.boret-quote-btn:hover {
    background: linear-gradient(135deg, #1D4ED8 0%, #1A3FB8 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);
}

/* 让 UAEL 网格项等高，卡片对齐更整齐 */
.uael-woo-products-grid .uael-woo-product__column-4 > *,
.uael-woo-product-wrapper { height: 100%; }

/* =========================================================
   产品详情页
   ========================================================= */
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
    border-radius: 10px;
    box-shadow: 0 4px 18px rgba(16, 24, 40, 0.1);
}
.woocommerce div.product .contact-btn.quote-btn {
    display: inline-block;
    padding: 14px 34px;
    background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
    color: #fff !important;
    text-decoration: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s ease;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);
}
.woocommerce div.product .contact-btn.quote-btn:hover {
    background: linear-gradient(135deg, #1D4ED8 0%, #1A3FB8 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.4);
}

/* 响应式：平板/手机图片略矮 */
@media (max-width: 768px) {
    .uael-woo-products-thumbnail-wrap img { height: 200px; }
    .uael-woo-products-summary-wrap .woocommerce-loop-product__title { font-size: 13.5px; }
}

/* =========================================================
   导航条样式 —— 仅作用于 header，不动任何产品内容
   目标：
   1) header 半透明深色底 + 白字 + 原版按钮蓝
   2) 主导航项间距合理、hover 浅底
   3) 下拉面板：白底三列网格，分类名下划线，居中
   4) Product 不可点击但 hover 可展开
   5) 右侧 GET A QUOTE 按钮与搜索框不重叠
   ========================================================= */

/* 1. header 最外层：半透明深色背景 */
.elementor-location-header,
.elementor-location-header > .elementor-section-wrap,
.elementor-location-header .elementor-element-5b1f0459,
.elementor-location-header .elementor-element-5b1f0459.elementor-section,
.elementor-location-header .elementor-element-5b1f0459 > .elementor-background-overlay {
	background-color: rgba(14, 22, 36, 0.72) !important;
	background: rgba(14, 22, 36, 0.72) !important;
}
/* 1.0 覆盖 Elementor post-592.css 的 #FFFFFF 背景（更高特异度） */
.elementor-location-header.elementor-592 .elementor-element.elementor-element-5b1f0459:not(.elementor-motion-effects-element-type-background),
.elementor-location-header.elementor-592 .elementor-element.elementor-element-5b1f0459 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: rgba(14, 22, 36, 0.85) !important;
	background: rgba(14, 22, 36, 0.85) !important;
}

/* 1.1 header 容器链必须允许溢出，否则绝对定位的下拉面板会被裁切消失 */
.elementor-location-header,
.elementor-location-header .elementor-element-5b1f0459,
.elementor-location-header .elementor-element-5b1f0459 > .elementor-container,
.elementor-location-header .elementor-element-5b1f0459 .elementor-element-3d631eaf,
#uc_mega_menu_elementor_55fb0a2,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu-wrapper,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_list {
	overflow: visible !important;
}

/* 1.5 header 容器：flex 布局，菜单自适应，右侧按钮/搜索/语言整体右对齐 */
.elementor-location-header .elementor-element-5b1f0459 > .elementor-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: 1320px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    column-gap: 8px !important;
}
/* logo 列：固定最大宽度，防止图片撑爆 */
.elementor-location-header .elementor-element-5b1f0459 .elementor-element-47b56d13 {
    width: auto !important;
    max-width: 170px !important;
    flex: 0 0 auto !important;
}
.elementor-location-header .elementor-element-53b89380 img,
.elementor-location-header .elementor-widget-image img,
.elementor-location-header .elementor-element-47b56d13 img {
    max-height: 52px !important;
    width: auto !important;
    max-width: 100% !important;
}
/* 菜单列：占据剩余空间；overflow 必须 visible，否则会裁切掉绝对定位的下拉面板 */
.elementor-location-header .elementor-element-5b1f0459 .elementor-element-3d631eaf {
	width: auto !important;
	max-width: none !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
	overflow: visible !important;
}
/* 右侧三列：GET A QUOTE / 搜索 / 语言，宽度自适应 */
.elementor-location-header .elementor-element-5b1f0459 .elementor-element-77cc181,
.elementor-location-header .elementor-element-5b1f0459 .elementor-element-f12b642,
.elementor-location-header .elementor-element-5b1f0459 .elementor-element-f5a2f70 {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
}
/* 右侧第一个列（GET A QUOTE）推到最右 */
.elementor-location-header .elementor-element-5b1f0459 .elementor-element-77cc181 {
    margin-left: auto !important;
}

/* 2. 主导航容器：水平排列，垂直居中 */
.elementor-location-header .uc-mega_menu {
    position: relative;
    z-index: 1000;
}
.elementor-location-header .uc-mega_menu_list {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_list > .uc-mega_menu_list_item,
.elementor-location-header .uc-mega_menu_list > .uc-mega_menu_list_item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. 主导航文字：白字，合理内边距 */
.elementor-location-header .uc-mega_menu_title,
.elementor-location-header .uc-mega_menu_list > .uc-mega_menu_list_item > a.uc-mega_menu_title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 11px 9px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    transition: background-color .2s ease, color .2s ease !important;
}
.elementor-location-header .uc-mega_menu_title:hover,
.elementor-location-header .uc-mega_menu_list > .uc-mega_menu_list_item > a.uc-mega_menu_title:hover {
    background-color: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
}

/* 导航箭头/图标变白 */
.elementor-location-header .uc-mega_menu_title i,
.elementor-location-header .uc-mega_menu_title svg,
.elementor-location-header .uc-mega_menu_title .uc-menu-arrow {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 4. 下拉面板：白底三列网格（覆盖 Elementor 内联 !important） */
/* 4.1 让 mega menu 控件本身作为下拉定位上下文，并允许下拉撑开宽度 */
#uc_mega_menu_elementor_55fb0a2 {
    position: relative !important;
    overflow: visible !important;
}
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu-wrapper {
    overflow: visible !important;
}

/* 4.2 下拉面板基础：保持 JS 计算的位置/宽度（data-position-x=item_left, default_full），
   只修改背景、阴影、圆角、内边距，避免与 JS 运行时内联样式冲突导致错位。 */
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section {
    top: 100% !important;
    background: #ffffff !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18) !important;
    padding: 18px 14px !important;
    z-index: 99998 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .2s ease, visibility .2s ease !important;
}
/* 激活/展开态 */
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_list_item.uc-active_item .uc-mega_menu_section,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_list_item:hover .uc-mega_menu_section,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section.uc-active_item {
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: all !important;
}

/* 4.3 下拉内部内容限制最大宽度并居中，避免 full-width 面板里三列被拉得太空 */
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section > .ue-mega-menu-inner-links,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section > * > .ue-mega-menu-inner-links,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section > ul,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section > .uc-mega_menu_list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 4.4 每个分类项：等高分栏、底部/右边细线分隔、文字居中 */
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section .elementor-repeater-item,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section .ue-mega-menu-inner-links > div,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section .uc-mega_menu_list_item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-bottom: 1px solid #E5E7EB !important;
    border-right: 1px solid #E5E7EB !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    min-height: 52px !important;
}
/* 每行最后一列（3 的倍数）不要右边框 */
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section .elementor-repeater-item:nth-child(3n),
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section .ue-mega-menu-inner-links > div:nth-child(3n),
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section .uc-mega_menu_list_item:nth-child(3n) {
    border-right: none !important;
}
/* 最后一行不要底部边框：从后往前最多 3 个 */
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section .elementor-repeater-item:nth-last-child(-n+3),
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section .ue-mega-menu-inner-links > div:nth-last-child(-n+3),
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section .uc-mega_menu_list_item:nth-last-child(-n+3) {
    border-bottom: none !important;
}

/* 4.5 下拉分类链接：深色字、居中、hover 浅蓝底+蓝字 */
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section .ue-link-item,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section .elementor-repeater-item a,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section > * a,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #16263A !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 13px 6px !important;
    width: 100% !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: background-color .2s ease, color .2s ease !important;
    white-space: normal !important;
}
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section .ue-link-item:hover,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section .elementor-repeater-item a:hover,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section > * a:hover,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section a:hover {
    background-color: #F3F6FB !important;
    color: #046bd2 !important;
}
/* 覆盖 inner links 控件自带的 width:100%，避免文字被拉太宽 */
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section .ue-title,
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section .ue-text {
    width: auto !important;
    text-align: center !important;
}

/* 4.6 关闭 Elementor 自带的整页变暗遮罩 */
#uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section-cover,
#uc_mega_menu_elementor_55fb0a2 .uc_mega_menu_overlay {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 5. 搜索框与按钮区域不重叠（兼容 Elementor 搜索与 WooCommerce 产品搜索） */
.elementor-location-header .search-form,
.elementor-location-header form[role="search"],
.elementor-location-header .woocommerce-product-search,
.elementor-location-header .elementor-search-form {
    display: flex !important;
    align-items: center !important;
    min-width: 140px !important;
    max-width: 210px !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}
.elementor-location-header .search-form .search-field,
.elementor-location-header form[role="search"] input[type="search"],
.elementor-location-header .woocommerce-product-search input[type="search"],
.elementor-location-header .elementor-search-form__input,
.elementor-location-header input[type="search"].elementor-search-form__input {
    flex: 1 1 auto !important;
    min-width: 70px !important;
    width: 100% !important;
    color: #333333 !important;
    background: #ffffff !important;
    border: 1px solid #D1D5DB !important;
    border-radius: 4px 0 0 4px !important;
    padding: 9px 12px !important;
    font-size: 14px !important;
    height: auto !important;
    box-sizing: border-box !important;
}
.elementor-location-header .search-form .search-field::placeholder,
.elementor-location-header form[role="search"] input::placeholder,
.elementor-location-header .elementor-search-form__input::placeholder {
    color: #9CA3AF !important;
}
.elementor-location-header .search-form .search-submit,
.elementor-location-header form[role="search"] button[type="submit"],
.elementor-location-header .woocommerce-product-search button[type="submit"],
.elementor-location-header .elementor-search-form__submit,
.elementor-location-header .elementor-search-form .elementor-button,
.elementor-location-header .elementor-search-form button {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    border-radius: 0 4px 4px 0 !important;
    padding: 9px 16px !important;
    font-size: 14px !important;
    min-width: 64px !important;
}

/* 6. 头部 GET A QUOTE 按钮恢复原版蓝，不重叠 */
.elementor-location-header .elementor-button,
.elementor-location-header .elementor-button-link,
.elementor-location-header .elementor-button:hover,
.elementor-location-header .elementor-button-link:hover {
    background-color: #046bd2 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    min-width: fit-content !important;
    border-radius: 25px !important;
    padding: 9px 18px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* 7. 移动端汉堡菜单变白 */
.elementor-location-header .uc-mega_menu-burger,
.elementor-location-header .uc-mega_menu-burger-icon {
    color: #ffffff !important;
}

/* 8. 响应式：窄屏下下拉宽度适配 */
@media (max-width: 900px) {
    #uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section {
        padding: 14px 10px !important;
    }
    #uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section > .ue-mega-menu-inner-links,
    #uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section > * > .ue-mega-menu-inner-links,
    #uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section > ul,
    #uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section > .uc-mega_menu_list {
        max-width: 100% !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    #uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section > .ue-mega-menu-inner-links,
    #uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section > * > .ue-mega-menu-inner-links,
    #uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section > ul,
    #uc_mega_menu_elementor_55fb0a2 .uc-mega_menu_section > .uc-mega_menu_list {
        grid-template-columns: 1fr !important;
    }
    .elementor-location-header .search-form,
    .elementor-location-header form[role="search"],
    .elementor-location-header .woocommerce-product-search,
    .elementor-location-header .elementor-search-form {
        min-width: 140px !important;
    }
}

/* =========================================================
   首页产品分类图：显示完整，不裁剪顶部 BORET 水印
   ========================================================= */

/* 分类图容器允许撑开，取消固定高度的过度裁剪 */
.uc_content_box_zoom_effect_image {
    height: auto !important;
    min-height: 260px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #F1F4F8 !important;
}

/* 图片完整显示，不裁切 */
.uc_content_box_zoom_effect_image .uc_image,
.uc_content_box_zoom_effect_image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    max-height: 320px !important;
}

/* hover 放大效果保留但不溢出裁剪 */
.uc_content_box_zoom_effect:hover .uc_image,
.uc_content_box_zoom_effect:hover img {
    transform: scale(calc(1 + 12 / 100)) !important;
}

/* 响应式 */
@media (max-width: 768px) {
    .uc_content_box_zoom_effect_image {
        min-height: 200px !important;
    }
    .uc_content_box_zoom_effect_image .uc_image,
    .uc_content_box_zoom_effect_image img {
        max-height: 240px !important;
    }
}
\n/* 首页 hero banner 滑动图：取消整图可点击跳转\n   (UE Content Slider 的透明 CTA 按钮 uc_fbps_cta 铺满整张图导致点哪都跳 /products/) */\n#uc_content_slider_new_elementor_75462ec .uc_fbps_cta,\n#uc_content_slider_new_elementor_75462ec a.uc_fbps_cta {\n    pointer-events: none !important;\n    cursor: default !important;\n}\n