/* Global cursor pointer for all interactive elements */
a, button, .btn, .btn-learn, .cta-btn, .cta-icon, .faq-nav__link, .theme-toggle, .nav__toggle, .faq__question {
  cursor: pointer;
}

/* Global inline text link style */
.content a, .step__link, .faq__answer a {
  color: #000000;
  text-decoration: underline;
}

/* PGI Light Mode Overrides */
/* Applied when html[data-theme="light"] is set */
/* Comprehensive - covers all 18 marketing pages */

/* Body */
[data-theme="light"] body {
  background-color: #ffffff !important;
  color: #121d2b !important;
}

/* Hero sections */
[data-theme="light"] .article-hero {
  background: #f8fafc !important;
}

[data-theme="light"] .hero__title,
[data-theme="light"] .article-hero__title {
  color: #121d2b !important;
  text-shadow: none !important;
}

[data-theme="light"] .hero__subtitle,
[data-theme="light"] .hero__eyebrow,
[data-theme="light"] .article-hero__excerpt {
  color: #525252 !important;
  text-shadow: none !important;
}

[data-theme="light"] .article-hero__category {
  color: #06D6A0 !important;
}

[data-theme="light"] .article-hero__meta {
  color: #737373 !important;
}

/* Hero eyebrow badge */
[data-theme="light"] .hero__eyebrow {
  background: rgba(0, 0, 0, 0.05) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: #e5e5e5 !important;
  color: #525252 !important;
}

/* Hero CTA buttons */
[data-theme="light"] .hero__cta .btn {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-theme="light"] .hero__cta .btn[style*="border: 2px solid #ffffff"] {
  border-color: #121d2b !important;
  color: #121d2b !important;
  background: transparent !important;
}

/* Glass containers - make solid white (exclude modals and buttons) */
[data-theme="light"] [style*="background: rgba(255, 255, 255, 0.08)"]:not(.notify-modal-overlay):not(.btn),
[data-theme="light"] [style*="backdrop-filter"]:not(.notify-modal-overlay):not(.btn):not(a) {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: #e5e5e5 !important;
}

/* Content sections */
[data-theme="light"] .section {
  background: #ffffff !important;
}

[data-theme="light"] .section--alt {
  background: #f8fafc !important;
}

/* Section titles and text */
[data-theme="light"] .section__title {
  color: #121d2b !important;
}

[data-theme="light"] .section__subtitle {
  color: #525252 !important;
}

/* Content blocks (used on what-is-pgi, how-it-works, how-we-underwrite, etc.) */
[data-theme="light"] .content h1 {
  color: #073B4C !important;
}

/* Breadcrumb nav (visible on About/Team/Article pages) */
[data-theme="light"] .breadcrumb {
  color: #073B4C !important;
}
[data-theme="light"] .breadcrumb a {
  color: #073B4C !important;
}
[data-theme="light"] .breadcrumb a:hover {
  color: #118AB2 !important;
}
[data-theme="light"] .breadcrumb span {
  color: #073B4C !important;
}

[data-theme="light"] .content h2 {
  color: #121d2b !important;
}

[data-theme="light"] .content h3 {
  color: #121d2b !important;
}

[data-theme="light"] .content p {
  color: #525252 !important;
}

[data-theme="light"] .content li {
  color: #525252 !important;
}

[data-theme="light"] .content strong {
  color: #262626 !important;
}

[data-theme="light"] .content ul {
  color: #525252 !important;
}

/* Feature cards */
[data-theme="light"] .feature {
  background: #f8fafc !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-top-color: #e5e5e5 !important;
  border-bottom-color: #e5e5e5 !important;
}

[data-theme="light"] .feature__title {
  color: #121d2b !important;
}

[data-theme="light"] .feature__description {
  color: #525252 !important;
}

/* Stat cards */
[data-theme="light"] .stat {
  background: #f8fafc !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: #e5e5e5 !important;
}

[data-theme="light"] .stat__number {
  color: #121d2b !important;
}

[data-theme="light"] .stat__label {
  color: #525252 !important;
}

/* Steps */
[data-theme="light"] .steps__title {
  color: #121d2b !important;
}

[data-theme="light"] .step__title {
  color: #121d2b !important;
}

[data-theme="light"] .step__description {
  color: #525252 !important;
}

[data-theme="light"] .step__number {
  color: #0f172a !important;
}


/* Cards general */
[data-theme="light"] .card {
  background: #ffffff !important;
  border-color: #e5e5e5 !important;
}

[data-theme="light"] .card__title,
[data-theme="light"] .card h3 {
  color: #121d2b !important;
}

[data-theme="light"] .card__description,
[data-theme="light"] .card p {
  color: #525252 !important;
}

/* Blog cards */
[data-theme="light"] .blog-card {
  background: #ffffff !important;
  border-color: #e5e5e5 !important;
}

[data-theme="light"] .blog-card__title {
  color: #121d2b !important;
}

[data-theme="light"] .blog-card__excerpt {
  color: #525252 !important;
}

/* FAQ */
[data-theme="light"] .faq__title {
  color: #121d2b !important;
}

[data-theme="light"] .faq__question {
  color: #121d2b !important;
}

[data-theme="light"] .faq__answer {
  color: #525252 !important;
}

[data-theme="light"] .faq__item {
  border-bottom-color: #e5e5e5 !important;
}

/* Framework stages (how-we-underwrite) */
[data-theme="light"] .framework-stage {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}

[data-theme="light"] .framework-stage__title {
  color: #121d2b !important;
}

[data-theme="light"] .framework-stage__description {
  color: #525252 !important;
}

[data-theme="light"] .framework-stage__details h4 {
  color: #121d2b !important;
}

[data-theme="light"] .framework-stage__details li {
  color: #525252 !important;
}

[data-theme="light"] .framework-stage__details p {
  color: #525252 !important;
}

[data-theme="light"] .framework-stage__toggle {
  color: #525252 !important;
}

/* Question items (how-we-underwrite) */
[data-theme="light"] .question-item {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
}

[data-theme="light"] .question-item__number {
  background: #f5f5f5 !important;
  color: #404040 !important;
}

[data-theme="light"] .question-item__text {
  color: #121d2b !important;
}

/* Highlight boxes */
[data-theme="light"] .highlight {
  background: rgba(6, 214, 160, 0.08) !important;
}

[data-theme="light"] .highlight h4 {
  color: #121d2b !important;
}

[data-theme="light"] .highlight p {
  color: #525252 !important;
}

[data-theme="light"] .highlight-box {
  background: rgba(6, 214, 160, 0.08) !important;
}

[data-theme="light"] .highlight-box__title {
  color: #121d2b !important;
}

/* Pricing */
[data-theme="light"] .pricing-card {
  background: #ffffff !important;
  border-color: #e5e5e5 !important;
}

[data-theme="light"] .pricing-card__title {
  color: #121d2b !important;
}

[data-theme="light"] .pricing-card__price {
  color: #121d2b !important;
}

[data-theme="light"] .pricing-card__feature {
  color: #525252 !important;
}

/* Buttons */
[data-theme="light"] .btn--secondary {
  background: #ffffff !important;
  color: #404040 !important;
  border-color: #d4d4d4 !important;
}

[data-theme="light"] .btn--secondary:hover {
  background: #f5f5f5 !important;
  border-color: #a3a3a3 !important;
}

[data-theme="light"] .btn--primary {
  color: #0f172a !important;
}

/* Inline buttons with dark backgrounds */
[data-theme="light"] .btn[style*="background: #121d2b"] {
  background: #121d2b !important;
  color: #ffffff !important;
}

[data-theme="light"] .btn[style*="border: 2px solid #ffffff"],
[data-theme="light"] a.btn[style*="border: 2px solid #ffffff"] {
  border-color: #121d2b !important;
  color: #121d2b !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Contact form */
[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select {
  background: #ffffff !important;
  color: #121d2b !important;
  border-color: #d4d4d4 !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
  color: #a3a3a3 !important;
}

[data-theme="light"] label {
  color: #121d2b !important;
}

/* Store buttons (download page) */
[data-theme="light"] .store-button {
  background: #121d2b !important;
  color: #ffffff !important;
}

[data-theme="light"] .features {
  background: #ffffff !important;
}

[data-theme="light"] .features__title {
  color: #121d2b !important;
}

/* Phone mockup stays dark */

/* Footer */
[data-theme="light"] .footer {
  background: #f8fafc !important;
  border-top: 1px solid #e5e5e5 !important;
}

[data-theme="light"] .footer__title {
  color: #121d2b !important;
}

[data-theme="light"] .footer__link {
  color: #525252 !important;
}

[data-theme="light"] .footer__link:hover {
  color: #06D6A0 !important;
}

[data-theme="light"] .footer__brand p {
  color: #525252 !important;
}

[data-theme="light"] .footer__copy {
  color: #737373 !important;
}

[data-theme="light"] .footer__bottom {
  border-top-color: #e5e5e5 !important;
}

/* CTA sections — §2: light mode = white background */
[data-theme="light"] .cta-section,
[data-theme="light"] section[style*="background: var(--color-primary)"],
[data-theme="light"] section[style*="background: #0f172a"],
[data-theme="light"] section[style*="background: #121d2b"] {
  background: #ffffff !important;
  color: #000000 !important;
}

[data-theme="light"] .cta-section h2 {
  color: #121d2b !important;
}

[data-theme="light"] .cta-section p {
  color: #525252 !important;
}

/* General text overrides for inline white text */
[data-theme="light"] [style*="color: #ffffff"],
[data-theme="light"] [style*="color: var(--color-white)"] {
  color: #121d2b !important;
}

[data-theme="light"] [style*="color: var(--color-gray-300)"] {
  color: #525252 !important;
}

[data-theme="light"] [style*="color: var(--color-gray-400)"] {
  color: #737373 !important;
}

/* Blockquotes */
[data-theme="light"] blockquote {
  background: #f8fafc !important;
  color: #525252 !important;
}

/* Tables */
[data-theme="light"] table {
  border-color: #e5e5e5 !important;
}

[data-theme="light"] th {
  background: #f8fafc !important;
  color: #121d2b !important;
}

[data-theme="light"] td {
  color: #525252 !important;
  border-color: #e5e5e5 !important;
}

/* Store badges */
[data-theme="light"] .hero__stores img {
  filter: none !important;
}

/* Inline glass panels — §2: light mode = white background */
[data-theme="light"] div[style*="rgba(255, 255, 255, 0.08)"] {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: #e5e5e5 !important;
}

/* Links */
[data-theme="light"] a {
  color: inherit;
}

/* NAICS lookup */
[data-theme="light"] .results-panel {
  background: #ffffff !important;
  border-color: #e5e5e5 !important;
}

/* Navbar overrides handled in navbar.js */


[data-theme="light"] .hero .hero__title {
  color: #000000 !important;
  text-shadow: none !important;
}

[data-theme="dark"] .homepage .hero {
  background: #000000 !important;
}
[data-theme="dark"] .page-content a:not(.btn):not(.btn-learn):not(.nav__link):not(.nav__mobile-link):not(.logo):not(.cta-btn):not(.cta-icon):not(.store-button):not(.post-card):not(.blog-featured__card) {
  color: #ffffff !important;
  text-decoration: underline !important;
}
[data-theme="dark"] .page-content a:not(.btn):not(.btn-learn):not(.nav__link):not(.nav__mobile-link):not(.logo):not(.cta-btn):not(.cta-icon):not(.store-button):not(.post-card):not(.blog-featured__card):hover {
  color: #ffbc04 !important;
}
[data-theme="light"] .page-content a:not(.btn):not(.btn-learn):not(.nav__link):not(.nav__mobile-link):not(.logo):not(.cta-btn):not(.cta-icon):not(.post-card):not(.blog-featured__card):hover {
  color: #ffbc04 !important;
}
/* Footer stays identical in both themes */
[data-theme="dark"] .pgi-footer {
  background: #000000 !important;
  color: #a3a3a3 !important;
}
[data-theme="dark"] .pgi-footer a {
  color: #a3a3a3 !important;
  text-decoration: none !important;
}
[data-theme="dark"] .pgi-footer a:hover {
  color: #ffffff !important;
}
[data-theme="dark"] .pgi-footer__title {
  color: #ffffff !important;
}
[data-theme="dark"] .pgi-footer__copy,
[data-theme="dark"] .pgi-footer__privacy {
  color: #737373 !important;
}
[data-theme="dark"] .pgi-footer__privacy:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .hero .hero__title {
  color: var(--hero-bg) !important;
  text-shadow: none !important;
}
[data-theme="dark"] .hero .btn-learn {
  background: #000000 !important;
  color: var(--hero-bg) !important;
  border-color: var(--hero-bg) !important;
}
[data-theme="dark"] .hero .btn-learn:hover {
  background: var(--hero-bg) !important;
  color: #000000 !important;
  border-color: var(--hero-bg) !important;
}
/* Dark mode hero 2 */
[data-theme="dark"] #hero2 {
  background: #000000 !important;
}
[data-theme="dark"] #hero2 .hero__title,
[data-theme="dark"] #hero2 h4 {
  color: #69b7c1 !important;
}
[data-theme="dark"] #hero2 p {
  color: #69b7c1 !important;
}
[data-theme="dark"] #hero2 [style*="border: 2px solid #000000"] {
  border-color: #ffffff !important;
}
[data-theme="dark"] #hero2 [style*="border-radius: 50%"] {
  border-color: #ffffff !important;
}
[data-theme="dark"] #hero2 svg {
  stroke: #ffffff !important;
}
[data-theme="dark"] #hero2 .hero2-content {
  background: transparent !important;
}
[data-theme="dark"] #hero2 .coin-flip span {
  color: #69b7c1 !important;
}

/* Dark mode hero 3 */
[data-theme="dark"] #hero3 {
  background: #000000 !important;
}
[data-theme="dark"] #hero3 .hero__title,
[data-theme="dark"] #hero3 h4 {
  color: #daebcb !important;
}
[data-theme="dark"] #hero3 p {
  color: #daebcb !important;
}
[data-theme="dark"] #hero3 a[style*="text-decoration: underline"] {
  color: #daebcb !important;
}
[data-theme="dark"] #hero3 [style*="border: 2px solid #000000"] {
  border-color: #daebcb !important;
}
[data-theme="dark"] #hero3 [style*="border-radius: 50%"] {
  border-color: #daebcb !important;
}
[data-theme="dark"] #hero3 svg {
  stroke: #daebcb !important;
}

/* Dark mode hero 4 */
[data-theme="dark"] #hero4 {
  background: #000000 !important;
}
[data-theme="dark"] #hero4 .hero__title {
  color: #f5f0e8 !important;
}
[data-theme="dark"] #hero4 h4,
[data-theme="dark"] #hero4 h4[style] {
  color: #f5f0e8 !important;
}
[data-theme="dark"] #hero4 p,
[data-theme="dark"] #hero4 p[style] {
  color: #f5f0e8 !important;
}
[data-theme="dark"] #hero4 svg {
  stroke: #f5f0e8 !important;
}
[data-theme="dark"] #hero4 li,
[data-theme="dark"] #hero4 li[style] {
  color: #ffffff !important;
}
/* Keep colored flow buttons as-is in dark mode */
[data-theme="dark"] #hero4 [style*="background: #06D6A0"],
[data-theme="dark"] #hero4 [style*="background: #FFD166"],
[data-theme="dark"] #hero4 [style*="background: #EF476F"] {
  color: #000000 !important;
  border-color: transparent !important;
}

/* Dark mode hero 5 — #d2f4fc */
[data-theme="dark"] #hero5 {
  background: #000000 !important;
}
[data-theme="dark"] #hero5 .hero__title {
  color: #d2f4fc !important;
}
[data-theme="dark"] #hero5 h4,
[data-theme="dark"] #hero5 h4[style] {
  color: #d2f4fc !important;
}
[data-theme="dark"] #hero5 p,
[data-theme="dark"] #hero5 p[style] {
  color: #d2f4fc !important;
}
[data-theme="dark"] #hero5 strong,
[data-theme="dark"] #hero5 strong[style] {
  color: #d2f4fc !important;
}
[data-theme="dark"] #hero5 li,
[data-theme="dark"] #hero5 li[style] {
  color: #d2f4fc !important;
}
[data-theme="dark"] #hero5 [style*="border: 2px solid #000000"] {
  border-color: #d2f4fc !important;
}

/* Dark mode hero 6 — #e8e0d4 */
[data-theme="dark"] #hero6 {
  background: #000000 !important;
}
[data-theme="dark"] #hero6 .hero__title {
  color: #e8e0d4 !important;
}
[data-theme="dark"] #hero6 h4,
[data-theme="dark"] #hero6 h4[style] {
  color: #e8e0d4 !important;
}
[data-theme="dark"] #hero6 p,
[data-theme="dark"] #hero6 p[style] {
  color: #e8e0d4 !important;
}
[data-theme="dark"] #hero6 [style*="border: 2px solid #000000"] {
  border-color: #e8e0d4 !important;
}
[data-theme="dark"] #hero6 [style*="color: rgba(0,0,0,0.08)"] {
  color: rgba(232, 224, 212, 0.15) !important;
}
[data-theme="dark"] #hero6 a[style*="text-decoration: underline"] {
  color: #e8e0d4 !important;
}

/* Dark mode hero 7 — #c9d6c3 */
[data-theme="dark"] #hero7 {
  background: #000000 !important;
}
[data-theme="dark"] #hero7 .hero__title {
  color: #fff3d3 !important;
}
[data-theme="dark"] #hero7 h4,
[data-theme="dark"] #hero7 .testimonial-quote {
  color: #fff3d3 !important;
}
[data-theme="dark"] #hero7 p,
[data-theme="dark"] #hero7 p[style] {
  color: #fff3d3 !important;
}
[data-theme="dark"] #hero7 [style*="border: 2px solid #000000"] {
  border-color: #fff3d3 !important;
}
[data-theme="dark"] #hero7 [style*="background: #000000"] {
  background: #fff3d3 !important;
  color: #000000 !important;
}
[data-theme="dark"] #hero7 button[onclick="nextSlide()"] {
  background: #fff3d3 !important;
  color: #000000 !important;
}

/* Dark mode CTA section */
[data-theme="dark"] .cta-section {
  background: #000000 !important;
  color: #f1fef4 !important;
}
[data-theme="dark"] .cta-section__title {
  color: #f1fef4 !important;
}
[data-theme="dark"] .cta-section__subtitle {
  color: #f1fef4 !important;
}
[data-theme="dark"] .cta-section .cta-btn {
  background: transparent !important;
  border-color: #f1fef4 !important;
  color: #f1fef4 !important;
}
[data-theme="dark"] .cta-section .cta-btn:hover {
  background: #f1fef4 !important;
  color: #000000 !important;
}
/* CTA buttons — hover lift + shadow */
.cta-btn {
  transition: all 0.25s ease;
}
.cta-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* CTA store icons — base styles (loaded on all pages) */
.cta-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  color: #000000;
  transition: all 0.2s;
  text-decoration: none;
}
.cta-icon svg {
  width: 24px;
  height: 24px;
}
[data-theme="dark"] .cta-section .cta-icon {
  background: rgba(241, 254, 244, 0.15) !important;
  color: #f1fef4 !important;
}
[data-theme="dark"] .glass-blur .cta-icon {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

/* Navbar transparent over gold hero on homepage */
[data-theme="light"] .homepage .header--dark {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: none !important;
}

/* Compare table (csbfp-personal-guarantee): align with .comparison-table pattern in blog.css */
[data-theme="light"] .compare-table th {
  color: #121d2b !important;
}
[data-theme="light"] .compare-table td {
  color: #334155 !important;
}
[data-theme="light"] .compare-table td strong {
  color: #121d2b !important;
}

/* Light mode: headings inside content sections must be dark, never white. Brand color #073B4C. */
[data-theme="light"] .glass-blur h1,
[data-theme="light"] .glass-blur h2,
[data-theme="light"] .glass-blur h3,
[data-theme="light"] .glass-blur h4,
[data-theme="light"] .glass-blur h5,
[data-theme="light"] .glass-blur h6 {
  color: #073B4C;
}

/* Light mode: body text inside content sections must be dark, never white. */
[data-theme="light"] .glass-blur p,
[data-theme="light"] .glass-blur li,
[data-theme="light"] .glass-blur span:not(.badge):not(.tag) {
  color: #073B4C;
}