/* 
 * PRIME HR Theme Colors
 * Überschreibt NUR die Primärfarbe von Blau (#377dff) zu Violett (#9220d0)
 * 
 * Diese Datei enthält AUSSCHLIESSLICH Farb- und Design-Anpassungen.
 * Für andere Custom-Styles siehe webstra.css
 * 
 * WICHTIG: Diese Datei muss NACH theme.min.css geladen werden!
 */

:root {
  /* Primärfarbe - Hauptfarbe */
  --bs-primary: #9220d0;

  /* Bootstrap Blue - wird als Basis für Primary verwendet */
  --bs-blue: #9220d0;

  /* RGB-Werte für rgba() Verwendung */
  --bs-primary-rgb: 146, 32, 208;
  --bs-blue-rgb: 146, 32, 208;

  /* Link-Farben (nutzen Primary) */
  --bs-link-color: #9220d0;
  --bs-link-hover-color: #8018b0;
}

/* Hardcoded Farbwerte überschreiben (nur wo nötig) */

/* Buttons - Primary */
.btn-primary {
  --bs-btn-bg: #9220d0 !important;
  --bs-btn-border-color: #9220d0 !important;
  --bs-btn-hover-bg: #8018b0 !important;
  --bs-btn-hover-border-color: #8018b0 !important;
  --bs-btn-active-bg: #8018b0 !important;
  --bs-btn-active-border-color: #8018b0 !important;
  --bs-btn-focus-shadow-rgb: 146, 32, 208 !important;
  --bs-btn-disabled-bg: #9220d0 !important;
  --bs-btn-disabled-border-color: #9220d0 !important;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:hover {
  box-shadow: 0 4px 11px rgba(146, 32, 208, 0.35) !important;
}

/* Button Outline Primary */
.btn-outline-primary {
  --bs-btn-color: #9220d0 !important;
  --bs-btn-border-color: #9220d0 !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #9220d0 !important;
  --bs-btn-hover-border-color: #9220d0 !important;
  --bs-btn-focus-shadow-rgb: 146, 32, 208 !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: #8018b0 !important;
  --bs-btn-active-border-color: #8018b0 !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
  --bs-btn-disabled-color: #9220d0 !important;
  --bs-btn-disabled-border-color: #9220d0 !important;
  color: #9220d0 !important;
  border-color: #9220d0 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  color: #fff !important;
  background-color: #9220d0 !important;
  border-color: #9220d0 !important;
}

.btn-outline-primary:active,
.btn-outline-primary.active {
  color: #fff !important;
  background-color: #8018b0 !important;
  border-color: #8018b0 !important;
}

/* Button Link */
.btn-link {
  --bs-btn-color: #9220d0 !important;
  --bs-btn-hover-color: #8018b0 !important;
  color: #9220d0 !important;
}

.btn-link:hover,
.btn-link:focus {
  color: #8018b0 !important;
}

/* Soft Primary Background */
.bg-soft-primary {
  background-color: rgba(146, 32, 208, 0.1) !important;
}

/* Link Primary */
.link-primary {
  color: #9220d0 !important;
}

.link-primary:hover,
.link-primary:focus {
  color: #8018b0 !important;
}

/* Link Secondary - nur Hover anpassen, normale Farbe bleibt */
/* Spezifischer als Theme-Regel .link-secondary[href]:hover */
.link-secondary[href]:hover,
.link-secondary[href]:focus,
.link-secondary:hover,
.link-secondary:focus {
  color: #8018b0 !important;
}

/* Text Body, Muted, Secondary, Dark Links - Hover auf Lila */
.text-body[href]:hover,
.text-muted[href]:hover,
.text-secondary[href]:hover,
.text-dark[href]:hover {
  color: #8018b0 !important;
}

/* Navbar Links - Light Navbar */
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #9220d0 !important;
}

/* Navbar Dropdown Menu Border */
.navbar .dropdown-menu {
  border-top-color: #9220d0 !important;
}

/* Accordion - Primary Colors */
.accordion-button:not(.collapsed) {
  color: #9220d0 !important;
}

/* Accordion Button Icon - Active State (::after) - Minus Zeichen */
.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='%239220d0' 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;
}

/* Text Highlight Primary */
.text-highlight-primary {
  background-image: linear-gradient(
    to bottom,
    rgba(146, 32, 208, 0.5),
    rgba(146, 32, 208, 0.5)
  ) !important;
}

/* Gradient Primary */
.gradient-y-sm-primary {
  background-image: linear-gradient(
    to bottom,
    transparent,
    rgba(146, 32, 208, 0.075)
  ) !important;
}

.gradient-y-three-sm-primary {
  background-image: linear-gradient(
    transparent,
    rgba(146, 32, 208, 0.075) 50%,
    transparent
  ) !important;
}

.gradient-x-three-sm-primary {
  background-image: linear-gradient(
    to right,
    rgba(146, 32, 208, 0.03),
    rgba(9, 165, 190, 0.05) 50%,
    rgba(245, 202, 153, 0.05)
  ) !important;
}

.gradient-x-overlay-sm-primary::before {
  background-image: linear-gradient(
    45deg,
    transparent,
    rgba(146, 32, 208, 0.05)
  ) !important;
}

/* Background Light - Custom Color */
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgb(251, 247, 255) !important;
}

/* List Checked Primary - Checkmark Color */
.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='%239220d0'/%3e%3c/svg%3e") !important;
}