/**
 * PPCI — Theme Light/Dark CSS
 *
 * Light theme = DEFAULT (:root in main.css)
 * Dark theme  = html.ppci-dark overrides below
 *
 * Toggle button styles + smooth transitions also here.
 */

/* ============================================================
   LIGHT THEME — specific component fixes
   (body/header use vars; some components need explicit colours)
   ============================================================ */

/* Body defaults — light */
body {
  background: #F0F4FA;
  color: #1A2540;
}

/* Header — white on light */
.site-header {
  background: rgba(255,255,255,0.97) !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}
.site-header.scrolled {
  box-shadow: 0 4px 24px rgba(0,0,0,0.1) !important;
  border-bottom-color: rgba(232,103,26,0.2) !important;
}
.logo-name { color: #1A2540 !important; }
.logo-tag  { color: #718096 !important; }
.nav-link, .nav-parent { color: #4A5568 !important; }
.nav-link:hover, .nav-parent:hover { color: #1A2540 !important; background: rgba(0,0,0,0.04) !important; }
.nav-link.active { color: var(--orange) !important; background: transparent !important; }
.dropdown { background: #FFFFFF !important; border-color: rgba(0,0,0,0.1) !important; box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important; }
.dropdown li a { color: #4A5568 !important; }
.dropdown li a:hover { background: rgba(0,0,0,0.04) !important; color: #1A2540 !important; }
.dd-text strong { color: #1A2540 !important; }
.dd-text small  { color: #718096 !important; }
.hamburger span { background: #1A2540 !important; }
.mobile-nav  { background: #FFFFFF !important; border-top-color: rgba(0,0,0,0.08) !important; }
.mobile-link { color: #4A5568 !important; }
.mobile-link:hover { color: #1A2540 !important; }
.mobile-section-label { color: var(--orange) !important; }

/* Section titles on light backgrounds */
.section-title { color: #1A2540 !important; }
.section-sub   { color: #4A5568 !important; }

/* Service cards — white on light */
.services-grid { background: rgba(0,0,0,0.05) !important; border-color: rgba(0,0,0,0.08) !important; }
.service-card  { background: #FFFFFF !important; }
.service-card:hover { background: #F7F9FC !important; }
.sc-icon       { background: #F7F9FC !important; border-color: rgba(0,0,0,0.08) !important; }
.service-card:hover .sc-icon { background: rgba(232,103,26,0.08) !important; }
.sc-title      { color: #1A2540 !important; }
.sc-desc       { color: #4A5568 !important; }
.sc-tags span  { background: rgba(0,0,0,0.05) !important; color: #718096 !important; border-color: rgba(0,0,0,0.08) !important; }
.service-card:hover .sc-tags span { background: rgba(232,103,26,0.08) !important; color: var(--orange) !important; }

/* Process steps */
.process-step       { background: #FFFFFF !important; border-color: rgba(0,0,0,0.08) !important; }
.process-step:hover { background: #F7F9FC !important; }
.ps-title           { color: #1A2540 !important; }
.ps-desc            { color: #4A5568 !important; }
.ps-num             { color: rgba(43,124,184,0.12) !important; }
.process-step::after { color: #CBD5E0 !important; }

/* Why section */
.why-point       { background: #FFFFFF !important; border-color: rgba(0,0,0,0.08) !important; }
.why-point:hover { border-color: rgba(232,103,26,0.2) !important; background: #FFF8F4 !important; transform: translateX(4px); }
.wp-title        { color: #1A2540 !important; }
.wp-desc         { color: #4A5568 !important; }

/* Heritage card */
.heritage-card          { background: #FFFFFF !important; border-color: rgba(0,0,0,0.1) !important; box-shadow: 0 4px 24px rgba(0,0,0,0.08) !important; }
.heritage-card-header   { background: linear-gradient(135deg,#F7F9FC,#FFFFFF) !important; border-bottom-color: rgba(0,0,0,0.07) !important; }
.hc-title               { color: #1A2540 !important; }
.hc-text                { color: #4A5568 !important; }
.ms-text                { color: #4A5568 !important; }
.ms-text strong         { color: #1A2540 !important; }

/* Testimonials */
.testi-card        { background: #FFFFFF !important; border-color: rgba(0,0,0,0.08) !important; }
.testi-card:hover  { box-shadow: 0 8px 32px rgba(0,0,0,0.1) !important; border-color: rgba(232,103,26,0.2) !important; }
.testi-text        { color: #4A5568 !important; }
.testi-name        { color: #1A2540 !important; }
.testi-role        { color: #718096 !important; }
.testi-card::before { color: rgba(232,103,26,0.06) !important; }

/* FAQ */
.faq-item       { background: #FFFFFF !important; border-color: rgba(0,0,0,0.08) !important; }
.faq-q          { color: #1A2540 !important; font-family: 'Nunito', sans-serif; }
.faq-q:hover    { background: rgba(0,0,0,0.02) !important; }
.faq-q.open     { background: rgba(232,103,26,0.06) !important; color: var(--orange) !important; }
.faq-a          { background: rgba(232,103,26,0.04) !important; color: #4A5568 !important; }
.faq-icon       { color: var(--orange) !important; }

/* Breadcrumb */
.breadcrumb { background: none !important; }
.breadcrumb a { color: #718096 !important; }
.breadcrumb a:hover { color: var(--orange) !important; }
.breadcrumb-current { color: var(--orange) !important; }
.breadcrumb-sep { color: #CBD5E0 !important; }
[style*="background:var(--bg-dark)"] { background: #EEF2F8 !important; }

/* Figma service page */
.service-page-wrap { background: #F7F9FC !important; }
.figma-sub-card    { background: #FFFFFF !important; border-color: rgba(0,0,0,0.08) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important; color: #1A2540; }
.figma-sub-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.1) !important; border-color: rgba(232,103,26,0.2) !important; }
.fsc-title         { color: #1A2540 !important; }
.fsc-desc          { color: #718096 !important; border-bottom-color: #EEF2F8 !important; }
.fsc-list li       { color: #4A5568 !important; }
.fsc-check         { background: rgba(77,170,77,0.12) !important; border-color: rgba(77,170,77,0.35) !important; color: #2F7A2F !important; }
.sph-eyebrow       { color: var(--orange) !important; }
.sph-title         { color: #1A2540 !important; }
.sph-desc          { color: #718096 !important; }

/* Sub-services */
.sub-service       { background: #FFFFFF !important; border-color: rgba(0,0,0,0.08) !important; }
.sub-service:hover { border-color: rgba(232,103,26,0.2) !important; background: #FFF8F4 !important; }
.ss-icon           { filter: none; }
.ss-title          { color: #1A2540 !important; }
.ss-desc           { color: #4A5568 !important; }

/* Benefits list */
.benefit-item       { background: #FFFFFF !important; border-color: rgba(0,0,0,0.08) !important; }
.benefit-item:hover { border-color: rgba(77,170,77,0.2) !important; }
.bi-title           { color: #1A2540 !important; }
.bi-desc            { color: #4A5568 !important; }

/* Contact page */
.contact-item       { background: #FFFFFF !important; border-color: rgba(0,0,0,0.08) !important; }
.contact-item:hover { border-color: rgba(232,103,26,0.2) !important; }
.ci-label           { color: #718096 !important; }
.ci-value           { color: #1A2540 !important; }
.ci-icon            { background: rgba(232,103,26,0.08) !important; border-color: rgba(232,103,26,0.15) !important; }
.contact-form-wrap  { background: #FFFFFF !important; border-color: rgba(0,0,0,0.1) !important; box-shadow: 0 4px 24px rgba(0,0,0,0.08) !important; }
.form-title         { color: #1A2540 !important; }
.form-row label     { color: #718096 !important; }
.form-row input,
.form-row select,
.form-row textarea  { background: #F7F9FC !important; border-color: rgba(0,0,0,0.12) !important; color: #1A2540 !important; }
.form-row input::placeholder,
.form-row textarea::placeholder { color: #A0AEC0 !important; }
.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus { border-color: rgba(232,103,26,0.5) !important; box-shadow: 0 0 0 3px rgba(232,103,26,0.08) !important; }
.form-row select option { background: #FFFFFF; color: #1A2540; }
.form-note          { color: #718096 !important; }
.contact-mission    { background: #FFF8F4 !important; border-color: rgba(232,103,26,0.15) !important; }
.cm-label           { color: var(--orange) !important; }
.cm-quote           { color: #1A2540 !important; }
.contact-social-row .social-link { background: rgba(0,0,0,0.05) !important; border-color: rgba(0,0,0,0.1) !important; color: #4A5568 !important; }

/* Quick connect */
.qc-dark            { background: #EEF2F8 !important; color: #1A2540 !important; border-color: rgba(0,0,0,0.12) !important; }
.qc-dark:hover      { background: #E2E8F0 !important; }

/* About page */
.team-card          { background: #FFFFFF !important; border-color: rgba(0,0,0,0.08) !important; }
.team-card:hover    { border-color: rgba(232,103,26,0.15) !important; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,0.08) !important; }
.tc-name            { color: #1A2540 !important; }
.tc-role            { color: var(--orange) !important; }
.tc-bio             { color: #4A5568 !important; }
.value-card         { background: #FFFFFF !important; border-color: rgba(0,0,0,0.08) !important; }
.value-card:hover   { background: #F7F9FC !important; border-color: rgba(43,124,184,0.2) !important; }
.vc-title           { color: #1A2540 !important; }
.vc-desc            { color: #4A5568 !important; }
.csr-card           { background: #FFFFFF !important; }
.csr-title          { color: #1A2540 !important; }
.csr-desc           { color: #4A5568 !important; }

/* Social links (outside footer) */
.social-link        { background: rgba(0,0,0,0.05) !important; border-color: rgba(0,0,0,0.1) !important; color: #4A5568 !important; }

/* Hero pills */
.hero-pill          { background: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.2) !important; color: rgba(255,255,255,0.85) !important; }

/* Mini form section — keep dark always */
.section-wrap--mini-form { background: #0D1525 !important; }

/* 404 page */
.p404-msg           { color: #1A2540 !important; }
.p404-sub           { color: #4A5568 !important; }

/* ============================================================
   DARK THEME OVERRIDES — applied when html.ppci-dark
   Restores original dark look
   ============================================================ */
html.ppci-dark body                    { background: #070C16 !important; color: #F0F4FF !important; }
html.ppci-dark .site-header            { background: rgba(7,12,22,0.97) !important; border-bottom-color: rgba(255,255,255,0.07) !important; }
html.ppci-dark .site-header.scrolled  { box-shadow: 0 4px 32px rgba(0,0,0,0.5) !important; border-bottom-color: rgba(232,103,26,0.2) !important; }
html.ppci-dark .logo-name             { color: #F0F4FF !important; }
html.ppci-dark .logo-tag              { color: rgba(200,215,240,0.3) !important; }
html.ppci-dark .nav-link,
html.ppci-dark .nav-parent            { color: rgba(200,215,240,0.75) !important; }
html.ppci-dark .nav-link:hover,
html.ppci-dark .nav-parent:hover      { color: #F0F4FF !important; background: rgba(255,255,255,0.06) !important; }
html.ppci-dark .nav-link.active       { color: #F5924A !important; background: transparent !important; }
html.ppci-dark .dropdown              { background: #111C2E !important; border-color: rgba(255,255,255,0.07) !important; box-shadow: 0 12px 48px rgba(0,0,0,0.45) !important; }
html.ppci-dark .dropdown li a         { color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .dropdown li a:hover   { background: rgba(255,255,255,0.05) !important; color: #F0F4FF !important; }
html.ppci-dark .dd-text strong        { color: #F0F4FF !important; }
html.ppci-dark .dd-text small         { color: rgba(200,215,240,0.3) !important; }
html.ppci-dark .hamburger span        { background: #F0F4FF !important; }
html.ppci-dark .mobile-nav            { background: #0D1525 !important; border-top-color: rgba(255,255,255,0.07) !important; }
html.ppci-dark .mobile-link           { color: rgba(200,215,240,0.8) !important; }
html.ppci-dark .section-title         { color: #F0F4FF !important; }
html.ppci-dark .section-sub           { color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .services-grid         { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.07) !important; }
html.ppci-dark .service-card          { background: #111C2E !important; }
html.ppci-dark .service-card:hover    { background: #162035 !important; }
html.ppci-dark .sc-icon               { background: #070C16 !important; border-color: rgba(255,255,255,0.07) !important; }
html.ppci-dark .service-card:hover .sc-icon { background: rgba(232,103,26,0.06) !important; }
html.ppci-dark .sc-title              { color: #F0F4FF !important; }
html.ppci-dark .sc-desc               { color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .sc-tags span          { background: rgba(255,255,255,0.05) !important; color: rgba(200,215,240,0.3) !important; border-color: rgba(255,255,255,0.07) !important; }
html.ppci-dark .process-step          { background: #111C2E !important; border-color: rgba(255,255,255,0.07) !important; }
html.ppci-dark .process-step:hover    { background: #162035 !important; border-color: rgba(43,124,184,0.25) !important; }
html.ppci-dark .ps-title              { color: #F0F4FF !important; }
html.ppci-dark .ps-desc               { color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .ps-num                { color: rgba(43,124,184,0.2) !important; }
html.ppci-dark .process-step::after   { color: rgba(200,215,240,0.3) !important; }
html.ppci-dark .why-point             { background: #111C2E !important; border-color: rgba(255,255,255,0.07) !important; }
html.ppci-dark .why-point:hover       { border-color: rgba(232,103,26,0.3) !important; background: #162035 !important; }
html.ppci-dark .wp-title              { color: #F0F4FF !important; }
html.ppci-dark .wp-desc               { color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .heritage-card         { background: #162035 !important; border-color: rgba(255,255,255,0.07) !important; box-shadow: none !important; }
html.ppci-dark .heritage-card-header  { background: linear-gradient(135deg,#070C16,#0D1525) !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
html.ppci-dark .hc-title              { color: #F0F4FF !important; }
html.ppci-dark .hc-text               { color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .ms-text               { color: rgba(200,215,240,0.6) !important; }
html.ppci-dark .ms-text strong        { color: #F0F4FF !important; }
html.ppci-dark .testi-card            { background: #111C2E !important; border-color: rgba(255,255,255,0.07) !important; }
html.ppci-dark .testi-card:hover      { border-color: rgba(232,103,26,0.2) !important; box-shadow: 0 12px 32px rgba(0,0,0,0.06) !important; }
html.ppci-dark .testi-text            { color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .testi-name            { color: #F0F4FF !important; }
html.ppci-dark .testi-role            { color: rgba(200,215,240,0.3) !important; }
html.ppci-dark .faq-item              { background: #111C2E !important; border-color: rgba(255,255,255,0.07) !important; }
html.ppci-dark .faq-q                 { color: #F0F4FF !important; }
html.ppci-dark .faq-q:hover           { background: rgba(255,255,255,0.03) !important; }
html.ppci-dark .faq-q.open           { background: rgba(232,103,26,0.08) !important; color: #F5924A !important; }
html.ppci-dark .faq-a                 { background: rgba(232,103,26,0.08) !important; color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .breadcrumb a          { color: rgba(200,215,240,0.3) !important; }
html.ppci-dark .breadcrumb-sep        { color: rgba(200,215,240,0.2) !important; }
html.ppci-dark [style*="background:var(--bg-dark)"] { background: #0D1525 !important; }
html.ppci-dark .service-page-wrap     { background: #F4F6FA !important; }
html.ppci-dark .figma-sub-card        { background: #FFFFFF !important; }
html.ppci-dark .contact-item          { background: #111C2E !important; border-color: rgba(255,255,255,0.07) !important; }
html.ppci-dark .contact-item:hover    { border-color: rgba(232,103,26,0.25) !important; }
html.ppci-dark .ci-label              { color: rgba(200,215,240,0.3) !important; }
html.ppci-dark .ci-value              { color: #F0F4FF !important; }
html.ppci-dark .ci-icon               { background: rgba(232,103,26,0.1) !important; border-color: rgba(232,103,26,0.25) !important; }
html.ppci-dark .contact-form-wrap     { background: #111C2E !important; border-color: rgba(255,255,255,0.07) !important; box-shadow: none !important; }
html.ppci-dark .form-title            { color: #F0F4FF !important; }
html.ppci-dark .form-row label        { color: rgba(200,215,240,0.3) !important; }
html.ppci-dark .form-row input,
html.ppci-dark .form-row select,
html.ppci-dark .form-row textarea     { background: #070C16 !important; border-color: rgba(255,255,255,0.07) !important; color: #F0F4FF !important; }
html.ppci-dark .form-row input::placeholder,
html.ppci-dark .form-row textarea::placeholder { color: rgba(200,215,240,0.2) !important; }
html.ppci-dark .form-note             { color: rgba(200,215,240,0.3) !important; }
html.ppci-dark .contact-mission       { background: rgba(232,103,26,0.08) !important; border-color: rgba(232,103,26,0.2) !important; }
html.ppci-dark .cm-quote              { color: rgba(255,255,255,0.8) !important; }
html.ppci-dark .contact-social-row .social-link { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.07) !important; color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .qc-dark               { background: #162035 !important; color: #F0F4FF !important; border-color: rgba(255,255,255,0.15) !important; }
html.ppci-dark .team-card             { background: #111C2E !important; border-color: rgba(255,255,255,0.07) !important; }
html.ppci-dark .team-card:hover       { border-color: rgba(232,103,26,0.2) !important; }
html.ppci-dark .tc-name               { color: #F0F4FF !important; }
html.ppci-dark .tc-bio                { color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .value-card            { background: #111C2E !important; border-color: rgba(255,255,255,0.07) !important; }
html.ppci-dark .vc-title              { color: #F0F4FF !important; }
html.ppci-dark .vc-desc               { color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .csr-card              { background: #111C2E !important; }
html.ppci-dark .csr-title             { color: #F0F4FF !important; }
html.ppci-dark .csr-desc              { color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .benefit-item          { background: #111C2E !important; border-color: rgba(255,255,255,0.07) !important; }
html.ppci-dark .bi-title              { color: #F0F4FF !important; }
html.ppci-dark .bi-desc               { color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .sub-service           { background: #111C2E !important; border-color: rgba(255,255,255,0.07) !important; }
html.ppci-dark .sub-service:hover     { background: #162035 !important; border-color: rgba(232,103,26,0.25) !important; }
html.ppci-dark .ss-title              { color: #F0F4FF !important; }
html.ppci-dark .ss-desc               { color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .social-link           { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.07) !important; color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .hero-pill             { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.07) !important; color: rgba(200,215,240,0.55) !important; }
html.ppci-dark .p404-msg              { color: #F0F4FF !important; }
html.ppci-dark .p404-sub              { color: rgba(200,215,240,0.55) !important; }

/* ============================================================
   THEME TOGGLE BUTTON STYLES
   ============================================================ */
.ppci-theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #EEF2F8;
  border: 1.5px solid rgba(0,0,0,0.12);
  border-radius: 100px;
  padding: 7px 14px 7px 10px;
  cursor: pointer;
  font-family: 'Nunito', sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  color: #4A5568;
  transition: all 0.25s ease;
  white-space: nowrap;
  line-height: 1;
  flex-shrink: 0;
}
.ppci-theme-toggle:hover {
  border-color: rgba(232,103,26,0.4);
  color: var(--orange);
  background: #FFF8F4;
}
.toggle-icon-sun svg,
.toggle-icon-moon svg {
  width: 15px; height: 15px;
  display: block;
  stroke: currentColor;
}
.toggle-label { font-size: 12px; }

/* Dark mode toggle button */
html.ppci-dark .ppci-theme-toggle {
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(255,255,255,0.15) !important;
  color: rgba(200,215,240,0.75) !important;
}
html.ppci-dark .ppci-theme-toggle:hover {
  border-color: rgba(232,103,26,0.4) !important;
  color: #F5924A !important;
  background: rgba(232,103,26,0.08) !important;
}

/* ============================================================
   SMOOTH TRANSITIONS — both themes
   ============================================================ */
body,
.site-header,
.service-card, .sc-icon,
.testi-card,
.faq-item, .faq-q,
.why-point,
.process-step,
.heritage-card, .heritage-card-header,
.team-card,
.value-card, .csr-card,
.contact-item, .contact-form-wrap,
.figma-sub-card,
.sub-service, .benefit-item,
.form-row input, .form-row select, .form-row textarea,
.ppci-theme-toggle {
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease !important;
}


/* ============================================================
   LIGHT MODE — DARK BACKGROUND SECTIONS ALWAYS KEEP WHITE TEXT
   Hero, page-hero, stats bar, CTA band, dark sections, footer,
   mini-form, and any section with a forced dark bg must always
   show white text regardless of the active theme.
   ============================================================ */

/* Hero (homepage) — dark bg, always white text */
.hero,
.hero *:not(.btn):not(.btn *):not(.hero-badge) {
  color: inherit;
}
.hero { color: #F0F4FF !important; }
.hero h1,
.hero .hero-sub,
.hero .hero-stat-label,
.hero-badge                         { color: rgba(255,255,255,0.85) !important; }
.hero h1 .line-orange               { color: #F5924A !important; }
.hero h1 .line-blue                 { color: #5BA3D9 !important; }
.hero .hero-stat-num                { color: #F0F4FF !important; }
.hero .s-o                          { color: #F5924A !important; }
.hero .s-b                          { color: #5BA3D9 !important; }
.hero .s-g                          { color: #72C472 !important; }
.hero .hero-stat-label              { color: rgba(255,255,255,0.5) !important; }
.hero .hero-divider                 { background: rgba(255,255,255,0.1) !important; }
.hero-trust-label                   { color: rgba(255,255,255,0.35) !important; }

/* Page hero (service + about + contact pages) — always white */
.page-hero                          { background: linear-gradient(160deg,#1A2540 0%,#0D1525 100%) !important; }
.page-hero h1,
.page-hero .page-hero-sub,
.page-hero p,
.page-hero span,
.page-hero div                      { color: #F0F4FF; }
.page-hero h1                       { color: #F0F4FF !important; }
.page-hero .page-hero-sub           { color: rgba(255,255,255,0.7) !important; }
.page-hero .accent-o                { color: #F5924A !important; }
.page-hero .accent-b                { color: #5BA3D9 !important; }
.page-hero .accent-g                { color: #72C472 !important; }

/* Stats bar — always dark bg, white text */
.stats-bar                          { background: linear-gradient(180deg,#0D1525 0%,#111C2E 100%) !important; }
.stats-bar .stat-num,
.stats-bar .stat-label,
.stats-bar .stat-icon               { color: #F0F4FF !important; }
.stats-bar .s-o                     { color: #F5924A !important; }
.stats-bar .s-b                     { color: #5BA3D9 !important; }
.stats-bar .s-g                     { color: #72C472 !important; }
.stats-bar .stat-label              { color: rgba(255,255,255,0.45) !important; }

/* Dark sections (section-wrap--dark) — always white text */
.section-wrap--dark                 { background: #0D1525 !important; }
.section-wrap--dark .section-title  { color: #F0F4FF !important; }
.section-wrap--dark .section-sub    { color: rgba(200,215,240,0.55) !important; }
.section-wrap--dark .section-eyebrow { color: #F5924A !important; }
.section-wrap--dark h2,
.section-wrap--dark h3,
.section-wrap--dark h4              { color: #F0F4FF !important; }
.section-wrap--dark p               { color: rgba(200,215,240,0.6) !important; }
.section-wrap--dark .accent-o       { color: #F5924A !important; }
.section-wrap--dark .accent-b       { color: #5BA3D9 !important; }
.section-wrap--dark .accent-g       { color: #72C472 !important; }

/* FAQ inside dark sections */
.section-wrap--dark .faq-item       { background: #111C2E !important; border-color: rgba(255,255,255,0.07) !important; }
.section-wrap--dark .faq-q          { color: #F0F4FF !important; }
.section-wrap--dark .faq-q:hover    { background: rgba(255,255,255,0.03) !important; }
.section-wrap--dark .faq-q.open     { background: rgba(232,103,26,0.1) !important; color: #F5924A !important; }
.section-wrap--dark .faq-a          { background: rgba(232,103,26,0.06) !important; color: rgba(200,215,240,0.6) !important; }
.section-wrap--dark .faq-icon       { color: #F5924A !important; }

/* Heritage card (inside dark or light bg) — keep dark inside */
.heritage-card                      { background: #162035 !important; border-color: rgba(255,255,255,0.07) !important; }
.heritage-card-header               { background: linear-gradient(135deg,#0D1525,#162035) !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
.hc-label                           { color: #F5924A !important; }
.hc-title                           { color: #F0F4FF !important; }
.hc-text                            { color: rgba(200,215,240,0.55) !important; }
.ms-label                           { color: #F5924A !important; }
.ms-text                            { color: rgba(200,215,240,0.6) !important; }
.ms-text strong                     { color: #F0F4FF !important; }
.ms-dot                             { background: #F5924A !important; box-shadow: 0 0 8px #F5924A !important; }
.ms-tail                            { background: rgba(255,255,255,0.07) !important; }

/* CTA band — always dark, always white text */
.cta-band                           { background: linear-gradient(135deg,#0D1525 0%,#111C2E 50%,#0D1525 100%) !important; }
.cta-band .cta-band-title           { color: #F0F4FF !important; }
.cta-band .cta-band-sub             { color: rgba(200,215,240,0.55) !important; }
.cta-band .accent-o                 { color: #F5924A !important; }
.cta-band .accent-b                 { color: #5BA3D9 !important; }
.cta-band .accent-g                 { color: #72C472 !important; }

/* Footer — always dark, always white text */
.site-footer,
.site-footer *:not(a):not(.btn):not(.btn *):not(.social-link) { color: inherit; }
.site-footer                        { background: #04080F !important; color: rgba(200,215,240,0.35) !important; }
.footer-logo-name                   { color: #F0F4FF !important; }
.footer-logo-name em                { color: #F5924A !important; }
.footer-desc                        { color: rgba(200,215,240,0.35) !important; }
.footer-tag                         { color: #4DAA4D !important; }
.footer-col-title                   { color: #F5924A !important; }
.footer-links a                     { color: rgba(200,215,240,0.4) !important; }
.footer-links a:hover               { color: #F0F4FF !important; }
.footer-copy                        { color: rgba(200,215,240,0.25) !important; }
.footer-mission                     { color: rgba(77,170,77,0.5) !important; }
.footer-links span                  { color: rgba(200,215,240,0.3) !important; }

/* Mini form section — always dark, always white */
.section-wrap--mini-form            { background: #0D1525 !important; }
.section-wrap--mini-form h2,
.section-wrap--mini-form h3,
.section-wrap--mini-form p,
.section-wrap--mini-form li,
.section-wrap--mini-form label      { color: #F0F4FF !important; }
.section-wrap--mini-form .section-eyebrow { color: #F5924A !important; }

/* Figma "why band" — always dark gradient, always white */
.figma-why-band-inner               { background: linear-gradient(135deg,#1E3A8A 0%,#4C1D95 50%,#7C3AED 100%) !important; }
.figma-why-band-inner .fwb-title,
.figma-why-band-inner .fwb-list li,
.figma-why-band-inner .fwb-label    { color: #fff !important; }
.figma-why-band-inner .fwb-check    { background: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.4) !important; color: #fff !important; }

/* Why section on light bg — keep card text readable */
.why-grid .section-title            { color: #1A2540 !important; }
.why-grid .section-sub              { color: #4A5568 !important; }
.why-grid .section-eyebrow          { color: #E8671A !important; }

/* About page — mission/vision cards (dark bordered, light bg) */
.section-wrap:not(.section-wrap--dark) [style*="rgba(232,103,26,0.2)"] h3,
.section-wrap:not(.section-wrap--dark) [style*="rgba(43,124,184,0.2)"] h3,
.section-wrap:not(.section-wrap--dark) [style*="rgba(77,170,77,0.2)"] h3 {
  color: #1A2540 !important;
}
.section-wrap:not(.section-wrap--dark) [style*="rgba(232,103,26,0.2)"] p,
.section-wrap:not(.section-wrap--dark) [style*="rgba(43,124,184,0.2)"] p,
.section-wrap:not(.section-wrap--dark) [style*="rgba(77,170,77,0.2)"] p {
  color: #4A5568 !important;
}

/* Service icon display boxes on page hero (always dark) */
.service-icon-display               { background: #162035 !important; border-color: rgba(255,255,255,0.07) !important; }

/* Breadcrumb bar on light bg */
[style*="background:var(--bg-dark)"] .breadcrumb a  { color: #718096 !important; }
[style*="background:var(--bg-dark)"] .breadcrumb-current { color: #E8671A !important; }

/* Process steps connector arrow — light bg */
.process-step:not(.section-wrap--dark .process-step)::after { color: #CBD5E0 !important; }

/* Section eyebrow on light bg sections */
.section-wrap:not(.section-wrap--dark) .section-eyebrow { color: #E8671A !important; }
.section-wrap:not(.section-wrap--dark) .section-title   { color: #1A2540 !important; }
.section-wrap:not(.section-wrap--dark) .section-sub     { color: #4A5568 !important; }

/* Testimonial quote mark on light */
.testi-card::before { color: rgba(232,103,26,0.06) !important; }

/* Contact mission box */
.contact-mission .cm-quote          { color: #1A2540 !important; font-style: italic; }
.contact-mission .cm-label          { color: #E8671A !important; }

/* Page hero badge pills — always readable on dark hero */
.page-hero-badge.badge-o { background: rgba(232,103,26,0.15) !important; border-color: rgba(232,103,26,0.4) !important; color: #F5924A !important; }
.page-hero-badge.badge-b { background: rgba(43,124,184,0.15) !important; border-color: rgba(43,124,184,0.4) !important; color: #5BA3D9 !important; }
.page-hero-badge.badge-g { background: rgba(77,170,77,0.15) !important; border-color: rgba(77,170,77,0.4) !important; color: #72C472 !important; }

/* Hero badge (homepage) */
.hero-badge { background: rgba(232,103,26,0.12) !important; border-color: rgba(232,103,26,0.3) !important; color: #F5924A !important; }

/* Floating WA button — always visible */
.wa-float { background: linear-gradient(135deg,#25D366,#1aad52) !important; color: #fff !important; }

/* ============================================================
   LIGHT MODE — INLINE-STYLE DARK CARDS (about page, homepage)
   These cards use inline background colours so we target their
   known parent section context
   ============================================================ */

/* About page — Mission/Vision/Promise cards on dark section */
.section-wrap--dark [style*="background:var(--bg-card)"],
.section-wrap--dark [style*="background: var(--bg-card)"] {
  background: #111C2E !important;
}
.section-wrap--dark [style*="background:var(--bg-card)"] p,
.section-wrap--dark [style*="background: var(--bg-card)"] p { color: rgba(200,215,240,0.55) !important; }

/* Homepage — inline dark heritage milestones */
.section-wrap--dark [style*="color:var(--orange)"],
.section-wrap--dark [style*="color: var(--orange)"] { color: #F5924A !important; }
.section-wrap--dark [style*="color:var(--green-light)"],
.section-wrap--dark [style*="color: var(--green-light)"] { color: #72C472 !important; }
.section-wrap--dark [style*="color:var(--text-white)"],
.section-wrap--dark [style*="color: var(--text-white)"] { color: #F0F4FF !important; }
.section-wrap--dark [style*="color:var(--text-muted)"],
.section-wrap--dark [style*="color: var(--text-muted)"] { color: rgba(200,215,240,0.55) !important; }

/* CSR section pledge number */
.section-wrap--dark [style*="color:var(--green-light)"] { color: #72C472 !important; }
.section-wrap--dark [style*="color:var(--text-muted)"]  { color: rgba(200,215,240,0.5) !important; }

/* Contact page — section-wrap--dark info heading */
.section-wrap--dark .section-title { color: #F0F4FF !important; }
.section-wrap--dark .section-sub   { color: rgba(200,215,240,0.55) !important; }
.section-wrap--dark h2[style]      { color: #F0F4FF !important; }
.section-wrap--dark p[style]       { color: rgba(200,215,240,0.55) !important; }

/* ============================================================
   COMPREHENSIVE LIGHT-MODE TEXT CONTRAST FIXES
   Covering: home hero, service cards, why section,
   testimonials, page hero (all service pages), stats bar
   ============================================================ */

/* ── Service cards (home page + contact page) ── */
/* Title: bold dark navy so it pops on white card */
.service-card .sc-title           { color: #1A2540 !important; font-weight: 700 !important; }
.service-card .sc-desc            { color: #3D4F6E !important; }
.service-card .sc-cta             { color: var(--orange) !important; }
.service-card:hover .sc-title     { color: #ffffff !important; }
.service-card:hover .sc-desc      { color: rgba(255,255,255,0.75) !important; }
.service-card:hover .sc-tags span { color: #F5924A !important; }

/* ── Hero section (homepage) outline button ── */
/* "Explore Services →" sits on dark hero — must stay white */
.hero .btn-outline {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.6) !important;
  background: transparent !important;
}
.hero .btn-outline:hover {
  background: rgba(255,255,255,0.12) !important;
  border-color: #ffffff !important;
}

/* Hero stat labels */
.hero .hero-stat-label             { color: rgba(255,255,255,0.6) !important; }
.hero .hero-stat-num               { color: #ffffff !important; }
.hero .hero-divider                { background: rgba(255,255,255,0.15) !important; }
.hero .hero-sub                    { color: rgba(255,255,255,0.82) !important; }

/* ── Stats bar labels ── */
.stats-bar .stat-label             { color: rgba(255,255,255,0.6) !important; }
.stats-bar .stat-icon              { opacity: 0.9; }

/* ── Why Choose Us section (light background) ── */
.why-grid .section-title           { color: #1A2540 !important; }
.why-grid .section-sub             { color: #3D4F6E !important; }
.why-point .wp-title               { color: #1A2540 !important; font-weight: 700 !important; }
.why-point .wp-desc                { color: #3D4F6E !important; }
.why-point                         { background: #ffffff !important; border-color: rgba(0,0,0,0.09) !important; }
.why-point:hover                   { border-color: rgba(232,103,26,0.25) !important; background: #FFF8F4 !important; }
.wp-icon                           { box-shadow: 0 4px 14px rgba(232,103,26,0.25) !important; }

/* ── Testimonials (light background) ── */
.testi-card                        { background: #ffffff !important; border-color: rgba(0,0,0,0.08) !important; }
.testi-card .testi-text            { color: #3D4F6E !important; }
.testi-card .testi-name            { color: #1A2540 !important; font-weight: 700 !important; }
.testi-card .testi-role            { color: #718096 !important; }
.testi-card .testi-stars           { color: #F59E0B !important; }
.testi-card:hover                  { box-shadow: 0 8px 32px rgba(0,0,0,0.1) !important; border-color: rgba(232,103,26,0.2) !important; }

/* ── Section titles on regular (light-bg) sections ── */
.section-wrap:not(.section-wrap--dark) .section-title  { color: #1A2540 !important; }
.section-wrap:not(.section-wrap--dark) .section-sub    { color: #3D4F6E !important; }
.section-wrap:not(.section-wrap--dark) .section-eyebrow { color: #E8671A !important; }

/* ── Process steps (light bg) ── */
.process-step .ps-title            { color: #1A2540 !important; font-weight: 700 !important; }
.process-step .ps-desc             { color: #3D4F6E !important; }
.process-step .ps-num              { color: rgba(43,124,184,0.10) !important; }
.process-step                      { background: #ffffff !important; border-color: rgba(0,0,0,0.08) !important; }
.process-step:hover                { background: #F7F9FC !important; border-color: rgba(43,124,184,0.2) !important; }

/* ── Page hero — all service pages, about, contact ──
   Hero always has dark background → text must always be white */
.page-hero h1                      { color: #ffffff !important; }
.page-hero .page-hero-sub          { color: rgba(255,255,255,0.82) !important; }
/* "Call Now" outline button on dark page hero */
.page-hero .btn-outline {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.55) !important;
  background: transparent !important;
}
.page-hero .btn-outline:hover {
  background: rgba(255,255,255,0.1) !important;
  border-color: #ffffff !important;
}

/* ── Service page icon display (always dark card) ── */
.service-icon-display              { background: #162035 !important; border-color: rgba(255,255,255,0.07) !important; }

/* ── Breadcrumb bar (light mode — light bar) ── */
.breadcrumb-bar,
[style*="background:var(--bg-dark)"].breadcrumb-host { background: #EEF2F8 !important; }
.breadcrumb                        { color: #718096 !important; }
.breadcrumb a                      { color: #718096 !important; }
.breadcrumb a:hover                { color: #E8671A !important; }
.breadcrumb-current                { color: #E8671A !important; }
.breadcrumb-sep                    { color: #CBD5E0 !important; }

/* ── Service sub-services section (light bg inside service pages) ── */
.sub-service .ss-title             { color: #1A2540 !important; font-weight: 700 !important; }
.sub-service .ss-desc              { color: #3D4F6E !important; }
.sub-service                       { background: #ffffff !important; border-color: rgba(0,0,0,0.08) !important; }
.sub-service:hover                 { border-color: rgba(232,103,26,0.2) !important; background: #FFF8F4 !important; }

/* ── Figma sub-cards (white cards on light bg service pages) ── */
.figma-sub-card .fsc-title         { color: #1A2540 !important; font-weight: 700 !important; }
.figma-sub-card .fsc-desc          { color: #718096 !important; }
.figma-sub-card .fsc-list li       { color: #3D4F6E !important; }
.figma-sub-card                    { box-shadow: 0 2px 12px rgba(0,0,0,0.07) !important; }

/* ── Heritage card (always dark) ── */
.heritage-card .hc-label           { color: #F5924A !important; }
.heritage-card .hc-title           { color: #ffffff !important; }
.heritage-card .hc-text            { color: rgba(200,215,240,0.7) !important; }
.heritage-card .ms-label           { color: #F5924A !important; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; font-weight: 700; }
.heritage-card .ms-text            { color: rgba(200,215,240,0.75) !important; }
.heritage-card .ms-text strong     { color: #ffffff !important; }

/* ── Why section on dark page (inside section-wrap--dark) ── */
.section-wrap--dark .wp-title      { color: #ffffff !important; }
.section-wrap--dark .wp-desc       { color: rgba(200,215,240,0.78) !important; }
.section-wrap--dark .why-point     { background: #111C2E !important; border-color: rgba(255,255,255,0.08) !important; }
.section-wrap--dark .why-point:hover { border-color: rgba(232,103,26,0.3) !important; background: #162035 !important; }
.section-wrap--dark .section-title { color: #ffffff !important; }
.section-wrap--dark .section-sub   { color: rgba(200,215,240,0.7) !important; }

/* ── Testimonials on dark section ── */
.section-wrap--dark .testi-card    { background: #111C2E !important; border-color: rgba(255,255,255,0.08) !important; }
.section-wrap--dark .testi-text    { color: rgba(200,215,240,0.82) !important; }
.section-wrap--dark .testi-name    { color: #ffffff !important; }
.section-wrap--dark .testi-role    { color: rgba(200,215,240,0.5) !important; }

/* ── CTA band outline button ── */
.cta-band .btn-outline {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.45) !important;
}
.cta-band .btn-outline:hover {
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(255,255,255,0.8) !important;
}

/* ── About page — team cards on dark section ── */
.section-wrap--dark .team-card     { background: #111C2E !important; border-color: rgba(255,255,255,0.08) !important; }
.section-wrap--dark .tc-name       { color: #ffffff !important; }
.section-wrap--dark .tc-bio        { color: rgba(200,215,240,0.75) !important; }
.section-wrap--dark .tc-role       { color: #F5924A !important; }

/* ── FAQ dark section ── */
.section-wrap--dark .faq-q         { color: #ffffff !important; font-weight: 600 !important; }
.section-wrap--dark .faq-a         { color: rgba(200,215,240,0.78) !important; }

/* ── Contact items ── */
.contact-item .ci-value            { color: #1A2540 !important; font-weight: 600 !important; }
.contact-item .ci-label            { color: #718096 !important; }


/* ============================================================
   LIGHT MODE — HOVER STATE TEXT CONTRAST
   In light mode cards hover to a warm tinted bg (not dark),
   so text must stay dark. Overrides main.css hover rules.
   ============================================================ */

/* Service cards — light mode hover: warm orange tint, dark text */
:not(html.ppci-dark) .service-card:hover {
  background: #FFF3EB !important;
}
:not(html.ppci-dark) .service-card:hover .sc-title {
  color: #1A2540 !important;
}
:not(html.ppci-dark) .service-card:hover .sc-desc {
  color: #3D4F6E !important;
}
:not(html.ppci-dark) .service-card:hover .sc-tags span {
  background: rgba(232,103,26,0.1) !important;
  color: #C05010 !important;
  border-color: rgba(232,103,26,0.25) !important;
}
:not(html.ppci-dark) .service-card:hover .sc-cta {
  color: #C05010 !important;
}

/* Sub-services — light mode hover */
:not(html.ppci-dark) .sub-service:hover {
  background: #FFF3EB !important;
}
:not(html.ppci-dark) .sub-service:hover .ss-title {
  color: #1A2540 !important;
}
:not(html.ppci-dark) .sub-service:hover .ss-desc {
  color: #3D4F6E !important;
}

/* Why-point — light mode hover */
:not(html.ppci-dark) .why-point:hover {
  background: #FFF3EB !important;
}
:not(html.ppci-dark) .why-point:hover .wp-title {
  color: #1A2540 !important;
}
:not(html.ppci-dark) .why-point:hover .wp-desc {
  color: #3D4F6E !important;
}

/* Process steps — light mode hover */
:not(html.ppci-dark) .process-step:hover {
  background: #F0F7FF !important;
}
:not(html.ppci-dark) .process-step:hover .ps-title {
  color: #1A2540 !important;
}
:not(html.ppci-dark) .process-step:hover .ps-desc {
  color: #3D4F6E !important;
}

/* Value cards — light mode hover */
:not(html.ppci-dark) .value-card:hover {
  background: #F0F7FF !important;
}
:not(html.ppci-dark) .value-card:hover .vc-title {
  color: #1A2540 !important;
}
:not(html.ppci-dark) .value-card:hover .vc-desc {
  color: #3D4F6E !important;
}

/* Figma sub-cards — light mode hover */
:not(html.ppci-dark) .figma-sub-card:hover {
  background: #FFF3EB !important;
}
:not(html.ppci-dark) .figma-sub-card:hover .fsc-title {
  color: #1A2540 !important;
}
:not(html.ppci-dark) .figma-sub-card:hover .fsc-desc {
  color: #4A5568 !important;
  border-bottom-color: rgba(232,103,26,0.1) !important;
}
:not(html.ppci-dark) .figma-sub-card:hover .fsc-list li {
  color: #3D4F6E !important;
}
:not(html.ppci-dark) .figma-sub-card:hover .fsc-check {
  background: rgba(77,170,77,0.15) !important;
  border-color: rgba(77,170,77,0.4) !important;
  color: #2F7A2F !important;
}

/* CSR cards — light mode: white bg, dark text always */
:not(html.ppci-dark) .csr-card {
  background: #ffffff !important;
  border-color: rgba(77,170,77,0.2) !important;
}
:not(html.ppci-dark) .csr-card .csr-title {
  color: #1A2540 !important;
}
:not(html.ppci-dark) .csr-card .csr-desc {
  color: #3D4F6E !important;
}
:not(html.ppci-dark) .csr-card:hover {
  background: #F0FBF0 !important;
  border-color: rgba(77,170,77,0.4) !important;
}
:not(html.ppci-dark) .csr-card:hover .csr-title {
  color: #1A2540 !important;
}
:not(html.ppci-dark) .csr-card:hover .csr-desc {
  color: #3D4F6E !important;
}

/* Team cards — light mode hover */
:not(html.ppci-dark) .team-card:hover {
  background: #FFF3EB !important;
}
:not(html.ppci-dark) .team-card:hover .tc-name {
  color: #1A2540 !important;
}
:not(html.ppci-dark) .team-card:hover .tc-bio {
  color: #3D4F6E !important;
}

/* Benefit items — light mode hover */
:not(html.ppci-dark) .benefit-item:hover {
  background: #F3FBF3 !important;
}
:not(html.ppci-dark) .benefit-item:hover .bi-title {
  color: #1A2540 !important;
}
:not(html.ppci-dark) .benefit-item:hover .bi-desc {
  color: #3D4F6E !important;
}

/* Testimonial cards — light mode hover */
:not(html.ppci-dark) .testi-card:hover {
  background: #FFFFFF !important;
  border-color: rgba(232,103,26,0.2) !important;
}
:not(html.ppci-dark) .testi-card .testi-text {
  color: #3D4F6E !important;
}
:not(html.ppci-dark) .testi-card .testi-name {
  color: #1A2540 !important;
}
:not(html.ppci-dark) .testi-card .testi-role {
  color: #718096 !important;
}

/* Contact items — light mode hover */
:not(html.ppci-dark) .contact-item:hover {
  background: #FFF8F4 !important;
}
:not(html.ppci-dark) .contact-item:hover .ci-label {
  color: #718096 !important;
}
:not(html.ppci-dark) .contact-item:hover .ci-value {
  color: #1A2540 !important;
}

/* FAQ hover — light mode */
:not(html.ppci-dark) .faq-q:hover {
  background: rgba(232,103,26,0.04) !important;
  color: #1A2540 !important;
}
:not(html.ppci-dark) .faq-q.open {
  background: rgba(232,103,26,0.08) !important;
  color: #C05010 !important;
}
:not(html.ppci-dark) .faq-a.open {
  color: #3D4F6E !important;
  background: rgba(232,103,26,0.04) !important;
}

/* Quick-connect buttons — light mode hover (already coloured, stays same) */
:not(html.ppci-dark) .qc-dark:hover {
  background: #E2E8F0 !important;
  color: #1A2540 !important;
}

/* Nav links — light mode hover */
:not(html.ppci-dark) .nav-link:hover,
:not(html.ppci-dark) .nav-parent:hover {
  color: #1A2540 !important;
  background: rgba(0,0,0,0.04) !important;
}
:not(html.ppci-dark) .dropdown li a:hover {
  background: rgba(0,0,0,0.04) !important;
  color: #1A2540 !important;
}

/* Footer links — light mode (footer is always dark, stays same) */
:not(html.ppci-dark) .footer-links a:hover {
  color: #ffffff !important;
}

/* ============================================================
   LIGHT MODE — HEADER PHONE + FORM NOTE VISIBILITY FIXES
   ============================================================ */

/* Header phone number — dark text on white header */
:not(html.ppci-dark) .header-phone-link {
  color: #4A5568 !important;
}
:not(html.ppci-dark) .header-phone-link svg {
  color: #718096 !important;
}
:not(html.ppci-dark) .header-phone-link:hover {
  color: #1A2540 !important;
}

/* Contact form note "Or reach us instantly on WhatsApp..." */
:not(html.ppci-dark) .form-note {
  color: #4A5568 !important;
}
:not(html.ppci-dark) .form-note a {
  color: #25D366 !important;
  font-weight: 600;
}
:not(html.ppci-dark) .form-note a:hover {
  color: #1aad52 !important;
}

/* Mini form note on service pages */
:not(html.ppci-dark) .mf-note {
  color: #4A5568 !important;
}
:not(html.ppci-dark) .mf-note a {
  color: var(--orange) !important;
  font-weight: 600;
}