/* =============================================
   Dobbys Welt – Admin Console Theme
   Overrides for Keycloak Admin Console v2
   ============================================= */

:root {
  --dw-blue-dark:   #0D2137;
  --dw-blue:        #1B4F8A;
  --dw-blue-light:  #3B7BC8;
  --dw-red:         #E63946;
  --dw-orange:      #F4A261;
  --dw-green:       #52B788;
  --dw-gold:        #F9C74F;
}

/* ---- Top Navbar ---- */
.pf-v5-c-masthead,
.pf-c-page__header,
.navbar.navbar-pf-vertical {
  background: linear-gradient(90deg, var(--dw-blue-dark) 0%, var(--dw-blue) 100%) !important;
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(90deg,
    var(--dw-blue-light) 0%,
    var(--dw-green) 30%,
    var(--dw-gold) 60%,
    var(--dw-red) 100%
  ) 1;
}

/* Logo in Admin brand area */
.pf-v5-c-masthead__brand::before,
.navbar-header .navbar-brand::before {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url('../img/logo.png') center / contain no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* ---- Primary Actions ---- */
.pf-v5-c-button.pf-m-primary,
.pf-c-button.pf-m-primary,
.btn-primary {
  background-color: var(--dw-blue) !important;
  border-color: var(--dw-blue-dark) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

.pf-v5-c-button.pf-m-primary:hover,
.btn-primary:hover {
  background-color: var(--dw-blue-light) !important;
  border-color: var(--dw-blue) !important;
}

/* ---- Sidebar ---- */
.pf-v5-c-nav__link.pf-m-current,
.nav-pf-vertical .list-group-item.active {
  background-color: rgba(59,123,200,0.15) !important;
  border-left: 3px solid var(--dw-blue-light) !important;
  color: var(--dw-blue-light) !important;
}

/* ---- Cards ---- */
.pf-v5-c-card,
.pf-c-card,
.card-pf {
  border-radius: 10px !important;
  box-shadow: 0 2px 12px rgba(13,33,55,0.08) !important;
}

/* ---- Page Title ---- */
h1.pf-v5-c-title,
h1.pf-c-title,
.pf-v5-c-page__main-section h1 {
  color: var(--dw-blue) !important;
}

/* ---- Links ---- */
a {
  color: var(--dw-blue-light);
}

a:hover {
  color: var(--dw-blue);
}

/* ---- Success/Danger colors ---- */
.pf-v5-c-label.pf-m-green { --pf-v5-c-label--BackgroundColor: rgba(82,183,136,0.15); }
.pf-v5-c-label.pf-m-red { --pf-v5-c-label--BackgroundColor: rgba(230,57,70,0.12); }