/**
 * Public storefront — black & white theme (main site + company sites).
 * Load after premium-redesign, storefront-hc-glass, and brand variables.
 */

body.frontend-page,
body.company-storefront {
    --pr-indigo-50: #f5f5f5;
    --pr-indigo-100: #ebebeb;
    --pr-indigo-200: #d4d4d4;
    --pr-indigo-300: #a3a3a3;
    --pr-indigo-400: #737373;
    --pr-indigo-500: #000000;
    --pr-indigo-600: #000000;
    --pr-indigo-700: #171717;
    --pr-indigo-800: #262626;
    --pr-indigo-900: #0a0a0a;
    --pr-violet: #171717;
    --pr-cyan: #525252;
    --pr-emerald: #171717;
    --pr-amber: #525252;
    --pr-rose: #404040;
    --lms-hc-accent: #000000;
    --primary-color: #000000;
    --primary-dark: #171717;
    --color-primary: #000000;
    --company-primary: #000000;
    --company-accent: #171717;
    --bs-primary: #000000;
    --bs-primary-rgb: 0, 0, 0;
    --bs-link-color: #000000;
    --bs-link-hover-color: #171717;
    background-color: #f0f0f0 !important;
}

body.company-storefront {
    --company-primary-500: #000000;
    --company-primary-600: #000000;
    --company-primary-700: #171717;
    --primary-500: #000000;
    --primary-600: #000000;
    --primary-800: #171717;
    --primary-900: #0a0a0a;
}

/* Storefront typography — Calibri italic (loads after page stacks; matches portal-typography.css) */
body.frontend-page,
body.company-storefront {
    font-family: var(--site-font, Calibri, 'Calibri Light', 'Segoe UI', Candara, 'Helvetica Neue', Arial, sans-serif) !important;
    font-style: italic !important;
}

body.frontend-page *:not(i):not([class*="fa"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fa-solid):not(.fa-regular):not(.fa-brands),
body.company-storefront *:not(i):not([class*="fa"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fa-solid):not(.fa-regular):not(.fa-brands) {
    font-family: var(--site-font, Calibri, 'Calibri Light', 'Segoe UI', Candara, 'Helvetica Neue', Arial, sans-serif) !important;
    font-style: italic !important;
}

body.frontend-page :is(code, pre, kbd, samp, .font-monospace),
body.company-storefront :is(code, pre, kbd, samp, .font-monospace) {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    font-style: normal !important;
}

body.frontend-page :is(i[class*="fa"], .fa, .fas, .far, .fab, .fal, .fa-solid, .fa-regular, .fa-brands),
body.company-storefront :is(i[class*="fa"], .fa, .fas, .far, .fab, .fal, .fa-solid, .fa-regular, .fa-brands) {
    font-style: normal !important;
}

/* Nav */
body.frontend-page .navbar .navbar-brand,
body.company-storefront .navbar .navbar-brand {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: #000000 !important;
    color: #000000 !important;
}

body.frontend-page .navbar .nav-link:hover,
body.frontend-page .navbar .nav-link:focus,
body.company-storefront .navbar .nav-link:hover {
    color: #000000 !important;
}

body.frontend-page .navbar .btn-nav-register,
body.company-storefront .navbar .btn-nav-register {
    background: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
}

body.frontend-page .navbar .btn-nav-register:hover,
body.company-storefront .navbar .btn-nav-register:hover {
    background: #171717 !important;
    color: #ffffff !important;
}

/* Buttons */
body.frontend-page .btn-primary,
body.frontend-page .btn-gradient,
body.frontend-page button.btn-primary,
body.frontend-page button.btn-gradient,
body.company-storefront .btn-primary,
body.company-storefront .btn-gradient {
    background: #000000 !important;
    background-image: none !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
}

body.frontend-page .btn-primary:hover,
body.frontend-page .btn-gradient:hover,
body.company-storefront .btn-primary:hover,
body.company-storefront .btn-gradient:hover {
    background: #171717 !important;
    border-color: #171717 !important;
    color: #ffffff !important;
}

body.frontend-page .btn-outline-primary,
body.company-storefront .btn-outline-primary {
    color: #000000 !important;
    border-color: #000000 !important;
}

body.frontend-page .btn-outline-primary:hover,
body.company-storefront .btn-outline-primary:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

body.frontend-page .text-primary,
body.company-storefront .text-primary {
    color: #000000 !important;
}

body.frontend-page a:not(.btn):not(.nav-link):not(.dropdown-item),
body.company-storefront a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: inherit;
}

body.frontend-page main a.text-decoration-none:hover,
body.frontend-page .course-card a:hover {
    color: #000000 !important;
}

/* Hero (home + marketing) */
body.frontend-page .hero-section {
    background: linear-gradient(160deg, #ffffff 0%, #f5f5f5 45%, #ebebeb 100%) !important;
}

body.frontend-page .hero-section::before {
    display: none !important;
}

body.frontend-page .hero-badge {
    background: #f0f0f0 !important;
    border: 1px solid #d4d4d4 !important;
    color: #171717 !important;
}

body.frontend-page .hero-badge,
body.frontend-page .hero-badge * {
    color: #171717 !important;
}

body.frontend-page .hero-title,
body.frontend-page .hero-title-line {
    color: #000000 !important;
}

body.frontend-page .hero-title .gradient-text,
body.frontend-page .gradient-text {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: #000000 !important;
    color: #000000 !important;
}

body.frontend-page .hero-description {
    color: #525252 !important;
}

body.frontend-page .hero-gradient {
    background: transparent !important;
}

body.frontend-page .stat-item .stat-icon,
body.frontend-page .hero-stats .stat-icon {
    background: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
}

body.frontend-page .hero-stats .stat-title,
body.frontend-page .hero-compliance-pillars .stat-title {
    color: #000000 !important;
}

body.frontend-page .hero-stats .stat-label,
body.frontend-page .hero-compliance-pillars .stat-label,
body.frontend-page .stat-copy .stat-label {
    color: #525252 !important;
}

body.frontend-page .hero-stats .stat-item,
body.frontend-page .hero-compliance-pillars .stat-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.65rem !important;
    text-align: left !important;
}

body.frontend-page .hero-stats .stat-icon,
body.frontend-page .hero-compliance-pillars .stat-icon {
    background: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    width: 40px !important;
    height: 40px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}

body.frontend-page .hero-stats .stat-icon svg,
body.frontend-page .hero-compliance-pillars .stat-icon svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

body.frontend-page .hero-stats {
    border-top-color: #e5e5e5 !important;
}

body.frontend-page .hero-actions .btn-secondary,
body.frontend-page .hero-section .btn-secondary {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1.5px solid #d4d4d4 !important;
    backdrop-filter: none !important;
}

body.frontend-page .hero-actions .btn-secondary:hover,
body.frontend-page .hero-section .btn-secondary:hover {
    background: #f5f5f5 !important;
    color: #000000 !important;
    border-color: #000000 !important;
}

body.frontend-page .hero-actions .btn-secondary svg,
body.frontend-page .hero-section .btn-secondary svg {
    color: #000000 !important;
    stroke: #000000 !important;
}

/* Hero dashboard mockup (right column) */
body.frontend-page .hero-dashboard {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.08) !important;
}

body.frontend-page .dashboard-header {
    background: #fafafa !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

body.frontend-page .dashboard-title,
body.frontend-page .progress-section-title,
body.frontend-page .course-name,
body.frontend-page .course-percent,
body.frontend-page .dashboard-content h4 {
    color: #171717 !important;
}

body.frontend-page .window-dots span,
body.frontend-page .nav-dot {
    background: #d4d4d4 !important;
}

body.frontend-page .nav-dot.active {
    background: #000000 !important;
}

body.frontend-page .progress-bar-bg {
    background: #e5e5e5 !important;
}

body.frontend-page .progress-fill {
    background: #000000 !important;
}

body.frontend-page .floating-card,
body.frontend-page .achievement-badge {
    background: #f5f5f5 !important;
    border: 1px solid #e5e5e5 !important;
    color: #171717 !important;
}

body.frontend-page .floating-card *,
body.frontend-page .achievement-badge * {
    color: #171717 !important;
}

body.frontend-page .user-avatar {
    background: #000000 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* CTA / tutor / newsletter bands */
body.frontend-page .cta-gradient,
body.frontend-page .tutor-cta-section,
body.frontend-page .newsletter-cta,
body.frontend-page .home-trust-section {
    background: #eef2f7 !important;
    color: #0f172a !important;
}

/* Trust block — wins over frontend.css legacy white-on-dark rules (loads last) */
body.frontend-page .home-trust-section .home-trust-inner,
body.company-storefront .home-trust-section .home-trust-inner {
    color: #334155 !important;
}

body.frontend-page .home-trust-section .home-trust-title,
body.frontend-page .home-trust-section h2.home-trust-title,
body.frontend-page .home-trust-section .home-trust-card-title,
body.frontend-page .home-trust-section h3.home-trust-card-title,
body.company-storefront .home-trust-section .home-trust-title {
    color: #0f172a !important;
}

body.frontend-page .home-trust-section .home-trust-lead,
body.frontend-page .home-trust-section .home-trust-card-text,
body.frontend-page .home-trust-section .home-trust-disclaimer p,
body.company-storefront .home-trust-section .home-trust-lead {
    color: #525252 !important;
}

body.frontend-page .home-trust-section .home-trust-disclaimer strong {
    color: #0f172a !important;
}

body.frontend-page .home-trust-section .home-trust-badge,
body.frontend-page .home-trust-section .home-trust-badge span {
    color: #171717 !important;
}

body.frontend-page .home-trust-section .home-trust-card-text a {
    color: #171717 !important;
}

body.frontend-page .home-trust-section .home-trust-card-text a:hover {
    color: #000000 !important;
}

body.frontend-page .home-trust-section .home-trust-disclaimer-icon {
    color: #171717 !important;
}

body.frontend-page .tutor-cta-buttons .btn-gradient {
    background: #000000 !important;
    color: #ffffff !important;
}

/* Cards & accents */
body.frontend-page .feature-card .feature-icon,
body.frontend-page .course-card .course-badge,
body.frontend-page .category-card .category-icon {
    background: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
}

body.frontend-page .section-badge,
body.frontend-page .hc-section-badge {
    color: #000000 !important;
    background: #f5f5f5 !important;
    border-color: #d4d4d4 !important;
}

body.frontend-page .badge.bg-primary,
body.frontend-page .badge.bg-success,
body.frontend-page .badge.bg-info,
body.company-storefront .badge.bg-primary {
    background-color: #171717 !important;
    color: #fff !important;
}

/* Forms */
body.frontend-page .form-control:focus,
body.frontend-page .form-select:focus,
body.company-storefront .form-control:focus {
    border-color: #000000 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1) !important;
}

body.frontend-page .form-check-input:checked,
body.company-storefront .form-check-input:checked {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* Footer — light shell + glass panel, dark text (wins over inline footer styles) */
body.frontend-page footer.professional-footer.dynamic-footer,
body.company-storefront footer.professional-footer.dynamic-footer {
    background: #eef2f7 !important;
    color: #334155 !important;
}

body.frontend-page footer.professional-footer.dynamic-footer .footer-dark-panel-inner.lms-storefront-glass,
body.company-storefront footer.professional-footer.dynamic-footer .footer-dark-panel-inner.lms-storefront-glass {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.94) 0%, rgba(245, 245, 245, 0.88) 100%) !important;
    color: #171717 !important;
}

body.frontend-page footer.professional-footer .footer-newsletter-title,
body.frontend-page footer.professional-footer .footer-newsletter-title *,
body.company-storefront footer.professional-footer .footer-newsletter-title {
    color: #0f172a !important;
}

body.frontend-page footer.professional-footer .footer-newsletter-description,
body.company-storefront footer.professional-footer .footer-newsletter-description {
    color: #525252 !important;
}

body.frontend-page footer.professional-footer .lms-brand-name,
body.frontend-page footer.professional-footer .lms-col-title,
body.frontend-page footer.professional-footer h6.lms-col-title,
body.company-storefront footer.professional-footer .lms-brand-name,
body.company-storefront footer.professional-footer .lms-col-title {
    color: #0f172a !important;
}

body.frontend-page footer.professional-footer .lms-footer-tagline {
    color: #171717 !important;
}

body.frontend-page footer.professional-footer .lms-footer-desc,
body.frontend-page footer.professional-footer .lms-footer-text,
body.frontend-page footer.professional-footer .lms-footer-company-line,
body.frontend-page footer.professional-footer .lms-footer-company-entity,
body.frontend-page footer.professional-footer .lms-contact-item,
body.frontend-page footer.professional-footer .lms-links a,
body.frontend-page footer.professional-footer .legal-link,
body.frontend-page footer.professional-footer .footer-copyright,
body.frontend-page footer.professional-footer .footer-compliance-note,
body.company-storefront footer.professional-footer .lms-footer-desc,
body.company-storefront footer.professional-footer .lms-links a {
    color: #404040 !important;
}

body.frontend-page footer.professional-footer .footer-bottom,
body.company-storefront footer.professional-footer .footer-bottom {
    background: rgba(0, 0, 0, 0.03) !important;
    border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
}

body.frontend-page footer.professional-footer .lms-footer-company-mini {
    border-top-color: rgba(15, 23, 42, 0.08) !important;
}

body.frontend-page footer.professional-footer .lms-social-icon {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    color: #171717 !important;
}

body.frontend-page footer.professional-footer a:hover,
body.company-storefront footer.professional-footer a:hover {
    color: #000000 !important;
}

body.frontend-page .footer-newsletter-submit,
body.frontend-page .lms-footer-social a:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

body.frontend-page footer.professional-footer .btn-newsletter,
body.frontend-page footer.professional-footer .footer-newsletter-submit {
    background: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
}

/* Pagination */
body.frontend-page .pagination .page-item.active .page-link {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* Student dashboard shell on frontend layout */
body.frontend-page.student-dashboard .btn-primary {
    background: #000000 !important;
    border-color: #000000 !important;
}

/* Override home.blade.php inline gradient helpers */
body.frontend-page .hero-section .gradient-text,
body.frontend-page section .btn-gradient {
    background-image: none !important;
}

body.frontend-page .home-trust-card-icon,
body.frontend-page .step-number {
    background: #000000 !important;
    color: #ffffff !important;
}

body.frontend-page .btn-success,
body.frontend-page .btn-info,
body.company-storefront .btn-success {
    background: #171717 !important;
    border-color: #171717 !important;
    color: #ffffff !important;
}

body.frontend-page .alert-primary {
    background: #f5f5f5 !important;
    border-color: #d4d4d4 !important;
    color: #171717 !important;
}

body.frontend-page .progress-bar,
body.company-storefront .progress-bar {
    background-color: #000000 !important;
}

/* Course / catalog pages with colored price tags */
body.frontend-page .price-tag,
body.frontend-page .course-price,
body.frontend-page .discount-badge {
    color: #000000 !important;
}

body.frontend-page .discount-badge,
body.frontend-page .sale-badge {
    background: #f0f0f0 !important;
    color: #000000 !important;
    border: 1px solid #d4d4d4 !important;
}

/* All courses listing (/courses) */
body.frontend-page .ac-page {
    background: #eef2f7 !important;
}

body.frontend-page .ac-page > .ac-hero {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.94) 0%, rgba(245, 245, 245, 0.88) 100%) !important;
    border: 1px solid rgba(15, 23, 42, 0.09) !important;
    box-shadow:
        0 8px 28px rgba(15, 17, 24, 0.06),
        0 2px 8px rgba(15, 17, 24, 0.04) !important;
}

body.frontend-page .ac-page .ac-hero .ac-hero-title,
body.frontend-page .ac-page .ac-hero .ac-hero-desc,
body.frontend-page .ac-page .ac-hero .ac-hero-metric,
body.frontend-page .ac-page .ac-hero .ac-hero-metric strong {
    color: #0f172a !important;
}

body.frontend-page .ac-page .ac-hero .ac-hero-desc,
body.frontend-page .ac-page .ac-hero .ac-hero-metric {
    color: #525252 !important;
}

body.frontend-page .ac-page .ac-hero .ac-hero-title .ac-gradient {
    -webkit-text-fill-color: #000000 !important;
    color: #000000 !important;
}

body.frontend-page .ac-page .ac-hero .ac-hero-breadcrumb .breadcrumb-item a,
body.frontend-page .ac-page .ac-hero .ac-hero-breadcrumb .seo-breadcrumb-light .breadcrumb-item a {
    color: #525252 !important;
}

body.frontend-page .ac-page .ac-hero .ac-hero-breadcrumb .breadcrumb-item.active,
body.frontend-page .ac-page .ac-hero .ac-hero-breadcrumb .seo-breadcrumb-light .breadcrumb-item.active {
    color: #171717 !important;
}

body.frontend-page .ac-page .ac-filter-btn,
body.frontend-page .ac-page .ac-pagination .page-item.active .page-link {
    background: #000000 !important;
    background-image: none !important;
}

body.frontend-page .ac-page .ac-card:hover .ac-view-btn,
body.frontend-page .ac-page .ac-view-btn:hover {
    background: #000000 !important;
    background-image: none !important;
}

body.frontend-page .ac-page .ac-card-category {
    color: #171717 !important;
}

body.frontend-page .ac-page .ac-results-title {
    color: #0f172a !important;
}

/* Shared storefront page heroes — keep in sync with public/css/storefront-monochrome.css */
body.frontend-page main.main-content :is(
    section.course-header,
    .ct-page > .ct-hero,
    .bc-page > .bc-hero,
    .wb-page > .wb-hero,
    .tl-page > .tl-hero,
    .hc-shell > .hc-hero,
    .ab-page > .ab-hero,
    .tutor-status-page > .ts-page-hero,
    .checkout-success-hero,
    .page-cbc,
    .bc-show-hero,
    .wbx-hero,
    .tp-hero,
    .contact-page .ct-hero
) {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.94) 0%, rgba(245, 245, 245, 0.88) 100%) !important;
    background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.94) 0%, rgba(245, 245, 245, 0.88) 100%) !important;
    border: 1px solid rgba(15, 23, 42, 0.09) !important;
    color: #334155 !important;
    box-shadow:
        0 8px 28px rgba(15, 17, 24, 0.06),
        0 2px 8px rgba(15, 17, 24, 0.04) !important;
}

body.frontend-page main.main-content :is(
    section.course-header,
    .ct-page > .ct-hero,
    .bc-page > .bc-hero,
    .wb-page > .wb-hero,
    .tl-page > .tl-hero,
    .hc-shell > .hc-hero,
    .ab-page > .ab-hero,
    .tutor-status-page > .ts-page-hero,
    .checkout-success-hero,
    .page-cbc,
    .bc-show-hero,
    .wbx-hero,
    .tp-hero,
    .contact-page .ct-hero
) :is(
    h1,
    h2,
    h3,
    .hero-title,
    .course-title,
    .ct-hero-title,
    .bc-hero-title,
    .wb-hero-title,
    .tl-hero-title,
    .hc-hero-title,
    .ab-hero-title,
    .ts-hero-title
) {
    color: #0f172a !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #0f172a !important;
}

body.frontend-page section.course-header .course-title,
body.frontend-page section.course-header .course-subtitle,
body.frontend-page section.course-header .current-price,
body.frontend-page section.course-header .meta-item,
body.frontend-page section.course-header .meta-item span {
    color: #0f172a !important;
    text-shadow: none !important;
}

body.frontend-page section.course-header .course-subtitle {
    color: #525252 !important;
}

body.frontend-page section.course-header .meta-item {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    color: #334155 !important;
}

body.frontend-page .course-header .course-actions .btn-outline,
body.frontend-page .course-header .course-actions a.btn-outline {
    background: #ffffff !important;
    border: 2px solid #d4d4d4 !important;
    color: #171717 !important;
}

body.frontend-page .course-header .course-actions .btn-outline:hover,
body.frontend-page .course-header .course-actions a.btn-outline:hover {
    background: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

body.frontend-page .course-provider-label--hero .course-provider-label__badge {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #171717 !important;
}

body.frontend-page .course-provider-label--hero .course-provider-label__role,
body.frontend-page .course-provider-label--hero .course-provider-label__name {
    color: #334155 !important;
}

body.frontend-page main.main-content nav.seo-breadcrumb-bar.seo-breadcrumb-light .breadcrumb-item a {
    color: #525252 !important;
}

body.frontend-page main.main-content nav.seo-breadcrumb-bar.seo-breadcrumb-light .breadcrumb-item.active {
    color: #171717 !important;
}

body.frontend-page .instructor-avatar,
body.frontend-page .course-content .instructor-avatar {
    background: #000000 !important;
    background-image: none !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
}

body.frontend-page .curriculum-index {
    background: #000000 !important;
}

/* Help Centre hero (matches /courses listing hero) */
body.frontend-page .hc-shell > .hc-hero {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.94) 0%, rgba(245, 245, 245, 0.88) 100%) !important;
    background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.94) 0%, rgba(245, 245, 245, 0.88) 100%) !important;
    border: 1px solid rgba(15, 23, 42, 0.09) !important;
    color: #334155 !important;
}

body.frontend-page .hc-shell .hc-hero .hc-hero-title,
body.frontend-page .hc-shell .hc-hero h1.hc-hero-title {
    color: #0f172a !important;
    text-shadow: none !important;
}

body.frontend-page .hc-shell .hc-hero .hc-hero-title .hc-gradient {
    background: none !important;
    -webkit-text-fill-color: #000000 !important;
    color: #000000 !important;
}

body.frontend-page .hc-shell .hc-hero .hc-hero-desc {
    color: #525252 !important;
}

body.frontend-page .hc-shell .hc-hero .hc-hero-metric,
body.frontend-page .hc-shell .hc-hero .hc-hero-metric strong {
    color: #525252 !important;
}

body.frontend-page .hc-shell .hc-hero .hc-hero-metric strong {
    color: #0f172a !important;
}

body.frontend-page .hc-shell .hc-hero .hc-hero-breadcrumb .breadcrumb-item a,
body.frontend-page .hc-shell .hc-hero .hc-hero-breadcrumb .seo-breadcrumb-light .breadcrumb-item a {
    color: #525252 !important;
}

body.frontend-page .hc-shell .hc-hero .hc-hero-breadcrumb .breadcrumb-item.active {
    color: #171717 !important;
}

body.frontend-page .hc-shell .hc-hero .hc-hero-metric {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
}

/* Contact, About, Webinars — light hero text (page @push styles align with Help Centre) */
body.frontend-page .ct-page > .ct-hero::before,
body.frontend-page .ab-page > .ab-hero::before,
body.frontend-page .wb-page > .wb-hero::before {
    display: none !important;
}

body.frontend-page .ct-page .ct-hero .ct-hero-title .ct-gradient,
body.frontend-page .ab-page .ab-hero .ab-hero-title .ab-gradient,
body.frontend-page .wb-page .wb-hero .wb-hero-title .wb-gradient {
    background: none !important;
    -webkit-text-fill-color: #000000 !important;
    color: #000000 !important;
}

body.frontend-page .wb-page .wb-section-header .wb-section-title {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

body.frontend-page .wb-page .wb-section-header .wb-section-subtitle {
    color: #525252 !important;
    -webkit-text-fill-color: #525252 !important;
}

body.frontend-page .lp-shell .hc-hero .hc-hero-breadcrumb .breadcrumb-item a,
body.frontend-page .lp-shell .hc-hero .hc-hero-breadcrumb .seo-breadcrumb-light .breadcrumb-item a {
    color: #525252 !important;
}

body.frontend-page .lp-shell .hc-hero .hc-hero-breadcrumb .breadcrumb-item.active,
body.frontend-page .lp-shell .hc-hero .hc-hero-breadcrumb .seo-breadcrumb-light .breadcrumb-item.active {
    color: #171717 !important;
}