/* CareerPilot Public Theme */
#themeToggle.nav-theme-button,
#themeToggle.about-theme-button{
  width:auto!important;min-width:104px!important;max-width:none!important;
  height:42px!important;min-height:42px!important;padding:0 15px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;border:1px solid #d6deea!important;border-radius:11px!important;
  background:#fff!important;color:#172033!important;font:inherit!important;
  font-size:14px!important;font-weight:800!important;line-height:1!important;
  white-space:nowrap!important;overflow:visible!important;cursor:pointer!important;
  appearance:none!important;-webkit-appearance:none!important;
}
#themeToggle.nav-theme-button:hover,
#themeToggle.about-theme-button:hover{
  border-color:#9bbcff!important;background:#eff6ff!important;color:#2563eb!important;
}
html.dark #themeToggle.nav-theme-button,
html.dark #themeToggle.about-theme-button,
html[data-theme="dark"] #themeToggle.nav-theme-button,
html[data-theme="dark"] #themeToggle.about-theme-button,
body.dark-mode #themeToggle.nav-theme-button,
body.dark-mode #themeToggle.about-theme-button{
  border-color:#29405e!important;background:#111c2e!important;color:#f8fafc!important;
}

/* About dark mode */
html.dark body,html[data-theme="dark"] body,body.dark-mode{
  background:#0b1220!important;color:#f8fafc!important;
}
html.dark .about-nav,html[data-theme="dark"] .about-nav,body.dark-mode .about-nav{
  background:rgba(17,28,46,.97)!important;border-bottom-color:#263a55!important;color:#f8fafc!important;
}
html.dark .about-logo,html.dark .about-nav-links a,html.dark .about-login,
html[data-theme="dark"] .about-logo,html[data-theme="dark"] .about-nav-links a,html[data-theme="dark"] .about-login,
body.dark-mode .about-logo,body.dark-mode .about-nav-links a,body.dark-mode .about-login{
  color:#dbeafe!important;
}
html.dark .about-nav-links a:hover,html.dark .about-nav-links a.active,
html[data-theme="dark"] .about-nav-links a:hover,html[data-theme="dark"] .about-nav-links a.active,
body.dark-mode .about-nav-links a:hover,body.dark-mode .about-nav-links a.active{
  color:#60a5fa!important;
}
html.dark .about-hero,html.dark .about-mission,html.dark .about-values,
html[data-theme="dark"] .about-hero,html[data-theme="dark"] .about-mission,html[data-theme="dark"] .about-values,
body.dark-mode .about-hero,body.dark-mode .about-mission,body.dark-mode .about-values{
  background:#0b1220!important;color:#f8fafc!important;
}
html.dark .about-hero h1,html.dark .about-section-heading h2,html.dark .about-value-card h3,
html[data-theme="dark"] .about-hero h1,html[data-theme="dark"] .about-section-heading h2,html[data-theme="dark"] .about-value-card h3,
body.dark-mode .about-hero h1,body.dark-mode .about-section-heading h2,body.dark-mode .about-value-card h3{
  color:#f8fafc!important;
}
html.dark .about-hero p,html.dark .about-section-heading p,html.dark .about-value-card p,
html[data-theme="dark"] .about-hero p,html[data-theme="dark"] .about-section-heading p,html[data-theme="dark"] .about-value-card p,
body.dark-mode .about-hero p,body.dark-mode .about-section-heading p,body.dark-mode .about-value-card p{
  color:#a8b4c7!important;
}
html.dark .about-value-card,html[data-theme="dark"] .about-value-card,body.dark-mode .about-value-card{
  background:#111c2e!important;border-color:#263a55!important;box-shadow:0 18px 42px rgba(0,0,0,.2)!important;
}
html.dark .about-label,html[data-theme="dark"] .about-label,body.dark-mode .about-label{
  color:#60a5fa!important;
}
@media(max-width:700px){
  #themeToggle.nav-theme-button,#themeToggle.about-theme-button{
    min-width:92px!important;height:40px!important;min-height:40px!important;
    padding:0 12px!important;font-size:13px!important;
  }
}