/**
 * Title-style heading display (e.g. "Essential Platform For").
 * Uses CSS capitalize: first letter of each word is uppercased.
 * Skips elements that explicitly use text-transform utilities.
 */
html h1:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html h2:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html h3:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html h4:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html h5:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html h6:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case) {
    text-transform: capitalize;
}

/* Common Bootstrap / app “heading” classes that are not always on h1–h6 */
html .card-title:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html .modal-title:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html .page-title:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html .page-header .page-title:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html .footer__heading:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html .module-title:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html .section-heading:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html legend:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case) {
    text-transform: capitalize;
}

/* Frontend / checkout title bars (often divs, not h1–h6) */
html .checkout-title:not(.no-heading-title-case),
html .offer-2__title .title:not(.no-heading-title-case),
html .form-registration .checkout-title:not(.no-heading-title-case) {
    text-transform: capitalize;
}

/*
 * All buttons / CTAs — title case (e.g. "Start Free Trial →", "Watch Overview").
 * Matches any class containing "btn" plus nav CTA links.
 * Use .no-heading-title-case or .text-uppercase to opt out.
 */
html a[class*="btn"]:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html button[class*="btn"]:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html .btn-hero-primary:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html .btn-hero-secondary:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html .nav-login:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html .nav-cta:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html .mobile-login:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case),
html .mobile-cta:not(.text-uppercase):not(.text-lowercase):not(.no-heading-title-case) {
    text-transform: capitalize !important;
}