/*
Theme Name: B2 子主题
Template: b2
*/

/* ============================================================
   主机吧子主题 - WAF 落地页深色修复
   ============================================================ */

/* 用最高优先级 + !important + body class 限定，
   覆盖 B2 主题 filter: invert(100%) 后的浅色文字 */

body.b2dark.page-template-page-waf .waf-hero h1,
body.b2dark.page-template-page-waf-php .waf-hero h1 {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    color: #f1f5f9 !important;
    -webkit-text-fill-color: #f1f5f9 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6) !important;
}

body.b2dark.page-template-page-waf .waf-logo,
body.b2dark.page-template-page-waf-php .waf-logo {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    color: #60a5fa !important;
    -webkit-text-fill-color: #60a5fa !important;
}

body.b2dark.page-template-page-waf .waf-navbar a,
body.b2dark.page-template-page-waf-php .waf-navbar a {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

body.b2dark.page-template-page-waf .waf-hero-desc,
body.b2dark.page-template-page-waf .waf-section-sub,
body.b2dark.page-template-page-waf .waf-arch-text p,
body.b2dark.page-template-page-waf .waf-cta-section p,
body.b2dark.page-template-page-waf-php .waf-hero-desc,
body.b2dark.page-template-page-waf-php .waf-section-sub,
body.b2dark.page-template-page-waf-php .waf-arch-text p,
body.b2dark.page-template-page-waf-php .waf-cta-section p {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
}

body.b2dark.page-template-page-waf .waf-section-title,
body.b2dark.page-template-page-waf .waf-arch-text h2,
body.b2dark.page-template-page-waf .waf-cta-section h2,
body.b2dark.page-template-page-waf-php .waf-section-title,
body.b2dark.page-template-page-waf-php .waf-arch-text h2,
body.b2dark.page-template-page-waf-php .waf-cta-section h2 {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    color: #f1f5f9 !important;
    -webkit-text-fill-color: #f1f5f9 !important;
}

body.b2dark.page-template-page-waf .waf-feature-card h3,
body.b2dark.page-template-page-waf-php .waf-feature-card h3 {
    color: #f1f5f9 !important;
    -webkit-text-fill-color: #f1f5f9 !important;
}

body.b2dark.page-template-page-waf .waf-feature-card p,
body.b2dark.page-template-page-waf-php .waf-feature-card p {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

body.b2dark.page-template-page-waf .waf-compare-table th,
body.b2dark.page-template-page-waf .waf-compare-table td,
body.b2dark.page-template-page-waf .waf-plan-name,
body.b2dark.page-template-page-waf .waf-price-small,
body.b2dark.page-template-page-waf-php .waf-compare-table th,
body.b2dark.page-template-page-waf-php .waf-compare-table td,
body.b2dark.page-template-page-waf-php .waf-plan-name,
body.b2dark.page-template-page-waf-php .waf-price-small {
    color: #f1f5f9 !important;
    -webkit-text-fill-color: #f1f5f9 !important;
}

body.b2dark.page-template-page-waf .waf-price,
body.b2dark.page-template-page-waf-php .waf-price {
    color: #60a5fa !important;
    -webkit-text-fill-color: #60a5fa !important;
    font-weight: 700 !important;
}

body.b2dark.page-template-page-waf .waf-navbar,
body.b2dark.page-template-page-waf-php .waf-navbar {
    background: rgba(15, 23, 42, 0.85) !important;
    border-bottom: 1px solid rgba(59, 130, 246, 0.3) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

body.b2dark.page-template-page-waf .waf-cta-section,
body.b2dark.page-template-page-waf-php .waf-cta-section {
    background: linear-gradient(115deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important;
    color: #f1f5f9 !important;
    -webkit-text-fill-color: #f1f5f9 !important;
    border: 1px solid rgba(59, 130, 246, 0.2) !important;
}

body.b2dark.page-template-page-waf .waf-copyright,
body.b2dark.page-template-page-waf .waf-copyright p,
body.b2dark.page-template-page-waf-php .waf-copyright,
body.b2dark.page-template-page-waf-php .waf-copyright p {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

body.b2dark.page-template-page-waf .waf-contact-line,
body.b2dark.page-template-page-waf .waf-contact-cta,
body.b2dark.page-template-page-waf-php .waf-contact-line,
body.b2dark.page-template-page-waf-php .waf-contact-cta {
    color: #f1f5f9 !important;
    -webkit-text-fill-color: #f1f5f9 !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

body.b2dark.page-template-page-waf .waf-contact-line span,
body.b2dark.page-template-page-waf .waf-contact-cta strong,
body.b2dark.page-template-page-waf-php .waf-contact-line span,
body.b2dark.page-template-page-waf-php .waf-contact-cta strong {
    color: #f1f5f9 !important;
    -webkit-text-fill-color: #f1f5f9 !important;
    background: rgba(0, 0, 0, 0.3) !important;
}

body.b2dark.page-template-page-waf .waf-arch-text p .fa-check-circle,
body.b2dark.page-template-page-waf-php .waf-arch-text p .fa-check-circle {
    color: #10b981 !important;
}

body.b2dark.page-template-page-waf .btn-primary,
body.b2dark.page-template-page-waf-php .btn-primary {
    background: linear-gradient(135deg, #3b82f6 0%, #10b981 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
}

body.b2dark.page-template-page-waf .btn-light,
body.b2dark.page-template-page-waf-php .btn-light {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    -webkit-text-fill-color: #f1f5f9 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}