/* =========================================================
   Kiwa Vinçotte W3CSS Theme (for DRIVE NDT)
   Primary: Kiwa Blue
   Accent/Action: Vinçotte Blue
   Deep/Navy: Resolution Blue
   ========================================================= */

:root{
  /* Brand */
  --kv-kiwa-blue:   #005DA1; /* Kiwa primary blue */ /* cite: brandfetch */
  --kv-vincotte:    #007CBA; /* Vinçotte blue */     /* cite: brandfetch */
  --kv-navy:        #002C77; /* Resolution Blue */   /* cite: brandfetch */
  --kv-denim:       #0D66C2; /* Denim */             /* cite: brandfetch */

  /* Theme mapping */
  --kv-theme:       var(--kv-kiwa-blue);
  --kv-action:      var(--kv-vincotte);

  /* Neutrals */
  --kv-border-muted:#B1B3B5;
  --kv-bg-soft:     #EEF4FA;
}

/* ----------------- W3CSS THEME SHADES (based on --kv-theme) ----------------- */
/* Light shades */
.w3-theme-l5 {color:#000 !important; background-color:#EEF4FA !important;}
.w3-theme-l4 {color:#000 !important; background-color:#D6E6F2 !important;}
.w3-theme-l3 {color:#000 !important; background-color:#BFD7E9 !important;}
.w3-theme-l2 {color:#000 !important; background-color:#8FB8D6 !important;}
.w3-theme-l1 {color:#000 !important; background-color:#5F99C3 !important;}

/* Dark shades */
.w3-theme-d1 {color:#fff !important; background-color:#004F88 !important;}
.w3-theme-d2 {color:#fff !important; background-color:#004272 !important;}
.w3-theme-d3 {color:#fff !important; background-color:#00355C !important;}
.w3-theme-d4 {color:#fff !important; background-color:#002846 !important;}
.w3-theme-d5 {color:#fff !important; background-color:#001B30 !important;}

/* W3 standard hooks */
.w3-theme       {color:#fff !important; background-color:var(--kv-theme) !important;}
.w3-text-theme  {color:var(--kv-theme) !important;}
.w3-border-theme{border-color:var(--kv-theme) !important;}

.w3-theme-light {color:#000 !important; background-color:var(--kv-bg-soft) !important;}
.w3-theme-dark  {color:#fff !important; background-color:var(--kv-navy) !important;}

/* “Action” = Vinçotte Blue for CTAs */
.w3-theme-action {color:#fff !important; background-color:var(--kv-action) !important;}

/* Hover behavior */
.w3-hover-theme:hover       {color:#fff !important; background-color:var(--kv-theme) !important;}
.w3-hover-text-theme:hover  {color:var(--kv-theme) !important;}
.w3-hover-border-theme:hover{border-color:var(--kv-theme) !important;}

/* ----------------- CUSTOM EXTENSION (DRIVE NDT style) ----------------- */

.w3-theme-breadcrumb {
  color:#fff !important;
  background-color: var(--kv-navy) !important;
}
.w3-theme-breadcrumb a:visited,
.w3-theme-breadcrumb a:link {
  color:#fff !important;
}
.w3-theme-breadcrumb a:hover{
  color:#fff !important;
  background-color: var(--kv-action) !important;
}

.w3-text-theme-light {color:var(--kv-bg-soft) !important;}
.w3-text-theme-dark  {color:var(--kv-navy) !important;}

.w3-hover-theme-light:hover      {color:#000 !important; background-color:var(--kv-bg-soft) !important;}
.w3-hover-text-theme-light:hover {color:var(--kv-bg-soft) !important;}
.w3-hover-text-theme-dark:hover  {color:var(--kv-navy) !important;}

/* dirty fix on django-admin many-to-many selector widget */
.selector-chosen h2 {
  color:#fff !important;
  background-color: var(--kv-denim) !important;
}

/* Links: keep admin readable; highlight on hover */
a { color: var(--body-fg) !important; }
a:hover { color: var(--kv-theme) !important; }

/* FullCalendar buttons */
.fc .fc-button-primary {
  color:#fff !important;
  background-color: var(--kv-navy) !important;
  border-color: var(--kv-navy) !important;
}
.fc .fc-button-primary.fc-button-active {
  color:#fff !important;
  background-color: var(--kv-action) !important;
  border-color: var(--kv-action) !important;
}
.fc-button:hover {
  color:#fff !important;
  background-color: var(--kv-action) !important;
  border-color: var(--kv-action) !important;
}

/* Your existing date separators */
th[data-date$="00:00:00"],
td[data-date$="00:00:00"],
th[data-date$="-01"],
td[data-date$="-01"] {
  border-left: 2px solid var(--kv-border-muted);
}