/* ========== 1. 胶囊图标样式（Flex 居中版） ========== */
.widget_circleicon-widget .circle-icon-box .circle-icon {
    width: 45px !important;
    height: 36px !important;
    border-radius: 18px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.widget_circleicon-widget .circle-icon-box .circle-icon [class^="icon-"] {
    font-size: 24px !important;
    line-height: 1 !important;
}

/* ========== 2. 产品标题颜色（精准覆盖所有链接） ========== */
/* 默认颜色：深灰色 #333333 */
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.woocommerce ul.products li.product h2 a,
.woocommerce ul.products li.product h3 a,
.woocommerce ul.products li.product .product-title a,
.woocommerce ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title {
    color: #333333 !important;
}
/* 悬停颜色：品牌橙色 #f47e3c */
.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover,
.woocommerce ul.products li.product h2 a:hover,
.woocommerce ul.products li.product h3 a:hover,
.woocommerce ul.products li.product .product-title a:hover,
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-product__title {
    color: #f47e3c !important;
}

/* ========== 3. Read more 按钮极致紧凑 + 悬停样式 ========== */
.woocommerce ul.products li.product .button,
.woocommerce a.button.product_type_simple {
    font-size: 11px;
    font-weight: normal;
    padding: 2px 6px;
    line-height: 1.2;
    /* 若需要自定义背景色，取消下面注释 */
    /* background-color: #f47e3c; */
    /* color: #ffffff; */
}
.woocommerce a.button.product_type_simple::before {
    font-size: 11px !important;
    margin-right: 3px;
    vertical-align: middle;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button.product_type_simple:hover {
    background-color: #e0671e;
    color: #ffffff;
}

/* 强制在手机上显示桌面菜单并隐藏所有移动菜单元素 */
@media screen and (max-width: 480px) {
    /* 隐藏移动菜单按钮（Vantage 常见类名） */
    .menu-toggle,
    .mobile-nav-trigger,
    .so-mobilenav-mobile {
        display: none !important;
    }
    /* 显示桌面菜单容器 */
    .main-navigation,
    .menu-main-menu-container,
    #site-navigation .menu {
        display: block !important;
    }
}

/* 发送询盘按钮样式 */
/* ========== 询价按钮紧凑优化（缩小字体与内边距，增加底部间距，加深文字颜色） ========== */
.add-to-inquiry-list-btn,
.submit-inquiry-btn {
    font-size: 13px !important;
    padding: 2px 4px !important;
    line-height: 1.2 !important;
    margin: 2px 2px 8px 0 !important;
    color: #111111 !important;        /* 深色文字，比默认更浓，提升清晰度 */
    /* 可选更黑：color: #000000 !important; */
    /* 不覆盖背景、边框等，保留主题默认外观 */
}

/* 加深询盘说明文字的颜色 */
.inquiry-note {
    color: #333333 !important;  /* 或 #222、#111，根据喜好加深 */
}


/* ==========================================
   白色背景 → #6c6c6c
   深色背景（导航栏内 form.searchform）→ #f2f2f2
   最终修复版：白色背景与深色背景分别控制
   原理：使用 body 前缀提高白色背景规则的优先级
   ========================================== */

/* 白色背景搜索框（#panel-139-5-1-4 内部） → #6c6c6c */
#panel-139-5-1-4 #search-form::-webkit-input-placeholder,
#panel-139-5-1-4 #search-form::-moz-placeholder,
#panel-139-5-1-4 #search-form:-ms-input-placeholder,
#panel-139-5-1-4 #search-form::placeholder {
    color: #6c6c6c !important;
    opacity: 1 !important;
}

/* 深色背景搜索框（#search-icon 内部） → #f2f2f2 */
#search-icon #search-form::-webkit-input-placeholder,
#search-icon #search-form::-moz-placeholder,
#search-icon #search-form:-ms-input-placeholder,
#search-icon #search-form::placeholder {
    color: #f2f2f2 !important;
    opacity: 1 !important;
}


/* 作用于包裹轮播图片的容器 消除内边距 */
.sow-slider-image-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 作用于轮播图片下方的段落标签 消除外边距（）*/
.sow-slider-image-wrapper p {
    margin-bottom: 0 !important;
}

/* 强制将轮播图片下方可能的容器背景设为透明 */
.sow-slider-image {
    background-color: transparent !important;
}


/* 所有分类/标签描述区域内的标题强制加粗，并恢复默认边距 */
.term-description h1,
.term-description h2,
.term-description h3,
.term-description h4,
.term-description h5,
.term-description h6,
.term-description strong,
.term-description b {
    font-weight: bold !important;
}

.term-description p,
.term-description ul,
.term-description ol,
.term-description dl {
    margin-bottom: 1em;
    line-height: 1.5;
}

.term-description ul,
.term-description ol {
    padding-left: 2em;
}

/* WooCommerce 产品分类描述的独立容器（如果主题用了不同类名） */
.woocommerce .term-description,
.product-cat-description {
    /* 继承上述样式，无需额外设置 */
}



/* 分类描述容器（根据您实际包裹的类名，下面三个类名足够覆盖） */
.custom-category-description,
.term-description,
.product-cat-description {
    /* 电脑端基础设置 */
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

/* 标题粗体 + 外边距恢复 */
.custom-category-description h1,
.term-description h1,
.product-cat-description h1,
.custom-category-description h2,
.term-description h2,
.product-cat-description h2,
.custom-category-description h3,
.term-description h3,
.product-cat-description h3,
.custom-category-description h4,
.term-description h4,
.product-cat-description h4 {
    font-weight: bold;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    line-height: 1.2;
}

/* 各标题具体字号 */
.custom-category-description h1,
.term-description h1,
.product-cat-description h1 {
    font-size: 22px;
}

.custom-category-description h2,
.term-description h2,
.product-cat-description h2 {
    font-size: 20px;
}

.custom-category-description h3,
.term-description h3,
.product-cat-description h3 {
    font-size: 19px;
}

.custom-category-description h4,
.term-description h4,
.product-cat-description h4 {
    font-size: 18px;
}

/* 手机端适配：正文 18px，标题适当增大但保持像素值 */
@media (max-width: 768px) {
    .custom-category-description,
    .term-description,
    .product-cat-description {
        font-size: 18px;
    }
    
    /* 可选：手机端标题也可微调，保持阅读舒适（仍用 px） */
    .custom-category-description h1,
    .term-description h1,
    .product-cat-description h1 {
        font-size: 24px;  /* 比电脑端稍大，也可保持22px，按需调整 */
    }
    
    .custom-category-description h2,
    .term-description h2,
    .product-cat-description h2 {
        font-size: 22px;
    }
    
    .custom-category-description h3,
    .term-description h3,
    .product-cat-description h3 {
        font-size: 20px;
    }
    
    .custom-category-description h4,
    .term-description h4,
    .product-cat-description h4 {
        font-size: 19px;
    }
}