/**
 * Text Readability & Contrast Fixes
 * Ensures all text is readable on dark backgrounds
 *
 * @package EthicalHackingYouTube
 * @version 2.0.1
 */

/* ==========================================================================
   GLOBAL TEXT CONTRAST FIXES
   ========================================================================== */

/* Ensure all headings are bright and readable */
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  color: #f8fafc !important;
}

/* Section headings should stand out */
.ehc-section h2,
.ehc-courses-section h2,
.ehc-cert-section h2,
.ehc-kb-section h2,
.ehc-latest-section h2 {
  color: #ffffff !important;
  font-weight: 700;
}

/* Body text should be readable */
p, li, span, a {
  color: inherit;
}

/* Muted text - but not too muted */
.has-text-secondary-color,
.text-muted {
  color: #94a3b8 !important;
}

/* ==========================================================================
   HERO SECTION FIXES
   ========================================================================== */

.ehc-hero h1 {
  color: #ffffff !important;
}

.ehc-hero p {
  color: #e2e8f0 !important;
}

/* Breadcrumbs */
.ehc-hero .wp-block-post-terms a,
.ehc-breadcrumb a {
  color: #94a3b8 !important;
}

.ehc-hero .wp-block-post-terms a:hover,
.ehc-breadcrumb a:hover {
  color: #ffffff !important;
}

/* Stats row */
.ehc-hero .ehc-stat-value,
.ehc-hero .ehc-course-stats span {
  color: #ffffff !important;
}

/* ==========================================================================
   CARD HEADING FIXES - "What You'll Learn" Section
   ========================================================================== */

/* Card titles - make them bright and visible */
.ehc-learn-card h3,
.ehc-learn-card h4,
.wp-block-group h3,
.wp-block-group h4,
[class*="card"] h3,
[class*="card"] h4 {
  color: #f8fafc !important;
  font-weight: 600;
}

/* Card descriptions */
.ehc-learn-card p,
[class*="card"] p {
  color: #cbd5e1 !important;
}

/* Module/feature cards with colored text - override with white */
.wp-block-columns .wp-block-column .wp-block-group h3,
.wp-block-columns .wp-block-column .wp-block-group h4 {
  color: #f8fafc !important;
}

/* ==========================================================================
   PRICING CARDS - "Choose Your Plan" Section
   ========================================================================== */

/* Pricing card headings - MUST be visible */
.ehc-pricing-card h3,
.ehc-plan-card h3,
.wp-block-group[class*="pricing"] h3,
.wp-block-group[class*="plan"] h3 {
  color: #ffffff !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
}

/* Pricing amounts */
.ehc-price,
.ehc-pricing-card .price,
[class*="price"] {
  color: #ffffff !important;
  font-weight: 700;
}

/* Feature lists in pricing cards */
.ehc-pricing-card ul,
.ehc-pricing-card li,
.ehc-plan-card ul,
.ehc-plan-card li,
.wp-block-group ul li {
  color: #e2e8f0 !important;
}

/* Checkmarks and icons in feature lists */
.ehc-pricing-card li::before,
.ehc-plan-card li::before {
  color: #22c55e !important;
}

/* X marks for unavailable features */
.ehc-pricing-card li.unavailable,
.ehc-plan-card li.unavailable {
  color: #64748b !important;
}

/* Popular/highlighted plan badge */
.ehc-popular-badge,
[class*="popular"],
[class*="badge"] {
  background: #8b5cf6 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   COURSE CURRICULUM SECTION
   ========================================================================== */

.ehc-curriculum h2,
.ehc-curriculum h3 {
  color: #ffffff !important;
}

.ehc-curriculum p {
  color: #cbd5e1 !important;
}

/* Module titles */
.ehc-module-title,
.ehc-curriculum .module-title {
  color: #f8fafc !important;
  font-weight: 600;
}

/* Module badges */
.ehc-module-badge {
  background: #6366f1 !important;
  color: #ffffff !important;
  font-weight: 600;
}

/* Module duration/stats */
.ehc-module-duration,
.ehc-module-stats {
  color: #94a3b8 !important;
}

/* ==========================================================================
   INSTRUCTOR SECTION
   ========================================================================== */

.ehc-instructor h2,
.ehc-instructor h3,
[class*="instructor"] h2,
[class*="instructor"] h3 {
  color: #ffffff !important;
}

.ehc-instructor p,
[class*="instructor"] p {
  color: #e2e8f0 !important;
}

.ehc-instructor-name {
  color: #ffffff !important;
  font-weight: 700;
}

.ehc-instructor-bio {
  color: #cbd5e1 !important;
  line-height: 1.7;
}

/* ==========================================================================
   TRACK CARDS - Learning Paths
   ========================================================================== */

.ehc-track-card h3 {
  color: #ffffff !important;
  font-weight: 700;
}

.ehc-track-card p {
  color: #cbd5e1 !important;
}

.ehc-track-card ul,
.ehc-track-card li {
  color: #e2e8f0 !important;
}

/* ==========================================================================
   CERTIFICATION CARDS
   ========================================================================== */

.ehc-cert-section h3 {
  color: #ffffff !important;
  font-weight: 700;
}

.ehc-cert-section p {
  color: #cbd5e1 !important;
}

/* ==========================================================================
   VIDEO CARDS & GRID
   ========================================================================== */

.ehc-video-card .ehc-video-title,
.ehc-video-title {
  color: #f8fafc !important;
}

.ehc-video-card .ehc-video-meta,
.ehc-video-meta,
.ehc-video-date {
  color: #94a3b8 !important;
}

.ehc-video-desc {
  color: #cbd5e1 !important;
}

/* ==========================================================================
   KNOWLEDGE BASE SECTION
   ========================================================================== */

.ehc-kb-section h2 {
  color: #ffffff !important;
}

.ehc-kb-section p {
  color: #cbd5e1 !important;
}

/* ==========================================================================
   FOOTER CTA SECTION
   ========================================================================== */

.ehc-final-cta h2 {
  color: #ffffff !important;
}

.ehc-final-cta p {
  color: #e2e8f0 !important;
}

/* ==========================================================================
   WORDPRESS BLOCK OVERRIDES
   ========================================================================== */

/* Force readability on all WordPress blocks */
.wp-block-group h1,
.wp-block-group h2,
.wp-block-group h3,
.wp-block-group h4 {
  color: #f8fafc !important;
}

.wp-block-group p {
  color: #cbd5e1 !important;
}

/* Column cards */
.wp-block-column .wp-block-group {
  color: #e2e8f0;
}

.wp-block-column .wp-block-group h3,
.wp-block-column .wp-block-group h4 {
  color: #ffffff !important;
}

/* Lists */
.wp-block-list,
.wp-block-list li {
  color: #e2e8f0 !important;
}

/* ==========================================================================
   LINK COLORS
   ========================================================================== */

/* Default links */
a {
  color: #818cf8;
}

a:hover {
  color: #a5b4fc;
}

/* Navigation links */
.ehc-main-nav a {
  color: #e2e8f0 !important;
}

.ehc-main-nav a:hover {
  color: #ffffff !important;
}

/* ==========================================================================
   BUTTON CONTRAST
   ========================================================================== */

/* Primary buttons */
.wp-block-button__link,
.ehc-btn {
  color: #ffffff !important;
}

/* Outline buttons */
.is-style-outline .wp-block-button__link {
  color: #e2e8f0 !important;
  border-color: #475569 !important;
}

.is-style-outline .wp-block-button__link:hover {
  color: #ffffff !important;
  border-color: #818cf8 !important;
  background: rgba(129, 140, 248, 0.1) !important;
}

/* YouTube subscribe button */
.ehc-btn-youtube,
.has-vivid-red-background-color {
  background: #ff0000 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   FORM ELEMENTS
   ========================================================================== */

input,
textarea,
select {
  color: #f8fafc !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

input::placeholder,
textarea::placeholder {
  color: #64748b !important;
}

/* ==========================================================================
   SPECIFIC PAGE TEMPLATE FIXES
   ========================================================================== */

/* Course page */
.page-template-page-course h1,
.page-template-page-course h2,
.page-template-page-course h3,
.page-template-page-course h4 {
  color: #ffffff !important;
}

.page-template-page-course p {
  color: #cbd5e1 !important;
}

/* Single course/lesson */
body.single-lesson h1,
body.single-lesson h2,
body.single-lesson h3 {
  color: #ffffff !important;
}

body.single-lesson p {
  color: #e2e8f0 !important;
}

/* ==========================================================================
   ACCESSIBILITY: ENSURE WCAG AA CONTRAST
   ========================================================================== */

/* Minimum contrast ratios:
   - Normal text: 4.5:1
   - Large text (18px+ or 14px bold): 3:1

   On #0a0a0f background:
   - #f8fafc = 17.4:1 ✓ (headings)
   - #e2e8f0 = 13.7:1 ✓ (body text)
   - #cbd5e1 = 10.5:1 ✓ (secondary text)
   - #94a3b8 = 6.0:1  ✓ (muted text)
   - #64748b = 3.9:1  ✓ (very muted - use sparingly)
*/

/* High contrast mode support */
@media (prefers-contrast: high) {
  h1, h2, h3, h4, h5, h6,
  .wp-block-heading {
    color: #ffffff !important;
  }

  p, li, span {
    color: #f1f5f9 !important;
  }

  a {
    color: #93c5fd !important;
  }
}