/**
 * 越南语页脚设计 - Vietnamese Footer Design
 * 
 * 配色方案：活力绿 (#008000) + 橙色 (#ff8c00) + 纯白 (#ffffff) + 浅灰 (#fafbfc)
 * 设计理念：明亮、活力、现代感
 * 
 * 此文件覆盖 footer-premium-design.css 中的蓝色主题，
 * 将其替换为越南风格的绿色和橙色渐变。
 */

/* ============================================================================
   页脚主体 - 绿色点缀
   ========================================================================== */

body.lang-vi .site-footer {
    border-top: 3px solid #008000;
}

/* ============================================================================
   公司信息区域 - 绿色品牌
   ========================================================================== */

body.lang-vi .footer-about .footer-widget-title {
    color: #008000;
}

/* ============================================================================
   页脚标题 - 绿色到橙色渐变
   ========================================================================== */

body.lang-vi .footer-widget-title {
    border-bottom: 2px solid #008000;
}

body.lang-vi .footer-widget-title::after {
    background: linear-gradient(90deg, #008000 0%, #ff8c00 100%);
}

/* ============================================================================
   社交媒体图标 - 绿色主题
   ========================================================================== */

body.lang-vi .footer-social .social-link {
    color: #008000;
    border: 2px solid #e8f5e9;
}

body.lang-vi .footer-social .social-link:hover {
    background: linear-gradient(135deg, #008000 0%, #00a000 100%);
    color: #ffffff;
    border-color: #008000;
    box-shadow: 0 6px 20px rgba(0, 128, 0, 0.3);
}

/* ============================================================================
   产品中心和解决方案 - 绿色/橙色箭头和链接
   ========================================================================== */

body.lang-vi .footer-products .footer-menu a::before,
body.lang-vi .footer-solutions .footer-menu a::before {
    color: #ff8c00;
}

body.lang-vi .footer-products .footer-menu a:hover,
body.lang-vi .footer-solutions .footer-menu a:hover {
    color: #008000;
}

/* ============================================================================
   联系信息 - 简洁绿色图标（无背景）
   ========================================================================== */

body.lang-vi .footer-contact .contact-icon {
    color: #008000 !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: color 0.2s ease;
}

body.lang-vi .footer-contact .contact-item:hover .contact-icon {
    color: #006600 !important;
}

body.lang-vi .footer-contact .contact-item a {
    color: #546e7a;
}

body.lang-vi .footer-contact .contact-item a:hover {
    color: #008000;
}

/* ============================================================================
   在线咨询按钮 - 简洁大方的纯绿色设计
   ========================================================================== */

body.lang-vi .btn-footer-contact {
    background: #008000;
    box-shadow: 0 2px 8px rgba(0, 128, 0, 0.15);
}

body.lang-vi .btn-footer-contact .dashicons {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    vertical-align: middle;
    margin-right: 8px;
}

body.lang-vi .btn-footer-contact:hover {
    background: #006600;
    box-shadow: 0 4px 12px rgba(0, 128, 0, 0.25);
}

/* ============================================================================
   辅助功能优化 - 绿色焦点样式
   ========================================================================== */

body.lang-vi .footer-menu a:focus,
body.lang-vi .contact-text:focus,
body.lang-vi .btn-footer-contact:focus,
body.lang-vi .social-link:focus {
    outline: 2px solid #008000;
    outline-offset: 2px;
}

/* ============================================================================
   高对比度模式 - 绿色链接
   ========================================================================== */

@media (prefers-contrast: high) {
    body.lang-vi .footer-products .footer-menu a:hover,
    body.lang-vi .footer-solutions .footer-menu a:hover {
        color: #006600;
    }
}