/*
 * Jobbusters Theme Colors
 * Hauptfarbe: #f2ff1e (Neon-Lime) mit kontraststarken Text-/Hover-Farben.
 * Diese Datei enthält nur Farb-/Design-Overrides.
 */

:root {
  --jb-accent: #f2ff1e;
  --jb-accent-rgb: 242, 255, 30;
  --jb-accent-hover: #e8f82a;
  --jb-accent-active: #d4e010;
  --jb-on-accent: #171b08;
  --jb-on-accent-soft: #e6eb7a;
  --jb-link: var(--jb-accent);
  --jb-link-hover: var(--jb-accent);
  --jb-body-bg: #24233b;
  --jb-body-bg-rgb: 36, 35, 59;
  --jb-hero-ueber-uns-bg: #0b0d10;
  --jb-dark-bg: #24233b;
  --jb-dark-surface: #24233b;
  /* Wechsel-Sektionen (.bg-light): dunkler als Body */
  --jb-bg-soft-band: #181728;
  /* CTA / Prozess-Streifen (.bg-primary) */
  --jb-primary-band-start: #141223;
  --jb-primary-band-mid: #181728;
  --jb-primary-band-end: #24233b;
  /* Formularfelder (wie Jobs-Hero input-card) */
  --jb-field-bg: var(--jb-bg-soft-band);
  --jb-field-border: rgba(255, 255, 255, 0.1);
  --jb-field-shadow:
    0 0.375rem 1.5rem rgba(0, 0, 0, 0.42),
    0 0 28px rgba(24, 23, 40, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --jb-field-focus-border: rgba(var(--jb-accent-rgb), 0.55);
  --jb-field-focus-shadow:
    0 0 0 0.25rem rgba(var(--jb-accent-rgb), 0.18),
    0 0 12px rgba(var(--jb-accent-rgb), 0.22);

  --bs-primary: var(--jb-accent);
  --bs-blue: var(--jb-accent);
  --bs-primary-rgb: var(--jb-accent-rgb);
  --bs-blue-rgb: var(--jb-accent-rgb);
  --bs-link-color: var(--jb-link);
  --bs-link-hover-color: var(--jb-link-hover);
  --bs-body-bg: var(--jb-body-bg);
  --bs-body-bg-rgb: var(--jb-body-bg-rgb);
  --bs-body-color: #d5dce8;
  --bs-body-color-rgb: 213, 220, 232;
  --bs-secondary-color: #b5bfcd;
  --bs-secondary-color-rgb: 181, 191, 205;
  --bs-tertiary-color: #98a4b8;
  --bs-tertiary-color-rgb: 152, 164, 184;
}

.btn-primary {
  --bs-btn-color: var(--jb-on-accent) !important;
  --bs-btn-bg: var(--jb-accent) !important;
  --bs-btn-border-color: var(--jb-accent) !important;
  --bs-btn-hover-color: var(--jb-on-accent) !important;
  --bs-btn-hover-bg: var(--jb-accent-hover) !important;
  --bs-btn-hover-border-color: var(--jb-accent-hover) !important;
  --bs-btn-active-color: var(--jb-on-accent) !important;
  --bs-btn-active-bg: var(--jb-accent-active) !important;
  --bs-btn-active-border-color: var(--jb-accent-active) !important;
  --bs-btn-focus-shadow-rgb: var(--jb-accent-rgb) !important;
  --bs-btn-disabled-color: var(--jb-on-accent) !important;
  --bs-btn-disabled-bg: var(--jb-accent) !important;
  --bs-btn-disabled-border-color: var(--jb-accent) !important;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:hover {
  color: var(--jb-on-accent) !important;
  box-shadow: 0 4px 14px rgba(var(--jb-accent-rgb), 0.35) !important;
}

.btn-outline-primary {
  --bs-btn-color: var(--jb-on-accent-soft) !important;
  --bs-btn-border-color: var(--jb-accent-hover) !important;
  --bs-btn-hover-color: var(--jb-on-accent) !important;
  --bs-btn-hover-bg: var(--jb-accent) !important;
  --bs-btn-hover-border-color: var(--jb-accent) !important;
  --bs-btn-focus-shadow-rgb: var(--jb-accent-rgb) !important;
  --bs-btn-active-color: var(--jb-on-accent) !important;
  --bs-btn-active-bg: var(--jb-accent-hover) !important;
  --bs-btn-active-border-color: var(--jb-accent-hover) !important;
  --bs-btn-disabled-color: var(--jb-on-accent-soft) !important;
  --bs-btn-disabled-border-color: var(--jb-accent-hover) !important;
  color: var(--jb-on-accent-soft) !important;
  border-color: var(--jb-accent-hover) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
  color: var(--jb-on-accent) !important;
  background-color: var(--jb-accent) !important;
  border-color: var(--jb-accent) !important;
}

.btn-link {
  --bs-btn-color: var(--jb-link) !important;
  --bs-btn-hover-color: var(--jb-link-hover) !important;
  color: var(--jb-link) !important;
}

.btn-link:hover,
.btn-link:focus {
  color: var(--jb-link-hover) !important;
}

.bg-soft-primary {
  background-color: rgba(var(--jb-accent-rgb), 0.18) !important;
}

.text-bg-primary,
.badge.bg-primary {
  color: var(--jb-on-accent) !important;
}

.badge.bg-primary,
.text-bg-primary {
  background-color: var(--jb-accent) !important;
  border-color: var(--jb-accent) !important;
}

.link-primary {
  color: var(--jb-link) !important;
}

.link-primary:hover,
.link-primary:focus,
.link-secondary[href]:hover,
.link-secondary[href]:focus,
.link-secondary:hover,
.link-secondary:focus,
.text-body[href]:hover,
.text-muted[href]:hover,
.text-secondary[href]:hover,
.text-dark[href]:hover {
  color: var(--jb-link-hover) !important;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: var(--jb-link-hover) !important;
}

.navbar .dropdown-menu {
  border-top-color: var(--jb-accent) !important;
}

.accordion-button:not(.collapsed) {
  color: #eaf1ff !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f2ff1e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e") !important;
  background-size: var(--bs-accordion-btn-icon-width) !important;
}

.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f2ff1e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.text-highlight-primary {
  background-image: linear-gradient(
    to bottom,
    rgba(var(--jb-accent-rgb), 0.5),
    rgba(var(--jb-accent-rgb), 0.5)
  ) !important;
}

.gradient-y-sm-primary {
  background-image: linear-gradient(
    to bottom,
    transparent,
    rgba(var(--jb-accent-rgb), 0.12)
  ) !important;
}

.gradient-y-three-sm-primary {
  background-image: linear-gradient(
    transparent,
    rgba(var(--jb-accent-rgb), 0.12) 50%,
    transparent
  ) !important;
}

.gradient-x-three-sm-primary {
  background-image: linear-gradient(
    to right,
    rgba(var(--jb-accent-rgb), 0.05),
    rgba(var(--jb-accent-rgb), 0.1) 50%,
    rgba(var(--jb-accent-rgb), 0.05)
  ) !important;
}

.gradient-x-overlay-sm-primary::before {
  background-image: linear-gradient(
    45deg,
    transparent,
    rgba(var(--jb-accent-rgb), 0.1)
  ) !important;
}

/* Sektionen mit ehem. „bg-light“: leicht abgesetztes Band (nicht = Body) */
.bg-light {
  --bs-bg-opacity: 1;
  background-color: var(--jb-bg-soft-band) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    inset 0 -1px 0 rgba(0, 0, 0, 0.35);
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: var(--jb-dark-bg) !important;
}

.list-checked-primary .list-checked-item::before {
  background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%23f2ff1e'/%3e%3c/svg%3e") !important;
}