/*
Theme Name: Yellow 
Theme URI: https://solshinetech.com/
Author: SuperMa
Author URI: https://smartadmin.cn/
Description: SolShineTech 官方网站经典主题，基于 Bootstrap v5.0 构建，支持多语言扩展。
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.9.1
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solshinetech
*/

@import "assets/css/vendor.min.css";
@import "assets/css/plugins.min.css";
@import "assets/css/style.min.css";

/* 1. 隐藏阅读器专用文本，防止重复显示 */
.screen-reader-response {
    display: none !important;
}

/* 2. 优化主反馈容器样式 - 移除边框线版本 */
.wpcf7-response-output {
    margin: 20px 0 0 0 !important; /* 顶部留出间距 */
    padding: 16px 24px !important;
    border-radius: 4px !important; /* 匹配你的 input-item 圆角 */
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    /* 核心修改：去掉边框 */
    border: none !important; 
    /* 添加平滑进入动画 */
    animation: cf7FadeInUp 0.5s ease-out;
}

/* 3. 成功状态 (配合 skip_mail: on) */
.wpcf7-mail-sent-ok, 
.wpcf7-mail-sent-ng { 
    background-color: #e6f4ea !important; /* 更柔和的浅绿色背景 */
    color: #1e7e34 !important;
}

/* 4. 验证错误状态 (必填项未填) */
.wpcf7-validation-errors {
    background-color: #fce8e6 !important; /* 更柔和的浅红色背景 */
    color: #d93025 !important;
}

/* 优化输入字段下方的错误提示信息 */
.wpcf7-not-valid-tip {
    color: #d93025 !important; /* 使用与错误框一致的深红色 */
    font-size: 13px !important;
    font-weight: 500 !important;
    display: block !important;
    margin-top: 6px !important;
    padding-left: 2px !important;
    /* 添加平滑出现的动画 */
    animation: tipFadeIn 0.3s ease-out;
}

/* 增强体验：当输入框验证失败时，改变输入框的边框颜色或阴影（可选） */
.wpcf7-not-valid {
    border-color: #fce8e6 !important;
    transition: all 0.3s ease;
}

/* 5. 动画定义 (模拟 AOS 的 fade-up 效果) */
@keyframes cf7FadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 15px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* 1. 强制鼠标经过时显示下拉菜单（解决您之前提到的显示问题） */
.header-top-language .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}

/* 2. 定义下拉菜单的基础样式 (已增加底部橙色线条) */
.header-top-language .dropdown-menu {
    border-radius: 0;          /* 匹配站点硬朗风格 */
    border: none;
    /* 核心修改：增加 2px 实线，使用主题橙色 */
    border-bottom: 2px solid #ffb300; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    padding: 5px 0;
    min-width: 120px;
}

/* 3. 重点：鼠标经过选项时的颜色变化（使用主题橙色） */
.header-top-language .dropdown-item {
    font-size: 12px;
    padding: 8px 20px;
    color: #333;               /* 默认文字颜色 */
    transition: all 0.3s ease; /* 平滑过渡效果 */
}

.header-top-language .dropdown-item:hover {
    color: #ffb300 !important; 
}

/* 4. 调整语言按钮本身的悬停颜色（可选） */
.header-top-language .dropdown-toggle:hover {
    color: #ffb300 !important;
}

/* 修复移动端点击问题：在宽屏下使用 hover，在手机端保留点击 */
@media (max-width: 991px) {
    .header-top-language .dropdown:hover .dropdown-menu {
        display: none; 
    }
    .header-top-language .dropdown.show .dropdown-menu {
        display: block;
    }
}