/* --- Theme Switcher --- */
.theme-switcher {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 1001;
  background-color: var(--darker);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.theme-switcher:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.theme-switcher .fa-sun,
.theme-switcher .fa-moon {
  font-size: 1.5rem;
  color: var(--light);
  position: absolute;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.theme-switcher .fa-moon {
  opacity: 0;
  transform: rotate(90deg);
}

/* --- Light Theme Variables --- */
body.light-mode {
  --dark: #ffffff;
  --darker: #f0f0f0;
  --light: #121212;
  --gray: #dddddd;
  background-color: var(--dark);
  color: var(--light);
}

/* --- Component Adjustments for Light Mode --- */
body.light-mode header {
  background-color: rgba(240, 240, 240, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

body.light-mode .nav-links a {
  color: var(--light);
}

body.light-mode .menu-toggle span {
  background-color: var(--light);
}

body.light-mode .hero p {
  color: rgba(0, 0, 0, 0.8);
}

body.light-mode .secondary-button {
  color: var(--light);
  border: 1px solid rgba(0, 0, 0, 0.3);
}

body.light-mode .secondary-button:hover {
  background: rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.5);
}

body.light-mode .feature-card {
  background-color: var(--darker);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

body.light-mode .feature-card:hover {
  border-color: rgba(0, 0, 0, 0.1);
}

body.light-mode .feature-card p {
  color: rgba(0, 0, 0, 0.7);
}

body.light-mode .section-title p {
  color: rgba(0, 0, 0, 0.7);
}

body.light-mode .course-card {
  background-color: var(--darker);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

body.light-mode .course-description,
body.light-mode .course-details {
  color: rgba(0, 0, 0, 0.7);
}

body.light-mode .course-price {
  color: var(--light);
}

body.light-mode .course-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

body.light-mode .stats {
  background-color: var(--darker);
}

body.light-mode .stat-title {
  color: rgba(0, 0, 0, 0.8);
}

body.light-mode .testimonial-card {
  background-color: var(--darker);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

body.light-mode .testimonial-text {
  color: rgba(0, 0, 0, 0.9);
}

body.light-mode .author-info p {
  color: rgba(0, 0, 0, 0.7);
}

body.light-mode .lottery-cta {
  background: linear-gradient(
      rgba(240, 240, 240, 0.9),
      rgba(240, 240, 240, 0.9)
    ),
    url(../images/lottery-bg.webp);
}

body.light-mode .lottery-content p {
  color: rgba(0, 0, 0, 0.8);
}

body.light-mode .course-hero-text p.subtitle {
  color: rgba(0, 0, 0, 0.8);
}

body.light-mode footer {
  background-color: var(--darker);
}

body.light-mode .footer-about p,
body.light-mode .footer-links a,
body.light-mode .contact-text,
body.light-mode .newsletter p {
  color: rgba(0, 0, 0, 0.7);
}

body.light-mode .social-link {
  background-color: rgba(0, 0, 0, 0.1);
  color: var(--light);
}

body.light-mode .newsletter-input {
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--light);
}

body.light-mode .newsletter-input:focus {
  background-color: rgba(0, 0, 0, 0.15);
}

body.light-mode .footer-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}

/* Light/Dark mode switcher icons */
body.light-mode .theme-switcher .fa-sun {
  opacity: 0;
  transform: rotate(-90deg);
}

body.light-mode .theme-switcher .fa-moon {
  opacity: 1;
  transform: rotate(0);
}

body.light-mode .theme-switcher {
  background-color: var(--darker);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

body.light-mode .theme-switcher .fa-sun,
body.light-mode .theme-switcher .fa-moon {
  color: var(--light);
}

body.light-mode .page-title p {
  color: rgb(0, 0, 0);
}
body.light-mode .currency {
  color: rgb(0, 0, 0);
}
body.light-mode .original-price {
  color: rgb(0 0 0 / 61%);
}
body.light-mode .learning-point p {
  color: rgb(0 0 0 / 80%);
}
body.light-mode .price-card ul li {
  color: rgb(0 0 0 / 80%);
}
body.light-mode .audience-item p {
  color: rgb(0 0 0 / 85%);
}
body.light-mode .course-hero-text .breadcrumb {
  color: rgb(0 0 0 / 78%);
}
body.light-mode .course-description p {
  color: rgb(0 0 0 / 80%);
}
body.light-mode .price-card .price-original {
  color: rgb(0 0 0 / 61%);
}
body.light-mode .stat-item {
  background-color: #ffffff;
}
body.light-mode .stat-item p {
  color: #000000;
}
body.light-mode .intro-text p {
  color: #000000;
}
body.light-mode .timeline-section {
  background-color: #ffffff;
}
body.light-mode .timeline-content {
  background-color: #ffffff;
}
body.light-mode .timeline-content p {
  color: #000000;
}
body.light-mode .accordion-content li {
  color: rgb(0 0 0 / 80%);
}
body.light-mode .audience-item {
  background: rgb(255 255 255);
}
body.light-mode .filter-button {
  border: 1px solid rgb(0 0 0);
}
body.light-mode .search-box {
  border: 1px solid rgb(0 0 0);
}
body.light-mode .search-box i {
  color: rgb(0 0 0);
}
body.light-mode .contact-form {
  background-color: #dedededb;
}
body.light-mode .page-header p {
  color: #000000;
}
body.light-mode .form-control {
  border: 1px solid rgb(0 0 0);
}
body.light-mode .step-text p {
  color: #000000;
}
body.light-mode .contact-card {
  background-color: #dedededb;
}
body.light-mode .contact-details a,
.contact-details p {
  color: #000000;
}
body.light-mode .contact-details p {
  color: #000000;
}
body.light-mode .values-section {
  background-color: #ffffff;
}

body.light-mode .value-card {
  background-color: #f0f0f0;
}
body.light-mode .value-card p {
  color: #000000;
}
body.light-mode .page-header {
  background: linear-gradient(
      rgba(255, 255, 255, 0.8),
      rgba(255, 255, 255, 0.9)
    ),
    url(../images/training.jpg);
  background-size: cover;
  background-position: center;
}

body.light-mode .page-header::before {
  background: radial-gradient(
    circle,
    transparent 20%,
    rgba(255, 255, 255, 0.8) 70%
  );
}

body.light-mode .contact-info p,
body.light-mode .contact-info-content p {
  color: #000000;
}
body.light-mode .contact-form {
  background-color: #f0f0f0;
}

body.light-mode .form-control {
  background-color: #cdcdcd;
  color: #121212;
  border: 1px solid #cccccc;
}

body.light-mode .form-group label {
  color: #121212;
}
body.light-mode .learning-path-section .subtitle {
  color: #000000;
}
body.light-mode .team-card-no-image {
  background-color: #f0f0f0;
}

body.light-mode .team-title-role h3,
body.light-mode .team-card-body p,
body.light-mode .specialty-badge {
  color: #121212;
}

body.light-mode .team-card-footer {
  border-top-color: #cccccc;
}

body.light-mode .specialty-badge {
  background-color: #ffffff;
}

body.light-mode .team-social a svg {
  fill: #121212;
}
body.light-mode .team-social a {
  background-color: #ffffff;
}
body.light-mode #son {
  background: #f0f0f0;
}

body.light-mode .faq-item {
  background-color: #f0f0f0;
}

body.light-mode .faq-answer {
  color: #121212;
}
body.light-mode .newsletter-button {
  color: #ffffff;
}
body.light-mode .cta-button {
  color: #ffffff;
}
body.light-mode .form-group i {

  color: rgb(0 0 0 / 40%);

}