/* Site-wide accessibility fixes (WCAG AA contrast, minimum 12px text).
   Generated from an audit of all pages at 1366px and 390px; every selector was
   checked to match only the elements it is meant to fix. Loaded after
   typography.css on every page. Grey text on light backgrounds -> #475569
   (7.6:1), teal -> --nc-teal-text, blue -> --nc-blue. */

.domain-price-value span.domain-price-original,
.step-item div.step-status,
.rc-card-price div.rc-enterprise-sub,
.rc-cta-container p.rc-cta-desc {
    color: #475569 !important;
}

.devops-tab-description strong,
.terms-toc-list span.toc-number,
.dedicated-setup-fee strong,
.cdn-benefit-card span.cdn-benefit-highlight,
.about-mission-content span.about-mission-label,
.about-mission-value div.mission-value-number,
.rc-compare-good span {
    color: var(--nc-teal-text, #0A7380) !important;
}

.rc-api-code span.rc-code-comment {
    color: #7DD3DE !important;
}

.tooltip-trigger span.tooltip-icon,
.tech-option div.tech-option-label,
.rc-spec span.rc-spec-label,
.rc-api-card div.rc-api-card-tag {
    font-size: 12px !important;
}

/* Muted text in the light (non-featured) cards used #94A3B8 (2.6:1). The
   dark featured cards in the same components are left as they are. */
.why-feature-card .feature-stats .stat-label,
.dedicated-card:not(.featured) .dedicated-price-label,
.dedicated-card:not(.featured) .dedicated-spec-label,
.tech-option:not(.best) .tech-option-label,
.rc-card:not(.rc-card-featured) .rc-card-desc,
.rc-card:not(.rc-card-featured) .rc-price-unit,
.rc-card:not(.rc-card-featured) .rc-setup-fee,
.rc-card:not(.rc-card-featured) .rc-spec-label {
    color: #475569 !important;
}

/* Text links inside the home page SEO copy used Bootstrap blue (4.0:1). */
.seo-card-text a {
    color: var(--nc-blue, #1654E0) !important;
}

.rc-spec .rc-spec-label {
    font-size: 12px !important;
}

/* Support cards: descriptions were 11px on phones. */
body .support-features-grid .support-feature-card p {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

@media (max-width: 767px) {
    .support-feature-card .mr-24 p {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    .support-feature-card .mr-24 p:first-child {
        font-size: 15px !important;
    }
}

/* Rocket.Chat flow diagram: channel names were 11px. */
.rc-flow-node.rc-flow-dest > span {
    font-size: 12px !important;
}

/* Button hover states. Several buttons turned their text navy on the blue hover
   background (contrast 2.9:1) or white on the light-grey hover background (1.2:1). */
.seo-cta-btn:hover,
.plan-cta-btn.featured:hover,
.tech-cta-btn:hover,
.migration-btn-primary:hover,
.cta-btn-primary:hover,
.service-cta-btn:hover {
    color: #FFFFFF !important;
}

.compare-cta-btn.secondary:hover {
    color: var(--nc-navy, #001538) !important;
}

.footer-cta-button:hover {
    background: var(--nc-blue, #1654E0) !important;
    color: #FFFFFF !important;
}

/* Teal buttons: navy text (7.6:1) instead of white (2.4:1). The ones that had a
   teal-to-blue gradient become solid teal, since navy on the blue end is only 2.9:1. */
.support-btn-new.primary,
.dedicated-cta-btn.featured,
.datacenter-cta-btn,
.tech-banner-button,
.contact-submit-btn,
.devops-submit-btn,
.devops-tab-btn.active,
.nc-btn-teal {
    background: var(--nc-teal, #1AB8C9) !important;
    color: var(--nc-navy, #001538) !important;
}

.support-btn-new.primary:hover,
.dedicated-cta-btn.featured:hover,
.datacenter-cta-btn:hover,
.tech-banner-button:hover,
.contact-submit-btn:hover,
.devops-submit-btn:hover,
.devops-tab-btn.active:hover,
.nc-btn-teal:hover {
    background: var(--nc-teal, #1AB8C9) !important;
    color: var(--nc-navy, #001538) !important;
    filter: brightness(1.08);
}