/**
 * OnePress Theme - Footer Styles
 * 与 <footer class="site-footer"> 及其子元素相关的所有CSS属性
 */

/*--------------------------------------------------------------
# 1. 基础清除浮动 (Clearings)
--------------------------------------------------------------*/
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    clear: both;
}

/*--------------------------------------------------------------
# 2. 页脚主样式 (Site Footer)
--------------------------------------------------------------*/
.site-footer {
    background: #ffffff;        /* 深灰色背景 */
    color: #bbbbbb;             /* 浅灰色文字 */
    font-size: 14px;            /* 字体大小 */
	padding-top: 90px;
}
footer.product-catalog-footer {
    padding-top: 0px !important;
}
.site-footer a {
    color: #03c4eb;             /* 链接颜色（亮蓝色/青色） */
}

/*--------------------------------------------------------------
# 3. 页脚信息区 (Site Info)
--------------------------------------------------------------*/
.site-footer .site-info {
    position: relative;          /* 为内部的绝对定位元素（.btt）提供参考 */
    text-align: center;          /* 文字居中 */
    padding: 35px 0px;           /* 上下内边距35px，左右0 */
    background: #222222;         /* 比页脚主背景更深的灰色 */
    font-weight: 500;            /* 字重 */
    color: #bbbbbb;              /* 文字颜色 */
}

.site-footer .site-info a {
    color: #dddddd;              /* .site-info 内的链接颜色（浅灰色） */
}

.site-footer .site-info a:hover {
    text-decoration: underline;  /* 悬停时出现下划线 */
}

.site-footer .site-info .container {
    position: initial;           /* 重置容器的定位方式为默认 */
}

/*--------------------------------------------------------------
# 4. 回到顶部按钮 (Back to Top Button)
--------------------------------------------------------------*/


.site-footer .btt a {
    /* 形状与定位 */
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 60px;
    top: -25px;
    margin: auto;
    z-index: 99;
    
    /* 外观 */
    background: #222222;
    color: #999999;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    
    /* 圆角与旋转 */
    border-radius: 0px 20px 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    
    /* 过渡效果 */
    transition: all 0.2s linear 0s;
}

.site-footer .btt a:hover {
    color: #03c4eb;              /* 悬停时图标变为亮蓝色 */
}

.site-footer .btt a i {
    /* 内部图标旋转45度，抵消父级的旋转，使图标保持正向 */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 3px;            /* 向左微调位置 */
}

/* 回到顶部按钮 - 响应式样式（小屏幕） */
@media screen and (max-width: 940px) {
    .site-footer .btt a {
        right: 0;                  /* 取消右侧定位 */
        left: 0;                   /* 设置为左右都为0，配合 margin: auto 实现水平居中 */
    }
}

/*--------------------------------------------------------------
# 5. 相关全局样式 (可能影响页脚)
--------------------------------------------------------------*/
/* 内容区与页脚的边框分隔 */
.site-content {
    border-top: 1px solid #e9e9e9;
    margin-top: -1px;
}

/* 无限滚动相关（特定条件下显示页脚） */
.infinity-end.neverending .site-footer {
    display: block;
}







/* 留言板样式 */


/* 简洁直角表单样式 - 适配黑色背景 */
/* 目标：输入框有轻微区分度，保持直角和#006569按钮，间距紧凑 */

:root {
    --cf7-primary: #006569;      /* 主色调：指定的蓝绿色 */
    --cf7-text: #ffffff;          /* 主要文字颜色：纯白 */
    --cf7-label: #cccccc;         /* 标签文字颜色：浅灰 */
    --cf7-placeholder: #888888;   /* 占位符文字颜色：中灰色 */
    --cf7-border: #444444;        /* 边框色：中深灰色 */
    --cf7-input-bg: #1e1e1e;      /* 输入框背景：深灰，与黑色背景区分 */
    --cf7-error: #ff6b6b;         /* 错误提示色：柔和的红色 */
    --cf7-response-bg: #1e1e1e;   /* 响应信息背景 */
}

form.wpcf7-form {
    max-width: 680px;             /* 限制最大宽度，阅读更舒适 */
    margin: 0 auto;               /* 居中 */
    padding: 1.5rem 0;            /* 上下留白稍微减小 */
    background: transparent;      /* 表单容器完全透明 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    color: var(--cf7-text);
    width: 100%;                  /* 确保100%宽度 */
    box-sizing: border-box;
}

/* 隐藏字段容器不需要额外样式，保持隐藏 */
.hidden-fields-container {
    display: none;
}

/* 每个字段的容器（<p> 标签）- 大幅减小间距 */
form.wpcf7-form p {
    margin-bottom: 0.75rem;        /* 从1.5rem减小到0.75rem，更紧凑 */
}

/* 最后一个字段（通常是提交按钮所在段落）不需要底部间距 */
form.wpcf7-form p:last-of-type {
    margin-bottom: 0;
}

/* 标签元素 - 更紧凑 */
form.wpcf7-form label {
    display: block;               /* 标签占满整行 */
    font-weight: 400;             /* 正常字重 */
    font-size: 0.85rem;           /* 稍微减小字体 */
    margin-bottom: 0.25rem;       /* 与输入框间距减小 */
    color: var(--cf7-label);
    letter-spacing: 0.3px;
}

/* 输入框和文本域共用样式 - 直角设计，带轻微背景 */
form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
form.wpcf7-form input[type="tel"],
form.wpcf7-form textarea {
    width: 100%;                  /* 充满容器 */
    padding: 0.7rem 1rem;         /* 从0.9rem减小到0.7rem，更紧凑 */
    border: 1px solid var(--cf7-border);
    border-radius: 0;             /* 直角 */
    background-color: var(--cf7-input-bg);  /* 深灰色背景，与黑色背景区分 */
    font-size: 0.95rem;           /* 稍微减小字体 */
    font-family: inherit;
    color: var(--cf7-text);
    transition: border 0.15s ease, background-color 0.15s ease;
    box-sizing: border-box;       /* 防止宽度溢出 */
    line-height: 1.5;
    outline: none;
}

/* 文本框特定高度 - 稍微减小 */
form.wpcf7-form textarea {
    resize: vertical;             /* 允许垂直调整，方便用户 */
    min-height: 100px;            /* 从140px减小到100px */
}

/* 输入框悬停效果 - 轻微视觉反馈 */
form.wpcf7-form input:hover,
form.wpcf7-form textarea:hover {
    border-color: #666666;        /* 悬停时边框稍微变亮 */
}

/* 输入框聚焦效果：主色边框 + 背景稍微提亮 */
form.wpcf7-form input:focus,
form.wpcf7-form textarea:focus {
    border-color: var(--cf7-primary);
    background-color: #2a2a2a;    /* 聚焦时背景稍微亮一点，提升交互感 */
}

/* 占位符样式 (placeholder) */
form.wpcf7-form input::placeholder,
form.wpcf7-form textarea::placeholder {
    color: var(--cf7-placeholder);
    opacity: 1;                   /* 确保颜色一致 */
    font-weight: 300;
    font-size: 0.9rem;            /* 稍微减小 */
}

/* 提交按钮 - 直角设计，更紧凑 */
form.wpcf7-form input[type="submit"] {
    background: var(--cf7-primary);
    color: white;
    border: none;
    padding: 0.8rem 2rem;         /* 从1rem减小到0.8rem */
    font-size: 0.95rem;           /* 稍微减小字体 */
    font-weight: 500;
    border-radius: 0;             /* 直角 */
    cursor: pointer;
    transition: background 0.15s ease;
    letter-spacing: 0.5px;
    width: auto;                  /* 自适应宽度，非全宽 */
    min-width: 160px;             /* 稍微减小最小宽度 */
    margin-top: 0.25rem;          /* 减小上边距 */
    border: 1px solid transparent;
}

/* 按钮悬停效果：略微变亮 */
form.wpcf7-form input[type="submit"]:hover {
    background: #007d82;          /* 稍微亮一点的版本 */
}

/* 按钮点击效果 */
form.wpcf7-form input[type="submit"]:active {
    background: #004d50;          /* 点击时变暗 */
}

/* 响应式微调：在小屏幕上按钮全宽 */
@media (max-width: 600px) {
    form.wpcf7-form {
        padding: 1rem;            /* 小屏幕加一点左右内边距 */
    }
    
    form.wpcf7-form input[type="submit"] {
        width: 100%;              /* 小屏幕上按钮全宽，更容易点击 */
    }
}

/* 必填字段的错误提示 - 更紧凑 */
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    color: var(--cf7-error);
    font-size: 0.8rem;            /* 减小字体 */
    margin-top: 0.25rem;          /* 减小上边距 */
}

/* 无效输入框的边框颜色 */
.wpcf7-form-control-wrap .wpcf7-not-valid {
    border-color: var(--cf7-error) !important;
}

/* 无效输入框聚焦时保持错误边框颜色，但背景可稍微提亮 */
.wpcf7-form-control-wrap .wpcf7-not-valid:focus {
    border-color: var(--cf7-error) !important;
    background-color: #2a1a1a;    /* 错误状态聚焦时带一点红色底色 */
}

/* 表单提交后的响应信息 - 适应深色背景，更紧凑 */
.wpcf7-response-output {
    border-radius: 0;             /* 直角 */
    padding: 0.8rem 1rem !important; /* 减小内边距 */
    margin: 1rem 0 0 !important;  /* 减小上边距 */
    font-size: 0.9rem;            /* 减小字体 */
    border: 1px solid #444;
    background: var(--cf7-response-bg);
    color: var(--cf7-text);
    text-align: center;
}

/* 针对不同状态的响应信息 - 深色背景适配 */
.wpcf7-form.sent .wpcf7-response-output {
    background: #1a2a1a;
    border-color: #006569;
    color: #b0e0b0;
}

.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output {
    background: #2a1a1a;
    border-color: #ff6b6b;
    color: #ffb0b0;
}

/* spinner (加载动画) 样式 - 适配按钮颜色 */
.wpcf7-submit + .wpcf7-spinner {
    margin-left: 0.8rem;
    vertical-align: middle;
    background-color: #888;       /* 中性色，不明显 */
}

/* 确保外层div不影响样式 */
.wpcf7.js {
    width: 100%;
    background: transparent;
}

/* 屏幕阅读器响应区域样式微调 */
.screen-reader-response {
    color: var(--cf7-text);
}