/* YHZL 产品详情页询价行动区 —— 样式（自包含，不依赖 Tailwind 是否加载成功） */

.yhzl-cta {
    margin-top: 34px;
    padding-top: 26px;
    border-top: 1px solid #e5e7eb;
}
.yhzl-cta-for {
    margin: 0 0 14px;
    font-size: 14px;
    color: #64748b;
}
.yhzl-cta-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.yhzl-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    padding: 13px 22px;
    border-radius: 9px;
    border: 1px solid transparent;
    font-size: 15.5px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color .15s, color .15s, border-color .15s, transform .1s;
}
.yhzl-cta-btn:hover { text-decoration: none; }
.yhzl-cta-btn:active { transform: translateY(1px); }

/* WhatsApp —— 主按钮（绿色是通用的 WhatsApp 识别色） */
.yhzl-cta-wa {
    background: #25d366;
    color: #fff;
    box-shadow: 0 2px 8px rgba(37, 211, 102, .28);
}
.yhzl-cta-wa:hover { background: #1da851; color: #fff; }
.yhzl-cta-wa svg { width: 21px; height: 21px; fill: currentColor; flex: none; }

/* 询价 —— 次按钮（橙色强调色） */
.yhzl-cta-quote {
    background: #f97316;
    color: #fff;
}
.yhzl-cta-quote:hover { background: #ea580c; color: #fff; }

/* 邮箱 —— 弱按钮 */
.yhzl-cta-mail {
    background: #fff;
    color: #1e3a8a;
    border-color: #cbd5e1;
}
.yhzl-cta-mail:hover { background: #eff6ff; border-color: #1e3a8a; color: #1e3a8a; }

/* 信任要点 */
.yhzl-cta-trust {
    list-style: none;
    margin: 18px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
}
.yhzl-cta-trust li {
    position: relative;
    padding-left: 24px;
    font-size: 13.5px;
    color: #475569;
}
.yhzl-cta-trust li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #dcfce7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803d' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/11px no-repeat;
}

/* 阿拉伯语（RTL）：勾选图标挪到右侧 */
[dir="rtl"] .yhzl-cta-trust li { padding-left: 0; padding-right: 24px; }
[dir="rtl"] .yhzl-cta-trust li::before { left: auto; right: 0; }

@media (min-width: 640px) {
    .yhzl-cta-actions { flex-direction: row; flex-wrap: wrap; }
    .yhzl-cta-btn { flex: 0 1 auto; min-width: 168px; }
    .yhzl-cta-wa { min-width: 214px; }
}