/* UD Las Palmas corporate theme — palette/fonts aligned with the scoutr app. */
:root {
  --ud-blue: #0045AD;
  --ud-blue-dark: #00347f;
  --ud-yellow: #F2BC24;
  --ud-yellow-light: #FFD100;

  --bs-primary: var(--ud-blue);
  --bs-primary-rgb: 0, 69, 173;
  --bs-link-color: var(--ud-blue);
  --bs-link-color-rgb: 0, 69, 173;
  --bs-link-hover-color: var(--ud-blue-dark);
}

/* Bitstream Vera Sans (as in scoutr), degrading to its open clone / system. */
body {
  font-family: 'Vera', 'DejaVu Sans', 'Bitstream Vera Sans', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Brand-blue headings on light surfaces (left untouched on the dark kiosk). */
body:not(.bg-dark) h1,
body:not(.bg-dark) h2,
body:not(.bg-dark) h3,
body:not(.bg-dark) h4,
body:not(.bg-dark) h5,
body:not(.bg-dark) h6 {
  color: var(--ud-blue);
}

/* Primary surfaces -> club blue */
.bg-primary {
  background-color: var(--ud-blue) !important;
}

.text-bg-primary {
  background-color: var(--ud-blue) !important;
  color: #fff !important;
}

/* Blue background -> yellow text (and vice versa for the yellow button). */
.btn-primary {
  --bs-btn-bg: var(--ud-blue);
  --bs-btn-border-color: var(--ud-blue);
  --bs-btn-color: var(--ud-yellow);
  --bs-btn-hover-bg: var(--ud-blue-dark);
  --bs-btn-hover-border-color: var(--ud-blue-dark);
  --bs-btn-hover-color: var(--ud-yellow);
  --bs-btn-active-bg: var(--ud-blue-dark);
  --bs-btn-active-border-color: var(--ud-blue-dark);
  --bs-btn-active-color: var(--ud-yellow);
  --bs-btn-disabled-bg: var(--ud-blue);
  --bs-btn-disabled-border-color: var(--ud-blue);
  --bs-btn-disabled-color: var(--ud-yellow);
}

.btn-outline-primary {
  --bs-btn-color: var(--ud-blue);
  --bs-btn-border-color: var(--ud-blue);
  --bs-btn-hover-bg: var(--ud-blue);
  --bs-btn-hover-border-color: var(--ud-blue);
  --bs-btn-hover-color: var(--ud-yellow); /* hover fills blue -> yellow text */
  --bs-btn-active-bg: var(--ud-blue);
  --bs-btn-active-border-color: var(--ud-blue);
  --bs-btn-active-color: var(--ud-yellow);
}

a {
  color: var(--ud-blue);
}

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

/* Yellow accents */
.navbar-brand {
  color: var(--ud-yellow) !important;
  font-weight: 700;
  letter-spacing: .5px;
}

.nav-tabs .nav-link.active {
  color: var(--ud-blue);
  font-weight: 600;
  border-bottom: 3px solid var(--ud-yellow);
}

/* nav-pills active: same blue as the navbar, yellow text. */
.nav-pills {
  --bs-nav-pills-link-active-bg: var(--ud-blue);
  --bs-nav-pills-link-active-color: var(--ud-yellow);
}

.nav-pills .nav-link.active {
  background-color: var(--ud-blue);
  color: var(--ud-yellow);
}

.form-control:focus,
.form-select:focus {
  border-color: var(--ud-blue);
  box-shadow: 0 0 0 .25rem rgba(0, 69, 173, .25);
}

/* Secondary accent button + utilities */
.btn-ud-yellow {
  --bs-btn-bg: var(--ud-yellow);
  --bs-btn-border-color: var(--ud-yellow);
  --bs-btn-hover-bg: var(--ud-yellow-light);
  --bs-btn-hover-border-color: var(--ud-yellow-light);
  --bs-btn-color: var(--ud-blue); /* yellow background -> blue text */
  --bs-btn-hover-color: var(--ud-blue);
  --bs-btn-active-color: var(--ud-blue);
}

.bg-ud-yellow {
  background-color: var(--ud-yellow) !important;
  color: #1a1a1a !important;
}

.text-ud-blue {
  color: var(--ud-blue) !important;
}

/* ============================================================
   Sneat-like soft UI layer
   ============================================================ */
body:not(.bg-dark) {
  background-color: #f5f5f9;
  color: #566a7f;
}

.card {
  border: 0;
  border-radius: .625rem;
  box-shadow: 0 .25rem 1.125rem rgba(75, 70, 92, .1);
}

.card-header {
  background-color: transparent;
  border-bottom-color: rgba(75, 70, 92, .08);
}

.btn {
  border-radius: .425rem;
}

.form-control, .form-select, .input-group-text {
  border-radius: .425rem;
}

.dropdown-menu {
  border: 0;
  border-radius: .5rem;
  box-shadow: 0 .25rem 1rem rgba(75, 70, 92, .18);
}

.table {
  --bs-table-color: #566a7f;
}

.table > thead {
  text-transform: uppercase;
  font-size: .75rem;
  letter-spacing: .04em;
  color: #a1acb8;
}

.navbar {
  box-shadow: 0 .125rem .5rem rgba(75, 70, 92, .12);
}

/* Tinted "label" badges/icon tiles (Sneat style) */
.bg-label-primary {
  background-color: rgba(0, 69, 173, .12) !important;
  color: var(--ud-blue) !important;
}

.bg-label-success {
  background-color: rgba(25, 135, 84, .14) !important;
  color: #198754 !important;
}

.bg-label-danger {
  background-color: rgba(220, 53, 69, .14) !important;
  color: #dc3545 !important;
}

.bg-label-warning {
  background-color: rgba(242, 188, 36, .18) !important;
  color: #b58a00 !important;
}

.bg-label-info {
  background-color: rgba(13, 110, 253, .12) !important;
  color: #0d6efd !important;
}

.icon-tile {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: .5rem;
  font-size: 1.25rem;
  flex: 0 0 auto;
}

/* Slim Select: match Bootstrap form-control aspect, single arrow */
select.ss-hide, select.ss-main + select {
  display: none !important;
}

.ss-main {
  min-height: calc(1.5em + .75rem + 2px);
  border: 1px solid var(--bs-border-color, #d9dee3);
  border-radius: .425rem;
  padding: .25rem .5rem;
  font-size: 1rem;
  background-color: #fff;
}

.ss-main:focus-within {
  border-color: var(--ud-blue);
  box-shadow: 0 0 0 .2rem rgba(0, 69, 173, .2);
}