/*
Theme Name: Ultimate 2025
Template: twentytwentyfive
Author: JIAHUI
Version: 1.0.0
Description: A customized theme of Twenty Twenty Five.
*/

/* Customized style here */
/* -------------------------------
   全局内容宽度设置（响应式）
---------------------------------*/
:root {
    /* 普通内容宽度 */
    --wp--style--global--content-size: clamp(1080px, 90%, 1280px);
    /* 宽版区块宽度 */
    --wp--style--global--wide-size: clamp(1280px, 95%, 1600px);
}

header.wp-block-template-part {
    width: 100%;
}

/* Header 内部内容区域宽度与正文一致 */
header.wp-block-template-part > .wp-block-group {
    max-width: var(--wp--style--global--content-size);
    width: 100%;
    margin: 0 auto; /* 居中 */
}


/* 让装有 Slider 的受限容器，遇到它时不要裁剪 */
.wp-site-blocks .is-layout-constrained:has(> .wp-block-cb-carousel-v2.cb-carousel-block.cb-single-slide) {
    overflow: visible !important;          /* 防止被裁剪 */
    padding-left: 0;                       /* 可选：去掉两侧内边距，避免出现白边 */
    padding-right: 0;
}

/* 让 Slider 自己撑满视口，并从容器中“居中外扩” */
.wp-site-blocks .is-layout-constrained > .wp-block-cb-carousel-v2.cb-carousel-block.cb-single-slide {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;   /* 居中补偿 */
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden;                            /* 防止移动端产生横向滚动条 */
}


/**
.home-banner-full-width {
    width: 100vw !important;  
    max-width: 100% !important; 
    margin-left: 0 !important; 
    margin-right: 0 !important; 
    box-sizing: border-box !important; 
}
*
*/

/* 通用全屏类：在块编辑器里加 class="jiahui-fullwidth-block" 即可全屏 */
.jiahui-fullwidth-block {
    width: 100vw !important;                 /* 占满视口宽度 */
    max-width: 100vw !important;              /* 取消主题宽度限制 */
    margin-left: calc(50% - 50vw) !important; /* 居中补偿 */
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden;                         /* 防止移动端出现横向滚动条 */
}
/*
 * 产品分类侧边栏样式
 * */
/*
ul.product-categories {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.product-categories li {
    margin: 0 0 20px 0; /* 调整每行间距，可选 */
}
 */

/* 移除超链接下划线 */
/* 移除所有超链接的下划线 */
a {
    text-decoration: none !important;
}

/* 去除焦点时的下划线 */
/* 移除所有超链接的下划线 */
a {
    text-decoration: none !important;
}

/* 去除焦点时的下划线 */
a:focus {
    text-decoration: none !important;
}

/* 鼠标悬停时，文字颜色变为 #F39800 */
a:hover {
    color: #F39800 !important;
}

/* 链接被点击后的样式（:active） */
a:active {
    color: #F39800 !important;
}

/*
*侧边栏样式
*/
/* 点击链接时背景色变为灰色 */
.sidebarjiahui a:active {
    background-color: #D3D3D3; /* 你可以调整这个颜色 */
}

/* 鼠标悬停时，背景色变灰 */
.sidebarjiahui a:hover {
    background-color: #D3D3D3;
}

/* 当前页面链接的样式 */
.current-page-link {
    background-color: #D3D3D3;  /* 设置背景色为灰色 */
}

/* CF7 Submit 按钮居中并放大 */
.wpcf7 form {
    text-align: center; /* 表单内部内容居中 */
}

.wpcf7-submit {
    background-color: #f39800;   /* 按钮背景色，可修改 */
    color: #ffffff;              /* 按钮文字颜色 */
    border: none;                /* 去掉边框 */
    padding: 10px 20px;          /* 放大按钮尺寸，可根据需要调整 */
    border-radius: 8px;          /* 圆角 */
    font-size: 18px;             /* 字体变大 */
    cursor: pointer;             /* 鼠标手型 */
    transition: background-color 0.3s ease;
}

.wpcf7-submit:hover {
    background-color: #e07c00;   /* 悬停效果 */
}
/* 统一 CF7 单行文本框宽度并设置高度 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    width: 100%;            /* 占满父元素宽度，也可改成具体像素 */
    box-sizing: border-box;  /* 包含 padding 和 border 在宽度内 */
    height: 30px;           /* 设置单行文本框高度，可根据需要调整 */
}

/* 设置 CF7 多行文本框宽度和高度 */
.wpcf7 textarea {
    width: 100%;            /* 占满父元素宽度 */
    box-sizing: border-box;  /* 包含 padding 和 border 在宽度内 */
    height: 80px;           /* 设置多行文本框高度，可根据需要调整 */
    resize: vertical;        /* 允许用户上下拉伸高度，可改为 'none' 禁止拉伸 */
}

/* 首页文字悬停效果 */

/* 默认的p标签样式 */
.home-product-text {
    color: black;                /* 默认文字颜色 */
    background-color: white;     /* 默认背景色 */
}

/* 针对a标签的默认样式 */
.home-product-text a {
    color: inherit;              /* 继承父元素文字颜色 */
    text-decoration: none;       /* 去掉超链接的下划线 */
}

/* 鼠标悬停时，p标签的背景色变化 */
.home-product-text:hover {
    color: white;                /* 悬停时文字变白 */
    background-color: #f39800;   /* 悬停时背景色变橙 */
}

/* 鼠标悬停时，a标签的颜色和背景色变化 */
.home-product-text a:hover {
    color: white !important;     /* 强制悬停时文字变白 */
    background-color: #f39800 !important; /* 强制背景色为橙色 */
}

/* -----------------------
   子菜单默认样式
-------------------------*/
.wp-block-navigation-item .wp-block-navigation-link {
    display: block;
    position: relative;
    background-color: orange;  /* 默认背景色 */
    padding: 8px 15px;
    text-decoration: none;
    color: white; /* 默认文字颜色 */
    transition: background-color 0.3s, color 0.3s;  /* 背景和文字颜色变化 */
}

/* 子菜单链接文字 */
.wp-block-navigation-item .wp-block-navigation-link .wp-block-navigation-item__label {
    display: inline-block;
    white-space: nowrap;
    width: auto;               /* 宽度自适应文字 */
    max-width: 250px;          /* 最大宽度 */
    overflow: hidden;
    text-overflow: ellipsis;   /* 超长文字显示省略号 */
}

/* -----------------------
   子菜单悬停时，背景色变为#3095fb，文字保持白色
-------------------------*/
.wp-block-navigation-item .wp-block-navigation-link:hover {
    background-color: #3095fb; /* 悬停时背景色 */
}

.wp-block-navigation-item .wp-block-navigation-link:hover .wp-block-navigation-item__label {
    color: white; /* 悬停时保持文字颜色白色 */
}

/* -----------------------
   当前页面高亮
-------------------------*/
.wp-block-navigation-item.current-menu-item > .wp-block-navigation-link {
    background-color: rgba(0, 160, 233, 1); /* 当前页面背景色 */
    color: white; /* 当前页面文字颜色 */
}

/* -----------------------
   智能自适应宽度
-------------------------*/
/* 子菜单项 */
.wp-block-navigation-item .wp-block-navigation-link {
    width: auto; /* 宽度自动适应文字 */
    min-width: 160px; /* 最小宽度 */
}

/* 响应式兼容：移动端全屏宽度 */
@media (max-width: 768px) {
    .wp-block-navigation-item .wp-block-navigation-link {
        width: 100%;
    }

    .wp-block-navigation-item .wp-block-navigation-link .wp-block-navigation-item__label {
        width: 100%; /* 保证文字占满整个宽度 */
    }
}

/*首页文字划出*/
/* Cover元素的文字和横线容器 */
.wp-block-cover .home-huachu {
    position: relative;
    display: block;
    width: 100%; /* 容器宽度100% */
    overflow: hidden; /* 隐藏超出的文字 */
}

/* 初始文字设置：透明并且位于右侧 */
.wp-block-cover .home-huachu h2 {
    position: absolute; /* 使用绝对定位 */
    top: 50%; /* 垂直居中 */
    left: 100%; /* 初始文字完全移出视野右侧 */
    transform: translateY(-50%) translateX(100%); /* 保证文字垂直居中并完全位于右侧 */
    color: white; /* 文字颜色设置为白色 */
    opacity: 0; /* 初始文字不可见 */
    transition: transform 0.6s ease, opacity 0.6s ease; /* 设置平滑过渡 */
}

/* 文字的超链接样式 */
.wp-block-cover .home-huachu h2 a {
    color: white; /* 设置超链接的文字颜色 */
    text-decoration: none; /* 移除超链接下划线 */
}

/* 创建横线并设置初始位置为隐藏 */
.wp-block-cover .home-huachu::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: white; /* 横线颜色为白色 */
    transform: translateX(-100%); /* 初始横线从左侧隐藏 */
    transition: transform 0.6s ease; /* 横线滑出效果 */
}

/* 鼠标悬停时：文字从右侧滑出，横线从左侧滑出 */
.wp-block-cover:hover .home-huachu h2 {
    opacity: 1; /* 鼠标悬停时文字变为可见 */
    transform: translateY(-50%) translateX(0); /* 文字从右侧滑入并保持居中 */
}

.wp-block-cover:hover .home-huachu::before {
    transform: translateX(0); /* 横线从左侧滑出 */
}

main {
	margin-top:0px !important;
}