/* === SkyOne Landing Page Light-Mode Text Fix === */
/* The landing page (.skyone-home) always has a dark video background,
   so text must be light even when the theme is in light mode. */

/* 1. Nav links on landing page */
html.light:has(.skyone-home) header nav a {
  color: #fff !important;
}
html.light:has(.skyone-home) header nav a:hover,
html.light:has(.skyone-home) header nav a.active {
  color: #fff !important;
  opacity: 1;
}
html.light:has(.skyone-home) header nav button {
  color: rgba(255,255,255,0.8) !important;
}

/* 2. Hero section text */
html.light .skyone-home .skyone-title {
  color: #fff !important;
}
html.light .skyone-home .skyone-h2 {
  color: #fff !important;
}
html.light .skyone-home .skyone-hero__inner p,
html.light .skyone-home .skyone-hero__inner span {
  color: rgba(255,255,255,0.85) !important;
}

/* 3. Feature band sections (also on dark bg) */
html.light .skyone-home .skyone-band h2,
html.light .skyone-home .skyone-band h3,
html.light .skyone-home .skyone-band p,
html.light .skyone-home .skyone-band span {
  color: #fff !important;
}
html.light .skyone-home .skyone-band article p {
  color: rgba(255,255,255,0.75) !important;
}

/* 4. Footer on landing page */
html.light:has(.skyone-home) footer,
html.light:has(.skyone-home) footer a,
html.light:has(.skyone-home) footer span,
html.light:has(.skyone-home) footer p {
  color: rgba(255,255,255,0.7) !important;
}
html.light:has(.skyone-home) footer a:hover {
  color: #fff !important;
}

/* 5. Badge items (model logos) */
html.light .skyone-home li span {
  color: #fff !important;
}