/**
 * SEO Landing Page — Light Theme Overrides
 * All .seo-main-column scoped overrides for the light content zone.
 * FIX(Issue12): Ensures all text inside the light #f6f7f9 zone is dark.
 */

/* --- Section titles: dark text --- */
.seo-main-column .seo-section-title {
  color: #111827;
}

.seo-main-column .seo-section-title i {
  color: hsl(165 80% 32%);
}

/* --- Content boxes: white cards with subtle shadow --- */
.seo-main-column .seo-hero-intro,
.seo-main-column .seo-section-content,
.seo-main-column .seo-conclusion-text {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  color: #374151;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
}

.seo-main-column .seo-hero-intro p,
.seo-main-column .seo-section-content p,
.seo-main-column .seo-conclusion-text p {
  color: #374151;
}

.seo-main-column .seo-hero-intro strong,
.seo-main-column .seo-section-content strong,
.seo-main-column .seo-conclusion-text strong {
  color: #111827;
}

/* Links in light content */
.seo-main-column .seo-hero-intro a,
.seo-main-column .seo-section-content a,
.seo-main-column .seo-conclusion-text a {
  color: hsl(165 80% 28%);
  border-bottom-color: hsl(165 80% 40%);
}

/* Performance spans */
.seo-main-column .perf-positive { color: #059669; }
.seo-main-column .perf-negative { color: #dc2626; }

/* --- Stock cards: white elevated --- */
.seo-main-column .seo-stock-card {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 2px 8px rgba(0, 0, 0, 0.04);
}

.seo-main-column .seo-stock-card:hover {
  border-color: rgba(0, 0, 0, 0.12);
}

.seo-main-column .seo-stock-featured {
  border-color: hsla(165 80% 35% / 0.3);
}

.seo-main-column .seo-stock-featured:hover {
  border-color: hsla(165 80% 35% / 0.5);
}

.seo-main-column .seo-card-name,
.seo-main-column .seo-price-value {
  color: #111827;
}

.seo-main-column .seo-card-meta,
.seo-main-column .seo-card-exchange,
.seo-main-column .seo-card-ticker {
  color: #6b7280;
  background: #f3f4f6;
  border-color: rgba(0, 0, 0, 0.06);
}

.seo-main-column .seo-card-desc {
  color: #6b7280;
}

.seo-main-column .seo-card-tag {
  color: #6b7280;
  background: #f3f4f6;
  border-color: rgba(0, 0, 0, 0.06);
}

.seo-main-column .seo-card-perf {
  border-color: rgba(0, 0, 0, 0.06);
}

.seo-main-column .seo-perf-label {
  color: #9ca3af;
}

.seo-main-column .seo-card-rank {
  background: hsl(165 80% 35%);
  color: #ffffff;
}

.seo-main-column .seo-card-cta {
  background: hsl(165 80% 35%);
  color: #ffffff;
}

.seo-main-column .seo-card-cta:hover {
  background: hsl(165 80% 28%);
  color: #ffffff;
}

/* --- Comparison table: light --- */
.seo-main-column .seo-table {
  color: #374151;
  --bs-table-bg: #ffffff;
  --bs-table-color: #374151;
  background: #ffffff;
}

.seo-main-column .seo-table thead th {
  background: #eef0f3;
  color: #111827;
  border-bottom-color: hsla(165 80% 35% / 0.35);
}

.seo-main-column .seo-table thead th:first-child {
  border-radius: var(--seo-radius) 0 0 0;
}

.seo-main-column .seo-table thead th:last-child {
  border-radius: 0 var(--seo-radius) 0 0;
}

.seo-main-column .seo-table tbody td {
  background: #ffffff;
  border-bottom-color: rgba(0, 0, 0, 0.06);
  color: #374151;
}

.seo-main-column .seo-table .text-muted {
  color: #6b7280 !important;
}

.seo-main-column .seo-table tbody tr:hover {
  background: hsla(165 80% 35% / 0.04);
}

.seo-main-column .seo-table-link {
  color: #111827;
}

.seo-main-column .seo-ticker {
  color: #6b7280;
}

.seo-main-column .seo-badge-etf {
  background: hsl(165 80% 32%);
  color: #ffffff;
}

.seo-main-column .seo-mono {
  color: var(--ap-text, #dde0e7);
}

/* --- Podium: white cards --- */
.seo-main-column .seo-podium-item {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Gold podium in light zone — thicker border, warm tint, DS-compliant shadow */
.seo-main-column .seo-podium-gold {
  border-color: hsla(51 100% 50% / 0.45);
  border-width: 2px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.seo-main-column .seo-podium-gold:hover {
  border-color: hsla(51 100% 50% / 0.6);
}

.seo-main-column .seo-podium-silver {
  border-color: hsla(0 0% 60% / 0.25);
}

.seo-main-column .seo-podium-bronze {
  border-color: hsla(30 60% 50% / 0.25);
}

.seo-main-column .seo-podium-rank {
  background: #ffffff;
  color: #6b7280;
  border-color: rgba(0, 0, 0, 0.08);
}

.seo-main-column .seo-podium-name {
  color: #111827;
}

.seo-main-column .seo-podium-ticker {
  color: #6b7280;
}

.seo-main-column .seo-podium-price {
  color: #6b7280;
}

.seo-main-column .seo-podium-justification {
  border-top-color: rgba(0, 0, 0, 0.06);
  color: #374151;
}

/* --- Stock chips: light --- */
.seo-main-column .seo-stock-chip {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.08);
}

.seo-main-column .seo-stock-chip:hover {
  border-color: hsl(165 80% 35%);
  background: hsla(165 80% 35% / 0.04);
}

.seo-main-column .seo-chip-ticker {
  color: #111827;
}

.seo-main-column .seo-chip-price,
.seo-main-column .seo-chip-perf {
  color: #6b7280;
}

/* --- FAQ accordion: light --- */
.seo-main-column .seo-accordion {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.seo-main-column .seo-accordion-item {
  border-bottom-color: rgba(0, 0, 0, 0.06);
  background: #ffffff;
}

.seo-main-column .seo-accordion-button {
  background: #ffffff;
  color: #111827;
}

.seo-main-column .seo-accordion-button:not(.collapsed) {
  background: hsla(165 80% 35% / 0.06);
  color: hsl(165 80% 28%);
}

.seo-main-column .seo-accordion-button:hover {
  background: #f8f9fa;
}

.seo-main-column .seo-accordion-button::after {
  filter: none;
}

.seo-main-column .seo-accordion-body {
  background: #fafbfc;
  color: #374151;
}

.seo-main-column .seo-accordion-body a {
  color: hsl(165 80% 28%);
  border-bottom-color: hsl(165 80% 40%);
}

/* --- Inline CTA: light variant --- */
.seo-main-column .seo-inline-cta {
  background: hsla(165 80% 35% / 0.06);
  border-color: hsla(165 80% 35% / 0.2);
}

.seo-main-column .seo-inline-cta-text {
  color: #111827;
}

/* --- Disclaimer: light --- */
.seo-main-column .seo-disclaimer {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  color: #6b7280;
}

.seo-main-column .seo-disclaimer strong {
  color: #374151;
}

.seo-main-column p.investment-disclaimer {
  background: #f8f9fa;
  border-color: rgba(0, 0, 0, 0.06);
  color: #6b7280;
}

/* --- News cards in light mode --- */
.seo-main-column .seo-news-section {
  color: #374151;
}

/* --- Mobile toggle: light --- */
.seo-main-column .seo-mobile-toggle {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.08);
  color: #374151;
}

.seo-main-column .seo-mobile-toggle:hover {
  background: #f3f4f6;
  border-color: rgba(0, 0, 0, 0.12);
}

/* --- Internal links: light --- */
.seo-internal-links {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.seo-links-heading,
.seo-internal-links-col h3 {
  color: #111827;
}

.seo-links-list a,
.seo-internal-links-col a {
  color: #6b7280;
}

.seo-links-list a:hover,
.seo-internal-links-col a:hover {
  color: hsl(165 80% 28%);
}

.seo-links-list i {
  color: hsl(165 80% 35%);
}