/* ============================================================
   GLOBAL BLACK & WHITE THEME
   Loaded LAST so it overrides everything. White backgrounds,
   black text, black/white buttons, no dark photo overlays.
   Reversible: remove the <link> in include/css-tag.php.
   ============================================================ */

:root {
  --pm-primary: #141414;
  --pm-primary-light: #333333;
  --pm-accent: #141414;
  --pm-text: #141414;
  --pm-text-muted: #555555;
  --navy-deep: #f5f5f5;
}

body { background: #ffffff; color: #1a1a1a; }

/* ---- Headings & gradient text -> solid black everywhere ----
   NOTE: also reset -webkit-text-fill-color; the dark theme sets it to
   white/transparent for gradient headings, and it wins over `color`. */
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
}
.text-gradient, .highlight, .highlight.text-gradient,
.hero-title, .hero-title *, .hero-title .highlight {
  background: none !important;
  -webkit-text-fill-color: #141414 !important;
  color: #141414 !important;
}
/* High-specificity killers: modern.css / visual-upgrade.css force these
   gradient/white text-fills at (0,3,0)+, so match/exceed that. */
.hero-section .hero-title .highlight,
.hero-section .hero-title .highlight.text-gradient,
.hero-section .hero-title .highlight.text-gradient .word,
.hero-section .hero-title .highlight.text-gradient .char,
.hero-section .hero-title .text-gradient,
.hero-section .text-gradient,
.hero-section .text-gradient .word,
.hero-section .text-gradient .char,
.cta-section .text-gradient,
.cta-section .text-gradient .word,
.cta-section .text-gradient .char {
  -webkit-text-fill-color: #141414 !important;
  color: #141414 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

/* ---- Homepage hero: drop the dark photo slideshow, go white ---- */
.hero-section { background: #ffffff !important; }
.hero-slideshow, .hero-slide, .hero-overlay { display: none !important; }
.hero-section .hero-title,
.hero-section .hero-desc,
.hero-section .hero-trust-indicator,
.hero-section .stat-number,
.hero-section .stat-label,
.hero-section .counter,
.hero-section h1, .hero-section h2, .hero-section p,
.hero-section .hero-scroll-hint span { color: #141414 !important; }
.hero-section .hero-badge {
  background: #f2f2f2 !important;
  border: 1px solid #dddddd !important;
  color: #141414 !important;
}
.hero-section .hero-badge .badge-dot { background: #141414 !important; }
.hero-section .hero-trust-indicator i { color: #141414 !important; }

/* ---- Inner-page banners: inline dark photo bg -> plain light ---- */
.page-banner, .page-banner.has-photo {
  background: #f5f5f5 !important;
  border-bottom: 1px solid #e5e5e5;
}
.page-banner::before, .page-banner::after { display: none !important; }
.page-banner h1, .page-banner h1 span {
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
  background: none !important;
}
.breadcrumb-modern a, .bread-crumb li a { color: #141414 !important; }
.breadcrumb-modern .current,
.breadcrumb-modern .separator,
.breadcrumb-modern span,
.bread-crumb li { color: #666666 !important; }

/* ---- .page-title banners (series pages, temp-correction, etc.) -> light ---- */
.page-title:not(.product-hero) { background: #f5f5f5 !important; border-bottom: 1px solid #e5e5e5; }
.page-title .bg-layer, .page-title::before, .page-title::after,
.page-title .line-box { display: none !important; }
.page-title h1, .page-title .content-box h1, .page-title h1 span {
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
  background: none !important;
}
.page-title .bread-crumb li { color: #666666 !important; }
.page-title .bread-crumb li a { color: #141414 !important; }
.page-title .bread-crumb li a:hover { color: #000000 !important; }
.page-title .bread-crumb li:not(:last-child)::after { color: #999999 !important; }

/* ---- CTA sections -> light ---- */
.cta-section { background: #f5f5f5 !important; }
.cta-section::before, .cta-section::after { display: none !important; }
.cta-section h1, .cta-section h2, .cta-section h3,
.cta-section p, .cta-section span { color: #141414 !important; -webkit-text-fill-color: #141414 !important; }

/* ---- Dark utility section backgrounds -> light ---- */
.bg-color-2, .service-page-2 { background: #f7f7f7 !important; }

/* ---- Footer: dark -> light ---- */
.modern-footer {
  background: #f5f5f5 !important;
  color: #333333 !important;
  border-top: 1px solid #e0e0e0;
}
.modern-footer .footer-top,
.modern-footer .footer-bottom { background: transparent !important; }
.modern-footer h1, .modern-footer h2, .modern-footer h3,
.modern-footer h4, .modern-footer h5,
.modern-footer p, .modern-footer li,
.modern-footer span, .modern-footer a { color: #333333 !important; }
.modern-footer a:hover { color: #000000 !important; }
.modern-footer .footer-bottom { border-top: 1px solid #e0e0e0 !important; }
.modern-footer .footer-socials a {
  border-color: #cccccc !important;
  color: #333333 !important;
  background: transparent !important;
}
.modern-footer .footer-socials a:hover { background: #141414 !important; color: #ffffff !important; }
/* white footer logo PNG -> darken so it shows on the light footer */
.modern-footer .footer-logo img { filter: invert(1) brightness(0.18); }

/* ---- Buttons: accents -> black; secondary -> white/black ---- */
.btn-primary, .btn-cta, .btn-whatsapp, .theme-btn, .btn-modern.btn-primary,
.download-btn, .calc-btn, .header-cta .btn-primary,
.ad-more-btn, .series-btn.active, .sticky-quote-cta {
  background: #141414 !important;
  color: #ffffff !important;
  border-color: #141414 !important;
  box-shadow: none !important;
}
.btn-primary:hover, .btn-cta:hover, .theme-btn:hover,
.btn-modern.btn-primary:hover, .download-btn:hover,
.calc-btn:hover, .header-cta .btn-primary:hover,
.ad-more-btn:hover, .sticky-quote-cta:hover {
  background: #000000 !important;
  color: #ffffff !important;
}
.btn-secondary, .btn-modern.btn-secondary {
  background: #ffffff !important;
  color: #141414 !important;
  border: 1.5px solid #141414 !important;
}
.btn-secondary:hover, .btn-modern.btn-secondary:hover {
  background: #f0f0f0 !important;
  color: #141414 !important;
  border-color: #000000 !important;
}
.theme-btn i, .btn-primary i, .btn-cta i, .download-btn i { color: inherit !important; }

/* ---- Neutralise leftover orange/navy accent icons in content ---- */
.sec-title .sub-title, .sub-title { color: #555555 !important; }

/* ---- Series cards: real product photo instead of icon (Polyhose-style) ---- */
.service-style-three .service-block-three .inner-box {
  padding-top: 0 !important;
  justify-content: flex-start !important;
}
.service-style-three .service-block-three .inner-box::before { display: none !important; }
.service-style-three .service-block-three .inner-box .series-photo {
  align-self: stretch;
  width: auto;
  height: 175px;
  margin: 0 -24px 22px;
  background-size: cover;
  background-position: center;
  background-color: #eeeeee;
}
.service-style-three .service-block-three .inner-box .series-arrow i { color: #141414 !important; }