/**
 * Vietnamese Business Cards Override
 * 越南语业务卡片样式覆盖 - 强制绿色主题
 * 
 * 此文件必须覆盖 home-solutions-hero-redesign.css 中的蓝色样式
 */

/* ============================================================================
   业务卡片悬停效果 - 绿色阴影
   ============================================================================ */
body.lang-vi .business-card:hover,
body.lang-vi .vietnamese-business .business-card:hover,
body.lang-vi .business-areas .business-card:hover,
body.lang-vi .business-item:hover {
    box-shadow: 0 20px 48px rgba(0, 128, 0, 0.18) !important;
    border-color: #008000 !important;
}

/* 顶部装饰条 - 绿色渐变 */
body.lang-vi .business-item::before {
    background: linear-gradient(to right, #008000, #00a000) !important;
}

/* ============================================================================
   业务卡片遮罩层 - 绿色渐变
   ============================================================================ */
body.lang-vi .business-overlay,
body.lang-vi .vietnamese-business .business-overlay,
body.lang-vi .business-areas .business-overlay {
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 128, 0, 0.9) 100%) !important;
}

/* 图片背景装饰 - 绿色 */
body.lang-vi .business-icon::before {
    background: radial-gradient(circle, rgba(0, 128, 0, 0.12) 0%, transparent 70%) !important;
}

/* ============================================================================
   业务链接按钮 - 绿色主题（覆盖 home-solutions-hero-redesign.css）
   ============================================================================ */
body.lang-vi .business-link,
body.lang-vi .vietnamese-business .business-link,
body.lang-vi .business-areas .business-link,
body.lang-vi a.business-link {
    color: #ffffff !important;
    background: rgba(0, 128, 0, 0.9) !important;
    border: 2px solid #008000 !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    display: inline-flex !important;
}

/* 业务链接按钮悬停 - 深绿色 */
body.lang-vi .business-link:hover,
body.lang-vi .vietnamese-business .business-link:hover,
body.lang-vi .business-areas .business-link:hover,
body.lang-vi a.business-link:hover,
body.lang-vi .business-item:hover .business-link {
    background: #006600 !important;
    color: #ffffff !important;
    border-color: #006600 !important;
}

/* ============================================================================
   业务卡片标题悬停 - 绿色
   ============================================================================ */
body.lang-vi .business-title a:hover,
body.lang-vi .vietnamese-business .business-title a:hover,
body.lang-vi .business-item:hover .business-title a {
    color: #008000 !important;
}

/* ============================================================================
   业务更多链接 - 绿色
   ============================================================================ */
body.lang-vi .business-more,
body.lang-vi .vietnamese-business .business-more {
    color: #008000 !important;
}

body.lang-vi .business-more:hover,
body.lang-vi .vietnamese-business .business-more:hover {
    color: #006600 !important;
}

/* ============================================================================
   占位图标 - 绿色
   ============================================================================ */
body.lang-vi .business-icon-placeholder {
    color: #008000 !important;
    box-shadow: 0 8px 32px rgba(0, 128, 0, 0.2) !important;
}

body.lang-vi .business-item:hover .business-icon-placeholder {
    box-shadow: 0 12px 48px rgba(0, 128, 0, 0.35) !important;
}

/* ============================================================================
   查看所有方案按钮 - 绿色主题
   ============================================================================ */
body.lang-vi .business-areas .section-footer .btn-primary {
    background: #008000 !important;
    color: #ffffff !important;
    border: 2px solid #008000 !important;
    box-shadow: 0 4px 16px rgba(0, 128, 0, 0.25) !important;
}

body.lang-vi .business-areas .section-footer .btn-primary:hover {
    background: #006600 !important;
    border-color: #006600 !important;
    box-shadow: 0 8px 32px rgba(0, 128, 0, 0.4) !important;
}

body.lang-vi .business-areas .section-footer .btn-primary:active {
    box-shadow: 0 4px 16px rgba(0, 128, 0, 0.3) !important;
}