/**
 * SB Admin 2 — Theme Overrides
 * Uses CSS custom properties for theme color switching.
 * Default: Olive (#5a6667)
 *
 * Also resets button colors to BS5 defaults,
 * overriding the old app.css Laravel preset colors.
 */

/* Theme color defaults */
:root {
  --theme-primary: #5a6667;
  --theme-primary-hover: #4c5657;
  --theme-primary-dark: #3e4647;
}

/* Text selection */
::selection { background: var(--theme-primary); color: #fff; text-shadow: none; }
::-moz-selection { background: var(--theme-primary); color: #fff; text-shadow: none; }

/* Card header accent */
.card > .card-header strong {
  color: var(--theme-primary);
}

/* -------------------------------------------------------
   Button Colors — Override old app.css preset
   Restore BS5 defaults
   ------------------------------------------------------- */

/* Primary — theme color */
.btn-primary {
  color: #fff;
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
}
.btn-primary:hover,
.btn-primary:focus {
  color: #fff;
  background-color: var(--theme-primary-hover);
  border-color: var(--theme-primary-dark);
}
.btn-primary:active,
.btn-primary.active {
  color: #fff;
  background-color: var(--theme-primary-dark);
  border-color: var(--theme-primary-dark);
}

/* Outline buttons — fix hover text color (overrides BS3 app.css .btn:hover{color:#636b6f}) */
.btn-outline-primary {
  color: var(--theme-primary);
  border-color: var(--theme-primary);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
  color: #fff;
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
  color: #fff;
}
.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
  color: #fff;
}
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active {
  color: #fff;
}
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
  color: #000;
}
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
  color: #fff;
}

/* Success — BS5 green */
.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-success:hover,
.btn-success:focus {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
}

/* Info — BS5 cyan */
.btn-info {
  color: #fff;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-info:hover,
.btn-info:focus {
  color: #fff;
  background-color: #31d2f2;
  border-color: #25cff2;
}

/* Danger — BS5 red */
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover,
.btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
}

/* Warning — BS5 yellow */
.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover,
.btn-warning:focus {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
}

/* Secondary — BS5 gray */
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover,
.btn-secondary:focus {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
}

/* Light — visible border for icon/action buttons */
.btn-light {
  color: #636b6f;
  background-color: #f8f9fa;
  border-color: #ccc;
}
.btn-light:hover,
.btn-light:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

/* Default (BS3 compat) — map to light */
.btn-default {
  color: #636b6f;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

/* Dropdown item active — theme color */
.topbar .dropdown-item:active {
  background-color: var(--theme-primary);
  color: #fff;
}

/* -------------------------------------------------------
   Primary card border
   ------------------------------------------------------- */
.card.border-primary,
.card.border-primary > .card-header {
  border-color: var(--theme-primary) !important;
}
.card.border-primary > .card-header {
  background-color: var(--theme-primary) !important;
}

/* Alert theme */
.alert-theme-color {
  background-color: var(--theme-primary) !important;
}

/* Datepicker active */
.datepicker table tr td.active.active {
  background-color: var(--theme-primary);
}

/* Text & background utility — override app.css #3097D1 and BS5 --bs-primary-rgb */
.text-primary { color: var(--theme-primary) !important; }
.bg-primary { background-color: var(--theme-primary) !important; }
.border-primary { border-color: var(--theme-primary) !important; }

/* Links */
a { color: var(--theme-primary); }
a:hover { color: var(--theme-primary-dark); }

/* -------------------------------------------------------
   Sidebar gradient — override SB Admin 2 hardcoded blue
   ------------------------------------------------------- */
.bg-gradient-primary {
  background-color: var(--theme-primary) !important;
  background-image: linear-gradient(180deg, var(--theme-primary) 10%, var(--theme-primary-dark) 100%) !important;
  background-size: cover;
}

/* -------------------------------------------------------
   Topbar — white background, dark text (SB Admin 2 default)
   ------------------------------------------------------- */
.topbar .nav-link,
#header .nav-link {
  color: #858796 !important;
}
.topbar .nav-link:hover,
#header .nav-link:hover {
  color: #333 !important;
}

.topbar .navbar-brand,
#header .navbar-brand {
  color: #333 !important;
}