/* Dark mode support for /hiring career page */
/* Leverages Bootstrap 5 data-bs-theme="dark" */

#hiring_banner {
  position: relative;
}

#hiring_banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit;
  z-index: 1;
}

[data-bs-theme="dark"] #hiring_banner::before {
  background-color: rgba(0, 0, 0, 0.6) !important; /* Dark overlay for image bg */
}

#hiring_banner > * {
  position: relative;
  z-index: 2;
}

#title h1,
#jobs-title,
#hiring_intro {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

[data-bs-theme="dark"] #title h1,
[data-bs-theme="dark"] #jobs-title,
[data-bs-theme="dark"] #hiring_intro {
  color: #f8f9fa !important;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
}

.para-title,
.para-subtitle {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

[data-bs-theme="dark"] .para-title,
[data-bs-theme="dark"] .para-subtitle {
  color: #f8f9fa !important;
}

/* TinyMCE content dark mode override */
#jobs-Requirement {
  color: var(--bs-body-color);
}

[data-bs-theme="dark"] #jobs-Requirement *,
[data-bs-theme="dark"] #jobs-Requirement {
  color: var(--bs-body-color) !important;
  background-color: var(--bs-body-bg) !important;
}

/* CV Apply form tweaks */
.border-start {
  border-left: 1px solid var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .border-start {
  border-left-color: var(--bs-border-color-translucent) !important;
}

[data-bs-theme="dark"] #internship img {
  filter: brightness(0.8) contrast(1.1);
}

/* Glass morphism (used in navbar/footer, for consistency) */
.glass-morphism {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

[data-bs-theme="dark"] .glass-morphism {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Responsive text for better dark/light contrast */
.text-body,
#hiring_intro.h5 {
  color: var(--bs-body-color);
}
