/**
 * MAGNA BRAND COLORS APPLY
 * Footer se last load — poori website par strict brand palette.
 *
 * 70% White | 20% Magna Blue | 10% Industrial Gold
 * Get Quote = Gold | Submit RFQ = Blue Outline | Breakdown = Red
 */

:root {
    --accent-orange: var(--magna-gold) !important;
    --primary-blue: var(--magna-blue) !important;
    --magna-primary: var(--magna-blue) !important;
}

/* ========== TEXT ========== */
body,
p,
li,
label,
td,
th,
.magna-about-wrapper p,
.magna-footer p,
.footer-about {
    color: var(--magna-text-body) !important;
}

.magna-card-desc,
.magna-card-date,
.magna-article-date,
.card-desc,
.feature-content p,
.hero-desc,
.section-heading p,
.magna-text-secondary,
small,
.text-muted {
    color: var(--magna-text-secondary) !important;
}

h1, h2, h3, h4, h5, h6,
.section-title,
.split-title,
.magna-section-label,
.media-section-label,
.trusted-title,
.card-title,
.magna-card-title,
.product-info h4,
.feature-card h4,
.feature-content h3,
.magna-about-wrapper h1,
.magna-about-wrapper h2,
.magna-about-wrapper h3,
.content-area .section-title {
    color: var(--magna-text-heading) !important;
}

/* Dark sections — white headings + gold accent strip */
.section.courses:not(.steel-solutions-section) .section-heading h2,
.section.video .section-heading h2,
.section.industries .section-heading h2,
.hero-section h1,
.hero-title,
.magna-hero-banner .banner-title h1,
.media-hero-title {
    color: #ffffff !important;
}

.hero-heading .orange,
.hero-heading span.orange,
.section-heading h2 span,
.magna-hero-banner .banner-title h1 span {
    color: var(--magna-gold) !important;
}

/* Light section headings (dark sections overridden at end of file) */
.magna-how-work-section .section-heading h2,
.trusted-section .section-heading h2,
.products-section .section-heading h2,
.applications-section .section-heading h2,
.features-section .section-heading h2,
.about-intro .section-heading h2 {
    color: var(--magna-text-heading) !important;
}

/* ========== BACKGROUNDS ========== */
body,
.magna-resources-page,
.magna-about-wrapper {
    background-color: var(--magna-bg-white) !important;
}

.products-section,
.applications-section,
.features-section,
.industries-section,
.why-choose-section,
.magna-how-work-section,
.magna-featured-insights,
.magna-explore-topics,
.magna-media-updates,
.magna-resources-section,
.about-intro,
.ind-intro,
.trusted-section,
.features-container {
    background-color: var(--magna-bg-grey) !important;
}

/* ========== LINKS & NAV ========== */
a:not(.btn-magna-primary):not(.btn-magna-secondary):not(.btn-magna-danger):not(.hero-btn):not(.btn-primary):not(.btn-secondary):not(.magna-btn):not(.footer-links-list a):not(.magna-footer a):not(.whatsapp-float):not(.cta-btn):not(.ss-btn):not(.enquiry-btn):not(.submit-btn-modern):not(.form-btn-submit):not(.vendor-btn):not(.steel-btn-dark):not(.steel-btn-light):not(.network-btn):not(.utility-btn-right):not(.vendor-submit-btn) {
    color: var(--magna-corporate-blue);
}

.main-header .main-menu li a:hover,
.main-header .main-nav li a:hover,
.main-header .m-dropdown-menu li a:hover,
.m-dropdown.open-dropdown > a {
    color: var(--magna-gold) !important;
}

.magna-view-all,
.magna-read-more,
.explore-btn,
.view-link,
.explore-btn,
.magna-view-all-dark {
    color: var(--magna-corporate-blue) !important;
}

.magna-view-all:hover,
.magna-read-more:hover,
.explore-btn:hover {
    color: var(--magna-blue) !important;
}

/* ========== STRIP / ACCENT BARS ========== */
.section-heading h2::after,
.magna-how-work-section .section-heading h2::after,
.trusted-title::after,
.section-title::after,
h2.section-title::after,
h3.section-title::after,
.magna-section-label::after,
.media-section-label::after {
    background: var(--magna-gold) !important;
}

.section.courses:not(.steel-solutions-section) .section-heading h2::after,
.section.video .section-heading h2::after,
.where-materials-work .section-heading h2::after,
.section.industries .section-heading h2::after,
.section-heading h2:after {
    background: var(--magna-gold) !important;
}

.section-header h2::after,
.why-choose-header h2::after,
.industries-section .section-header h2::after,
.split-title::after {
    background: var(--magna-blue) !important;
}

/* Hero CTA buttons (modal targets override .breakdown-btn / .rfq-btn) */
.hero-btn[data-bs-target="#quote4hModal"],
a.hero-btn[data-bs-target="#quote4hModal"] {
    background-color: var(--magna-gold) !important;
    border: 2px solid var(--magna-gold) !important;
    box-shadow: 0 8px 25px rgba(216, 154, 29, 0.25) !important;
}

.hero-btn[data-bs-target="#quote4hModal"] .btn-title,
.hero-btn[data-bs-target="#quote4hModal"] .btn-text {
    color: #ffffff !important;
}

.hero-btn[data-bs-target="#breakdownModal"],
a.hero-btn[data-bs-target="#breakdownModal"] {
    background-color: var(--magna-red) !important;
    border: 2px solid var(--magna-red) !important;
    box-shadow: 0 8px 25px rgba(214, 69, 69, 0.25) !important;
}

.hero-btn[data-bs-target="#breakdownModal"] .btn-title,
.hero-btn[data-bs-target="#breakdownModal"] .btn-text {
    color: #ffffff !important;
}

/* ========== BUTTONS ========== */
/* Get Quote = Gold */
.btn-magna-primary,
.cta-btn.primary,
.cta-btn-quote,
.quote-btn,
[data-bs-target="#quote4hModal"],
.hero-btn[data-bs-target="#quote4hModal"],
.magna-btn.btn1,
.btn-primary:not(.btn-outline-primary),
.btn-blue,
.btn-explore:not(.btn-download),
.magna-hero-banner .btn-explore,
.prod-card .enquiry-btn,
.enquiry-btn,
.card-body a,
.main-button a,
.ss-btn-primary,
.about-cta-light .cta-btn-primary,
.ind-cta .cta-btn,
.submit-btn-modern,
.form-btn-submit,
.quote-submit-btn,
.vendor-submit-btn,
.build-project-cta .submit-btn,
.magna-btn:not(.btn-download):not([class*="outline"]) {
    background-color: var(--magna-gold) !important;
    border-color: var(--magna-gold) !important;
    color: #ffffff !important;
}

.btn-magna-primary:hover,
.cta-btn.primary:hover,
.cta-btn-quote:hover,
.quote-btn:hover,
[data-bs-target="#quote4hModal"]:hover,
.hero-btn[data-bs-target="#quote4hModal"]:hover,
.magna-btn.btn1:hover,
.btn-primary:not(.btn-outline-primary):hover,
.btn-blue:hover,
.enquiry-btn:hover,
.ss-btn-primary:hover,
.about-cta-light .cta-btn-primary:hover,
.ind-cta .cta-btn:hover,
.submit-btn-modern:hover,
.form-btn-submit:hover,
.build-project-cta .submit-btn:hover,
.magna-btn:not(.btn-download):not([class*="outline"]):hover {
    background-color: #c48a1a !important;
    border-color: #c48a1a !important;
    color: #ffffff !important;
}

/* Submit RFQ = Blue Outline */
.btn-magna-secondary,
.rfq-btn,
[data-bs-target="#rfqModal"],
.hero-btn.rfq-btn,
.hero-btn[data-bs-target="#rfqModal"],
.btn-outline,
.btn-download,
.magna-hero-banner .btn-download,
.btn-secondary {
    background-color: transparent !important;
    border: 2px solid var(--magna-blue) !important;
    color: var(--magna-blue) !important;
}

.btn-magna-secondary:hover,
.rfq-btn:hover,
[data-bs-target="#rfqModal"]:hover,
.hero-btn[data-bs-target="#rfqModal"]:hover,
.btn-outline:hover,
.btn-download:hover {
    background-color: rgba(11, 52, 114, 0.08) !important;
    border-color: var(--magna-corporate-blue) !important;
    color: var(--magna-corporate-blue) !important;
}

/* Breakdown Assistance = Red */
.btn-magna-danger,
[data-bs-target="#breakdownModal"],
.hero-btn.breakdown-btn[data-bs-target="#breakdownModal"],
.breakdown-btn[data-bs-target="#breakdownModal"] {
    background-color: var(--magna-red) !important;
    border-color: var(--magna-red) !important;
    color: #ffffff !important;
}

.btn-magna-danger:hover,
[data-bs-target="#breakdownModal"]:hover,
.breakdown-btn[data-bs-target="#breakdownModal"]:hover {
    background-color: #b83a3a !important;
    border-color: #b83a3a !important;
    color: #ffffff !important;
}

/* Hero on dark — RFQ white outline variant */
.hero-section .rfq-btn,
.hero-section .hero-btn.rfq-btn,
.hero-section [data-bs-target="#rfqModal"] {
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}

.hero-section .rfq-btn:hover,
.hero-section [data-bs-target="#rfqModal"]:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}

.hero-btn .btn-title,
.hero-btn .btn-text {
    color: inherit !important;
}

/* ========== FOOTER ========== */
.magna-footer {
    background-color: var(--magna-footer-bg) !important;
    color: var(--magna-footer-text) !important;
}

.magna-footer p,
.magna-footer a,
.magna-footer li,
.footer-links-list a,
.footer-contact-list,
.footer-contact-list a,
.copyright-text,
.legal-links a {
    color: rgba(255, 255, 255, 0.88) !important;
}

.footer-title {
    color: var(--magna-footer-text) !important;
}

.footer-title::after {
    background: var(--magna-footer-icon) !important;
}

.footer-social a {
    color: var(--magna-footer-icon) !important;
    border: 1px solid rgba(216, 154, 29, 0.35) !important;
}

.footer-social a:hover {
    background: var(--magna-footer-icon) !important;
    color: var(--magna-footer-bg) !important;
}

.footer-contact-list i,
.footer-links-list a:hover,
.footer-contact-list a:hover,
.legal-links a:hover {
    color: var(--magna-footer-icon) !important;
}

/* ========== ICONS & UI ACCENTS ========== */
.feature-icon svg,
.card-icon svg,
.industry-icon svg,
.why-icon svg,
.magna-topic-icon,
.magna-res-icon,
.magna-dl-icon,
.flow-step .step-icon svg,
.stat-icon svg {
    stroke: var(--magna-blue) !important;
    color: var(--magna-blue) !important;
}

.magna-card-tag,
.magna-article-tag,
.product-icon-badge,
.highlight-icon {
    background: var(--magna-blue) !important;
    color: #ffffff !important;
}

.industry-item:hover,
.features-post:hover,
.work-item:hover,
.process-item:hover,
.product-card:hover,
.magna-card:hover {
    border-color: var(--magna-gold) !important;
}

/* ========== HERO / DARK BARS (Magna Blue 20%) ========== */
.trust-bar,
.magna-hero-banner,
.media-hero,
.hero-section,
.magna-download-center,
.magna-cta-section {
    background-color: var(--magna-blue) !important;
}

.magna-cta-section {
    background: linear-gradient(135deg, var(--magna-blue) 0%, var(--magna-corporate-blue) 100%) !important;
}

.magna-hero-banner .banner-overlay,
.media-hero-overlay {
    background: linear-gradient(90deg, var(--magna-blue) 0%, var(--magna-blue) 50%, transparent 100%) !important;
}

/* Industry hero image fade — light hero stays readable on light background */
.water-hero .water-hero-bg::after {
    background: linear-gradient(to right, rgba(248, 249, 250, 1) 0%, rgba(248, 249, 250, 0.3) 30%, transparent 100%) !important;
}

/* Legacy inline SVG colors → brand */
svg [fill="#2563eb"],
svg [fill="#0056d2"],
svg circle[fill="#2563eb"],
svg circle[fill="#0056d2"] {
    fill: var(--magna-blue) !important;
}

svg [stroke="#2563eb"],
svg [stroke="#0056d2"] {
    stroke: var(--magna-blue) !important;
}

svg [fill="#f5a623"],
svg [fill="#F5A623"] {
    fill: var(--magna-gold) !important;
}

svg [stroke="#f5a623"],
svg [stroke="#F5A623"] {
    stroke: var(--magna-gold) !important;
}

/* ========== FORMS ========== */
.contact-form-side input:focus,
.contact-form-side select:focus,
.contact-form-side textarea:focus {
    border-color: var(--magna-blue) !important;
    outline-color: var(--magna-blue) !important;
}

/* =============================================================================
   DARK SECTIONS — white / light text (poori website, LAST = highest priority)
   Jahan background dark ho, wahan text readable white/light.
   ============================================================================= */

/* Dark section containers */
.hero-section,
.media-hero,
.magna-hero-banner,
.magna-careers-hero,
.contact-hero,
.magna-cta-section,
.magna-download-center,
.trust-bar,
.page-heading,
.magna-about-wrapper .page-heading,
.section.courses:not(.steel-solutions-section),
.section.video,
.section.industries,
.content-section,
.modern-cta-section,
.build-hero,
.hero-dark,
section.hero-dark,
.magna-contact-dark,
.media-breadcrumb,
.media-network,
.media-footer-cta,
.final-cta,
.footer-cta,
.ss-hero,
.ss-support-banner,
.urgent-banner {
    --magna-on-dark-heading: #ffffff;
    --magna-on-dark-body: rgba(255, 255, 255, 0.82);
    --magna-on-dark-muted: rgba(255, 255, 255, 0.62);
    --magna-on-dark-accent: var(--magna-gold);
}

/* Headings */
.hero-section :is(h1, h2, h3, h4, h5, h6, .hero-title, .hero-heading, .section-label),
.media-hero :is(h1, h2, h3, h4, .media-hero-title),
.magna-hero-banner :is(h1, h2, h3, .banner-title h1),
.magna-careers-hero :is(h1, h2, h3),
.contact-hero :is(h1, h2, h3),
.magna-cta-section :is(h1, h2, h3, h4),
.magna-download-center :is(h1, h2, h3, h4, .magna-section-label),
.trust-bar :is(h1, h2, h3, h4, h5, h6),
.page-heading :is(h1, h2, h3),
.magna-about-wrapper .page-heading :is(h1, h2, h3),
.section.courses:not(.steel-solutions-section) :is(h1, h2, h3, h4, .section-heading h2),
.section.video :is(h1, h2, h3, h4, .section-heading h2, .left-content h2),
.section.industries :is(h1, h2, h3, h4, .section-heading h2),
.content-section :is(h1, h2, h3, h4, h5, h6),
.modern-cta-section :is(h1, h2, h3, h4, .cta-title),
.final-cta :is(h1, h2, h3, h4, h5, h6, .cta-box h2),
.footer-cta :is(h1, h2, h3, h4, h5, h6, .footer-cta-text h4),
.urgent-banner :is(h1, h2, h3, h4, h5, h6, .urgent-text h4),
.build-hero :is(h1, h2, h3),
.hero-dark :is(h1, h2, h3, h4, h5, h6, .hero-text h1),
section.hero-dark :is(h1, h2, h3, h4, h5, h6),
.media-breadcrumb :is(h1, h2, h3, span),
.media-network :is(h1, h2, h3, h4, .network-header, .network-number) {
    color: var(--magna-on-dark-heading) !important;
}

/* Body / paragraphs */
.hero-section :is(p, li, span, label, .hero-desc, .hero-top-text, .btn-text),
.media-hero :is(p, li, .media-hero-desc, .media-hero-label),
.magna-hero-banner :is(p, li, .banner-description),
.magna-careers-hero :is(p, li, .magna-hero-desc, .magna-breadcrumb, .magna-breadcrumb a, .magna-breadcrumb span),
.contact-hero :is(p, li, .hero-desc, .hero-breadcrumb, .hero-breadcrumb a),
.magna-cta-section :is(p, li, .magna-sub-label),
.magna-download-center :is(p, li, .magna-section-header p, .magna-download-list, .magna-download-list li, .magna-download-card h3, .magna-download-card p),
.trust-bar :is(p, li, span),
.page-heading :is(p, li),
.magna-about-wrapper .page-heading :is(p, li),
.section.courses:not(.steel-solutions-section) :is(p, li, .section-heading p),
.section.video :is(p, li, .section-heading p, .left-content p),
.section.industries :is(p, li, .section-heading p),
.content-section :is(p, li),
.modern-cta-section :is(p, li, .cta-subtitle, .cta-badge),
.final-cta :is(p, li, .cta-box p),
.footer-cta :is(p, li, .footer-cta-text p),
.ss-hero :is(p, li, .ss-hero-lead, .ss-hero-feature),
.ss-support-banner :is(p, li),
.urgent-banner :is(p, li, .urgent-text p),
.build-hero :is(p, li),
.hero-dark :is(p, li, .hero-text p, span),
section.hero-dark :is(p, li, span),
.media-breadcrumb :is(p, li, a, span),
.media-network :is(p, li, .network-label, .network-item p) {
    color: var(--magna-on-dark-body) !important;
}

/* Gold / accent spans on dark */
.hero-section :is(.orange, span.orange, .hero-heading span.orange),
.media-hero-title .blue-text,
.media-hero-title span,
.magna-hero-banner .banner-title h1 span,
.magna-careers-hero h1 .magna-blue-text,
.hero-dark .hero-text h1 span,
section.hero-dark h1 span,
.section.courses:not(.steel-solutions-section) .section-heading h2 span,
.section.video :is(em, span[style]),
.modern-cta-section .cta-badge {
    color: var(--magna-on-dark-accent) !important;
}

/* Breadcrumbs on dark heroes */
.media-hero-label,
.contact-hero .hero-breadcrumb a,
.magna-careers-hero .magna-breadcrumb a {
    color: var(--magna-on-dark-muted) !important;
}

.contact-hero .hero-breadcrumb a:hover,
.magna-careers-hero .magna-breadcrumb a:hover {
    color: var(--magna-on-dark-accent) !important;
}

/* RFQ outline buttons on dark backgrounds */
:is(.hero-section, .media-hero, .contact-hero, .magna-careers-hero, .magna-hero-banner) .btn-magna-secondary,
:is(.hero-section, .media-hero, .contact-hero, .magna-careers-hero) .rfq-btn,
:is(.hero-section, .media-hero, .contact-hero, .magna-careers-hero) [data-bs-target="#rfqModal"],
.media-hero .btn-download,
.magna-hero-banner .btn-download {
    background-color: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.85) !important;
    color: #ffffff !important;
}

:is(.hero-section, .media-hero, .contact-hero, .magna-careers-hero) .btn-magna-secondary:hover,
:is(.hero-section, .media-hero, .contact-hero, .magna-careers-hero) .rfq-btn:hover,
:is(.hero-section, .media-hero, .contact-hero, .magna-careers-hero) [data-bs-target="#rfqModal"]:hover,
.media-hero .btn-download:hover,
.magna-hero-banner .btn-download:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}

/* Dark cards inside dark sections (homepage steel cards etc.) */
.section.courses:not(.steel-solutions-section) .magna-card:not(.steel-card),
.section.courses:not(.steel-solutions-section) [style*="background:#0a"],
.section.courses:not(.steel-solutions-section) [style*="background: #0a"] {
    color: #ffffff !important;
}

.section.courses:not(.steel-solutions-section) .magna-card:not(.steel-card) :is(h4, h3, p),
.section.courses:not(.steel-solutions-section) [style*="background:#0a"] :is(h4, h3, p, li) {
    color: rgba(255, 255, 255, 0.85) !important;
}

.magna-cta-section .magna-cta-left :is(h2, p),
.magna-cta-section .magna-cta-info h4,
.magna-cta-section .magna-cta-info p,
.magna-cta-section .magna-cta-item {
    color: rgba(255, 255, 255, 0.9) !important;
}

.magna-download-center :is(h3, h4, .magna-section-label) {
    color: rgba(255, 255, 255, 0.95) !important;
}

.magna-download-center .magna-section-label {
    color: rgba(255, 255, 255, 0.7) !important;
}

.magna-download-center .magna-dl-icon {
    color: var(--magna-gold) !important;
}

.magna-download-center .magna-download-list a {
    color: rgba(255, 255, 255, 0.78) !important;
}

.magna-download-center .magna-download-list a:hover {
    color: var(--magna-gold) !important;
}

/* CTA section items */
.magna-cta-section .magna-cta-icon {
    color: var(--magna-gold) !important;
}

/* Products hero — feature items on dark */
.hero-section .feature-item :is(h4, p, .feature-title),
.hero-section .hero-right :is(h4, p, span) {
    color: rgba(255, 255, 255, 0.88) !important;
}

.hero-section .section-label {
    color: rgba(255, 255, 255, 0.7) !important;
}

.hero-section .hero-title span {
    color: var(--magna-gold) !important;
}

.hero-section .hero-heading span.white,
.hero-section span.white {
    color: #ffffff !important;
}

/* Page heading — gold title, white subtitle */
.page-heading h1,
.magna-about-wrapper .page-heading h1 {
    color: var(--magna-gold) !important;
}

.page-heading p,
.magna-about-wrapper .page-heading p {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Icons on dark — gold/white, not dark blue */
:is(.hero-section, .media-hero, .trust-bar, .magna-cta-section, .section.courses:not(.steel-solutions-section)) .feature-icon svg,
:is(.hero-section, .media-hero) .stat-icon svg {
    stroke: var(--magna-gold) !important;
    color: var(--magna-gold) !important;
}

/* Light industry heroes + institutional hospitality hero */
.water-hero,
.hero:not(.hero-dark) {
    background-color: var(--magna-bg-grey) !important;
}

.water-hero :is(h1, h2, h3, h4, h5, h6),
.water-hero-content :is(h1, h2, h3),
.hero:not(.hero-dark) :is(h1, h2, h3, h4, h5, h6) {
    color: var(--magna-text-heading) !important;
}

.water-hero :is(p, li, .water-hero-content p, .breadcrumb-nav, .breadcrumb-nav a, .hero-eyebrow),
.hero:not(.hero-dark) :is(p, li, span, .hero-content p) {
    color: var(--magna-text-body) !important;
}

.water-hero .breadcrumb-nav a:hover,
.hero:not(.hero-dark) a:hover {
    color: var(--magna-gold) !important;
}

.water-hero .hero-eyebrow,
.water-hero h1 span,
.hero:not(.hero-dark) h1 span,
.hero:not(.hero-dark) h2 span {
    color: var(--magna-gold) !important;
}

.water-hero .btn-magna-secondary,
.water-hero [data-bs-target="#rfqModal"],
.hero:not(.hero-dark) .btn-secondary {
    border-color: var(--magna-blue) !important;
    color: var(--magna-blue) !important;
    background-color: transparent !important;
}

.water-hero .btn-magna-secondary:hover,
.water-hero [data-bs-target="#rfqModal"]:hover,
.hero:not(.hero-dark) .btn-secondary:hover {
    background-color: rgba(11, 52, 114, 0.08) !important;
    color: var(--magna-corporate-blue) !important;
    border-color: var(--magna-corporate-blue) !important;
}

/* Exclude: white/light inner cards keep dark text */
:is(.section.courses, .section.video, .water-hero, .hero-section) :is(.card, .feature-card, .spec-card, .prod-card, .white-card, .bg-white, .features-container):not([style*="background:#0a"]):not([style*="background: #0a"]):not([style*="background:#111"]):not(.magna-card) :is(h1, h2, h3, h4, h5, h6, p, li, span) {
    color: var(--magna-text-body) !important;
}

:is(.section.courses, .section.video, .water-hero, .hero-section) :is(.card, .feature-card, .spec-card, .prod-card, .white-card, .bg-white, .features-container):not([style*="background:#0a"]):not(.magna-card) :is(h1, h2, h3, h4, h5, h6) {
    color: var(--magna-text-heading) !important;
}

/* ========== LIGHT HOMEPAGE SECTIONS (white bg) ========== */
.steel-solutions-section :is(h1, h2, h3, h4, h5, h6),
.steel-solutions-section .section-heading h2,
.steel-solutions-section .magna-modern-heading h2 {
    color: rgb(11, 52, 114) !important;
}

.steel-solutions-section :is(p, li, .section-heading p) {
    color: #64748b !important;
}

.steel-solutions-section .steel-card h4 {
    color: rgb(11, 52, 114) !important;
}

.steel-solutions-section .steel-card p {
    color: #64748b !important;
}

.steel-solutions-section .features-container .feature-content h3 {
    color: #0B3472 !important;
}

.steel-solutions-section .features-container .feature-content p {
    color: #64748b !important;
}

.steel-solutions-section .feature-icon svg {
    stroke: #0B3472 !important;
}

.vendor-network-section .network-heading h2 {
    color: rgb(11, 52, 114) !important;
}

.vendor-network-section .network-heading p {
    color: #64748b !important;
}

.vendor-network-section .network-item span {
    color: #0B3472 !important;
}

.vendor-network-section .stat-content h4 {
    color: #0B3472 !important;
}

.vendor-network-section .stat-content p {
    color: #64748b !important;
}

.vendor-network-section .network-card h4 {
    color: rgb(11, 52, 114) !important;
}

.vendor-network-section .network-card p {
    color: #64748b !important;
}

.execution-ground-section :is(h1, h2, h3, h4, h5, h6) {
    color: rgb(11, 52, 114) !important;
}

.execution-ground-section :is(p, li) {
    color: #64748b !important;
}

.execution-ground-section .execution-ground-header h2 span {
    color: #D89A1D !important;
}

.execution-ground-section .execution-check-list li {
    color: #0B3472 !important;
}

.execution-ground-section .execution-visual-overlay h4 {
    color: #ffffff !important;
}

.where-materials-work .magna-modern-heading h2 {
    color: rgb(11, 52, 114) !important;
}

.where-materials-work .wmw-section-desc {
    color: #64748b !important;
}

.where-materials-work .section-heading h2 {
    color: rgb(11, 52, 114) !important;
}

.where-materials-work .section-heading h2 span {
    color: rgb(11, 52, 114) !important;
}

.where-materials-work .section-heading p {
    color: #64748b !important;
}

/* ========== FINAL-CTA & FOOTER-CTA — white text on dark bg (all pages) ========== */
.final-cta,
.footer-cta {
    background: linear-gradient(135deg, rgb(11, 52, 114) 0%, #0B3472 55%, #111827 100%) !important;
    color: #ffffff !important;
}

.final-cta :is(h1, h2, h3, h4, h5, h6, .cta-box h2),
.footer-cta :is(h1, h2, h3, h4, h5, h6),
.footer-cta .footer-cta-text h4 {
    color: #ffffff !important;
}

.final-cta :is(p, li, .cta-box p),
.footer-cta :is(p, li),
.footer-cta .footer-cta-text p {
    color: rgba(255, 255, 255, 0.85) !important;
}

.final-cta .cta-btn.secondary,
.final-cta .cta-btn.whatsapp,
.final-cta .cta-btn.primary,
.footer-cta .cta-btn-quote,
.footer-cta-btns .cta-btn-quote {
    color: #ffffff !important;
}

.footer-cta-btns .cta-btn-quote i {
    color: #ffffff !important;
}

.footer-cta-btns .btn-secondary,
.footer-cta .btn-secondary {
    color: #ffffff !important;
}

/* ========== DARK BACKGROUNDS — white paragraphs (all pages) ========== */
:is(
    .ss-hero,
    .ss-support-banner,
    .ss-final-cta,
    .urgent-banner,
    .magna-download-center,
    .magna-cta-section,
    .modern-cta-section,
    .modern-app-section,
    .custom-strip-section,
    .media-footer-cta,
    .page-heading,
    .magna-about-wrapper .page-heading,
    .hero-section,
    .media-hero,
    .magna-hero-banner,
    .magna-careers-hero,
    .build-hero,
    .hero-dark,
    section.hero-dark,
    .utility-strip-section,
    .content-section,
    .section.courses:not(.steel-solutions-section),
    .section.video,
    .section.industries,
    .final-cta,
    .footer-cta
) :is(
    p,
    li,
    label,
    .ss-hero-lead,
    .ss-hero-feature,
    .urgent-text p,
    .banner-description,
    .cta-subtitle,
    .magna-cta-left p,
    .magna-cta-info p,
    .custom-strip-content p,
    .modern-text,
    .application-card p,
    .utility-text p
) {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* ========== CONTACT PAGE — restore original contact-new.css look ========== */
.magna-contact-wrapper .contact-hero h1 {
    color: #ffffff !important;
}

.magna-contact-wrapper .contact-hero h1 span.highlight {
    color: #0B3472 !important;
}

.magna-contact-wrapper .contact-hero p.hero-desc,
.magna-contact-wrapper .contact-hero .hero-desc {
    color: #cbd5e1 !important;
}

.magna-contact-wrapper .contact-hero .hero-breadcrumb,
.magna-contact-wrapper .contact-hero .hero-breadcrumb a {
    color: #94a3b8 !important;
}

.magna-contact-wrapper .contact-hero .hero-breadcrumb a:hover {
    color: #0B3472 !important;
}

.magna-contact-wrapper .connect-bar-title h3,
.magna-contact-wrapper .connect-card h4,
.magna-contact-wrapper .form-panel-wrapper h2,
.magna-contact-wrapper .why-connect-title h2,
.magna-contact-wrapper .why-feature-text h4,
.magna-contact-wrapper .vendor-network-section h3,
.magna-contact-wrapper .stat-box h4,
.magna-contact-wrapper .network-card h4,
.magna-contact-wrapper .client-badge-text h4 {
    color: #0f172a !important;
}

.magna-contact-wrapper .why-feature-text h4 {
    color: #0B3472 !important;
}

.magna-contact-wrapper .connect-bar-section p,
.magna-contact-wrapper .connect-card p,
.magna-contact-wrapper .why-feature-text p,
.magna-contact-wrapper .client-badge-text p,
.magna-contact-wrapper .vendor-network-section p,
.magna-contact-wrapper .stat-box p,
.magna-contact-wrapper .form-tag {
    color: #475569 !important;
}

.magna-contact-wrapper .connect-card .card-action {
    color: #0B3472 !important;
}

.magna-contact-wrapper .utility-strip-section :is(h5, p, li),
.magna-contact-wrapper .utility-strip-section .utility-text p,
.magna-contact-wrapper .utility-strip-section .utility-text p a {
    color: #f8fafc !important;
}

.magna-contact-wrapper .utility-strip-section .utility-text h5 {
    color: #94a3b8 !important;
}

/* Floating WhatsApp bubble — icon always white */
.whatsapp-float,
.whatsapp-float:hover {
    color: #ffffff !important;
}

.whatsapp-float svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* ========== DARK-FILLED BUTTONS — white text (sitewide) ========== */
:is(
    .ss-btn-navy,
    .steel-btn-dark,
    .magna-btn-primary,
    .magna-submit-btn,
    .btn-urgent,
    .cta-btn.whatsapp,
    .btn-success:not(.btn-outline-success),
    .about-cta-light .cta-btn-outline:hover,
    .vendor-btn:hover
) {
    color: #ffffff !important;
}

:is(
    .ss-btn-navy,
    .steel-btn-dark,
    .magna-btn-primary,
    .magna-submit-btn,
    .btn-urgent,
    .cta-btn.whatsapp,
    .about-cta-light .cta-btn-outline:hover,
    .vendor-btn:hover
):hover {
    color: #ffffff !important;
}

/* Dark sections — filled/outline CTAs readable on navy/charcoal backgrounds */
:is(
    .final-cta,
    .footer-cta,
    .hero-section,
    .page-heading,
    .magna-about-wrapper .page-heading,
    .ss-hero,
    .ss-final-cta,
    .ss-support-banner,
    .urgent-banner,
    .magna-cta-section,
    .modern-cta-section,
    .build-hero,
    .media-hero,
    .contact-hero,
    .magna-careers-hero,
    .magna-hero-banner
) :is(
    .cta-btn.primary,
    .cta-btn.secondary,
    .cta-btn.whatsapp,
    .btn-primary:not(.btn-outline-primary),
    .btn-secondary:not(.btn-outline),
    .ss-btn-outline,
    .ss-btn-navy,
    .ss-btn-primary,
    .hero-btn,
    .btn-magna-primary,
    .btn-magna-secondary,
    .btn-magna-danger
) {
    color: #ffffff !important;
}

:is(
    .final-cta,
    .footer-cta,
    .hero-section,
    .page-heading,
    .ss-hero,
    .ss-final-cta,
    .ss-support-banner,
    .urgent-banner,
    .magna-cta-section,
    .modern-cta-section,
    .build-hero,
    .media-hero,
    .contact-hero,
    .magna-careers-hero,
    .magna-hero-banner
) :is(.cta-btn, .hero-btn, .ss-btn, .btn-magna-primary, .btn-magna-secondary, .btn-magna-danger) :is(.btn-title, .btn-text, i, span) {
    color: inherit !important;
}

/* Footer CTA: white-bg outline buttons keep dark/red label text */
.footer-cta-btns .cta-btn-rfq,
.footer-cta-btns .cta-btn-breakdown {
    background-color: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
}

.footer-cta-btns .cta-btn-rfq {
    color: var(--magna-corporate-blue) !important;
}

.footer-cta-btns .cta-btn-breakdown {
    color: var(--magna-red) !important;
}

.footer-cta-btns .cta-btn-breakdown i {
    color: var(--magna-red) !important;
}

.footer-cta-btns .cta-btn-rfq:hover {
    color: var(--magna-gold) !important;
}

.footer-cta-btns .cta-btn-breakdown:hover {
    color: #b83a3a !important;
}

.footer-cta-btns .cta-btn-breakdown:hover i {
    color: #b83a3a !important;
}

/* ========== CARD TYPOGRAPHY — title 22px / body 14px (site-wide) ========== */
/* Product grid cards (industry pages) — compact title 15px */
.product-card .product-info h3,
.product-card .product-info h4,
.product-card h3.card-title {
    font-size: 15px !important;
    line-height: 1.35 !important;
}

.category-card .category-info h3,
.category-card .category-info h4,
.prod-card h3,
.prod-card h4,
.feature-card h3,
.feature-card h4,
.spec-card h3,
.spec-card h4,
.benefit-card h3,
.benefit-card h4,
.app-card h3,
.app-card h4,
.magna-card h3,
.magna-card h4,
.ab-card .ab-card-body h3,
.ab-card .ab-card-body h4,
.industry-item h4,
.industry-item .down-content h4 {
    font-size: 22px !important;
    line-height: 1.35 !important;
}

.product-card .product-info p,
.product-card .product-info li,
.product-card .card-desc,
.category-card .category-info p,
.category-card .category-info li,
.prod-card p,
.prod-card li,
.feature-card p,
.feature-card li,
.spec-card p,
.spec-card li,
.benefit-card p,
.benefit-card li,
.app-card p,
.app-card li,
.magna-card p,
.magna-card li,
.magna-card-desc,
.ab-card .ab-card-body p,
.ab-card .ab-card-body li {
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* ========== EXPLORE INDUSTRIES — single row (industry pages) ========== */
.explore-section {
    padding: 40px 0;
    background: #F5F7FA;
}

.explore-section .explore-title {
    font-size: 14px;
    font-weight: 700;
    color: #1a1a3e;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.explore-section .explore-industries-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    margin-left: 0;
    margin-right: 0;
}

.explore-section .explore-industries-row > [class*="col"] {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    width: auto;
    padding: 0;
}

.explore-section .explore-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

a.explore-card:hover {
    color: inherit;
    text-decoration: none;
}

.explore-section .explore-card:hover {
    border-color: #D89A1D;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.explore-section .explore-card-content {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.explore-section .explore-card-content i:first-child {
    font-size: 20px;
    color: #1a1a3e;
    flex-shrink: 0;
}

.explore-section .explore-card-content span {
    font-size: 15px !important;
    font-weight: 600;
    color: #1a1a3e;
    line-height: 1.4;
}

.explore-section .explore-card > i:last-child {
    font-size: 12px;
    color: #999;
    flex-shrink: 0;
}

.explore-section .explore-card.view-all {
    background: #1a1a3e;
    border-color: #1a1a3e;
}

.explore-section .explore-card.view-all span,
.explore-section .explore-card.view-all i {
    color: #fff !important;
}

@media (max-width: 991px) {
    .explore-section .container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .explore-section .explore-industries-row {
        flex-wrap: nowrap;
        min-width: max-content;
        padding-bottom: 4px;
    }

    .explore-section .explore-industries-row > [class*="col"] {
        flex: 0 0 155px;
    }
}



/* Forced white color for banner title and description */
.magna-hero-banner .banner-title h1,
.magna-hero-banner .banner-title h1 span,
.magna-hero-banner .banner-description,
.electrical-banner .banner-title h1,
.electrical-banner .banner-title h1 span,
.electrical-banner .banner-description {
    color: #ffffff !important;
}