/*
CTC Separate Stylesheet
Updated: 2026-05-22 02:10:43
*/

/** about us page **/
.ct-custom.elementor-widget-image-box,
.ct-custom .elementor-widget-container {
	height: 100%;
}

.ct-custom .elementor-widget-container {
	overflow: hidden;
}

.ct-custom .elementor-image-box-content {
	padding: 0 30px;
}

/* 调整面包屑整体的上下外边距 */
.ct-breadcrumbs {
    margin-top: 20px !important; 
}

/* 针对“导航菜单”小工具的高亮代码 */
/* 针对新版区块导航和老版小工具的通用高亮 */
/* 1. 确保当前分类页面高亮 */
.wp-block-column ul li.current-cat > a{
    	  color: #FFC107 !important; 
			background:#0A285B;
			padding:4px 10px;
			border-radius:10px;
			margin-top:1px;
}

/* 针对所有分类列表项，包括一级和二级 */
.wp-block-categories-list li a{
    display: flex !important;
    align-items: start;
    position: relative;
    padding:4px 10px;
    line-height: 22px;
    margin-top:1px;
}
.wp-block-categories-list li a:hover{
    	  color: #FFC107 !important; 
			background:#0A285B;
			padding:4px 10px;
			border-radius:10px;
		   margin-top:1px;
}

/* 使用 ::before 将箭头放在文字左边 */
.wp-block-categories-list li a::before{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    /* 绘制向右的箭头形状 */
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
    transform: rotate(45deg) !important;
    /* 间距设置 */
    margin-right: 10px;
	  margin-top: 8px !important;
    flex-shrink: 0;
    /* 确保不重复显示 */
    background-repeat: no-repeat;
}


/* 1. 自动点亮所有带有祖先类名的项（包括 Accessories 和 Hang tag string） */
.header-menu-2 .current-post-ancestor > a,
.header-menu-2 .current-menu-parent > a,
.header-menu-2 .current-post-parent > a, .header-menu-1 .current-post-ancestor > a,
.header-menu-1 .current-menu-parent > a,
.header-menu-1 .current-post-parent > a {
    color: #FFC107 !important;
    --menu-link-color: #FFC107 !important;
}
 
/* 2. 核心补丁：当子菜单里有活跃项时，强行让最顶级的 Products (一级菜单) 变色 */
/* 逻辑：如果 li 里面包含带有 current-post-ancestor 的子元素，那么这个 li 的 a 标签就变色 */
.header-menu-2 li:has(.current-post-ancestor) > a,
.header-menu-2 li:has(.current-menu-parent) > a,
.header-menu-1 li:has(.current-post-ancestor) > a,
.header-menu-1 li:has(.current-menu-parent) > a {
    color: #FFC107 !important;
    --menu-link-color: #FFC107 !important;
}
.header-menu-1 li:has(.current-post-ancestor) > a,
.header-menu-1 li:has(.current-menu-parent) > a {
--menu-item-height: 25%;
    --theme-font-family: Arial;
    --theme-font-weight: 700;
    --theme-text-transform: capitalize;
    --theme-font-size: 16px;
    --theme-line-height: 1.3;
    --theme-link-initial-color: #000000;
    --theme-link-hover-color: #ffffff;
    --menu-item-radius: 15px;
		 background-color:#0A285E;
}


/* 针对 current-post-ancestor 下的 SVG 图标（小箭头） */
.header-menu-2 .current-post-ancestor > a .ct-icon,
.header-menu-2 .current-menu-parent > a .ct-icon,
.header-menu-2 li:has(.current-post-ancestor) > a .ct-icon,
.header-menu-2 li:has(.current-menu-parent) > a .ct-icon,
.header-menu-1 .current-post-ancestor > a .ct-icon,
.header-menu-1 .current-menu-parent > a .ct-icon,
.header-menu-1 li:has(.current-post-ancestor) > a .ct-icon,
.header-menu-1 li:has(.current-menu-parent) > a .ct-icon {
    fill: #FFC107 !important; /* 匹配你的金黄色 */
    color: #FFC107 !important;
    --menu-link-icon-color: #FFC107 !important; /* 覆盖 Blocksy 的图标颜色变量 */
}

/* 彻底清除黑点伪元素 */
.splide__pagination__page::before,
.splide__pagination__page::after {
    display: none !important;
    content: none !important;
}
/* 确保按钮容器是干净的，允许背景图显示 */
.splide__pagination__page {
    width: 70px !important;
    height: 70px !important;
    border-radius: 4px !important; /* 强制方形 */
    border: 2px solid transparent !important;
    background-color: #eee !important; /* 增加强制基础底色 */
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    opacity: 0.7;
    transition: all 0.3s ease;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.splide__pagination__page.is-active {
    opacity: 1 !important;
    border-color: #e53935 !important; /* 你的品牌红 */
}

.kb-splide .splide__pagination, .kb-splide ul.splide__pagination.splide__pagination{
	position: relative !important;
}
ul.kt-blocks-carousel-init li:first-child,ul.kt-blocks-carousel-init li{
	border: 1px solid #000;
	border-radius:20px;
	overflow:hidden;
}
.glightbox-container .gslide-media{
	box-shadow:none;
}
.kb-splide .splide__arrow{
	top:35%;
}
/* 仿照 Kadence 的两列布局 */
.custom-inquiry-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* 让留言框等全宽显示 */
.acf-field[data-name="your_request"], 
.acf-field[data-name="attachment"], 
.acf-field[data-name="phone"], 
.acf-field[data-name="email"], 
.acf-field[data-name="business_organization"]{
    grid-column: span 2;
}

/* 按钮样式仿照 Blocksy/Kadence */
.acf-form-submit .button {
    background-color: var(--theme-palette-color-1); /* 调用主题色 */
    color: #fff;
    padding: 12px 30px;
    border-radius: 15px;
    border: none;
    cursor: pointer;
			margin-bottom:10px
}
/* 页尾间隔 */
.ct-footer{
	margin-top:60px;
	border-top:8px solid #ffc107;
	padding-top:8px;
	background:#bf9716 !important;
}
/* blog文章标题居中 */
.blog-title{
	width:100%;
	text-align:center;
}

/* ==========================================
 * 终极强压：精确定向高亮，彻底剥离文章单页的父类高亮
 * ========================================== */

/* 1. 全局重置：先强制让侧边栏里所有的分类链接都回归最普通的默认样式（不加粗、不变色） */
#sidebar .widget_categories ul li a {
    color: inherit !important;
}
#sidebar .widget_categories ul li a:hover{
	  color:#FFC107 !important; 
}

/* 2. 降维打击：在单篇文章单页（.single），强制把任何带有父级标记（.current-cat-parent）的链接打回原形 */
.single #sidebar .widget_categories li.current-cat-parent > a { 
    color: inherit !important;
    background:#0A285B;
    border-radius:10px;
}
.single #sidebar .widget_categories li.cat-item-46 > a { /* 这里的 46 是你提供的数据里大分类 Blog 的 ID */
    color: inherit !important;
}
.single #sidebar .widget_categories li.cat-item-46 > a:hover{
	  color:#ffffff !important; 
}
/* 3. 精准点亮：只有真正带有 .current-cat 标记的那个直接子分类链接，才允许变色和加粗 */
#sidebar .widget_categories li.current-cat > a {
    color: var(--theme-palette-color-1, #FFC107) !important; /* 你的高亮主色调 */
    background:#0A285B;
    border-radius:10px;
}

@media screen and (min-width: 1025px) {
    
    /* 使用 :has 伪类，意思是：只有当边栏内部包含“blog-category”这个特定的 ACF 分类区块时，整个边栏才固定 */
    #sidebar .ct-sidebar:has(.wp-block-categories-taxonomy-blog-category) {
        position: -webkit-sticky;
        position: sticky;
        top: 10px; 
        align-self: flex-start;
        height: fit-content;
        max-height: calc(100vh - 120px);
        overflow-y: auto;
        z-index: 10;
    }
    
    /* 隐藏内部滚动条 */
    #sidebar .ct-sidebar:has(.wp-block-categories-taxonomy-blog-category)::-webkit-scrollbar {
        width: 0px;
        background: transparent;
    }
	.product_top{
		margin-top:90px !important;
	}
	
}

@media screen and (max-width: 1025px) {
	.clients_bottom > div:nth-last-child(-n+3) {
		margin-top:30px;
}
}