/**
 * @file
 * Vtranet V2 theme integration — maps parent layout to design tokens.
 * Preserves brand #002947 in light mode; full dark mode overrides.
 */

/* -------------------------------------------------------------------------
   Base overrides (beat parent body { color:#333; font:Arial })
   ------------------------------------------------------------------------- */
body.vtranet-v2 {
  color: var(--vt-body-color) !important;
  font-family: var(--vt-font-family) !important;
  font-size: var(--vt-font-size-base) !important;
  line-height: var(--vt-line-height) !important;
  background-color: var(--vt-body-bg) !important;
}

/* -------------------------------------------------------------------------
   Sidebar (.slidebar.menu-light)
   ------------------------------------------------------------------------- */
.vtranet-v2 .slidebar.menu-light {
  background-color: var(--vt-sidebar-bg) !important;
  background: var(--vt-sidebar-bg) !important;
  color: var(--vt-sidebar-color);
  border-right: none;
  box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.09);
}

.vtranet-v2 .region-menuslide ul.menu > li a {
  color: var(--vt-sidebar-link) !important;
}

.vtranet-v2 .region-menuslide ul.menu > li a:hover,
.vtranet-v2 .region-menuslide ul.menu > li a:focus {
  background: var(--vt-sidebar-link-hover-bg) !important;
  color: #fff !important;
  border-radius: 10px;
}

.vtranet-v2 .region-menuslide ul.menu > li.active > a,
.vtranet-v2 .slidebar.navbar-collapsed:hover ul.menu > li.active a {
  background: var(--vt-sidebar-link-active-bg) !important;
  color: #fff !important;
  border-radius: 10px;
}

.vtranet-v2 .slidebar ul > li.active ul.menu > li.active a,
.vtranet-v2 .slidebar.navbar-collapsed:hover ul > li.active ul.menu > li.active a {
  color: var(--vt-sidebar-submenu-active) !important;
  background: transparent !important;
  font-weight: 700;
}

.vtranet-v2 .slidebar ul > li.active ul.menu > li a:hover,
.vtranet-v2 .slidebar.navbar-collapsed:hover ul > li.active ul.menu > li a:hover {
  background: var(--vt-sidebar-link-hover-bg) !important;
  border-radius: 10px;
}

/* -------------------------------------------------------------------------
   Header top (#header-right)
   ------------------------------------------------------------------------- */
.vtranet-v2 .header-top {
  background: var(--vt-header-bg) !important;
  color: var(--vt-body-color);
  box-shadow: var(--vt-shadow);
}

.vtranet-v2 #header-right ul.navbar-nav a,
.vtranet-v2 #header-right .pc-head-link {
  color: var(--vt-secondary);
}

.vtranet-v2 #header-right .dropdown-menu {
  background-color: var(--vt-surface);
  border-color: var(--vt-border-color);
  color: var(--vt-body-color);
}

.vtranet-v2 #header-right .dropdown-item {
  color: var(--vt-body-color);
}

.vtranet-v2 #header-right .dropdown-item:hover,
.vtranet-v2 #header-right .dropdown-item:focus {
  background-color: var(--vt-table-hover-bg);
  color: var(--vt-primary);
}

/* Theme toggle — styled like other header icons */
.vtranet-v2 #header-right .vt-theme-toggle-item {
  display: inline-block;
  padding: 0 12px;
  vertical-align: middle;
}

.vtranet-v2 #header-right .vt-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 2rem;
  height: 2.25rem;
  padding: 0;
  margin: 0 5px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--vt-secondary);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  transition: color 0.15s ease, background 0.15s ease;
}

.vtranet-v2 #header-right .vt-theme-toggle:hover,
.vtranet-v2 #header-right .vt-theme-toggle:focus {
  color: var(--vt-primary);
  background: var(--vt-table-hover-bg);
  outline: none;
}

.vtranet-v2 #header-right .vt-theme-toggle i {
  pointer-events: none;
}

/* -------------------------------------------------------------------------
   Content areas
   ------------------------------------------------------------------------- */
.vtranet-v2 .content-header {
  background-color: var(--vt-content-header-bg) !important;
  color: var(--vt-body-color);
}

.vtranet-v2 .page-content {
  background: var(--vt-body-bg);
  color: var(--vt-body-color);
}

/* Cards, panels inside content */
.vtranet-v2 .card,
.vtranet-v2 .panel,
.vtranet-v2 .block {
  background-color: var(--vt-surface);
  color: var(--vt-body-color);
  border-color: var(--vt-border-color);
}

/* Forms */
.vtranet-v2 .form-control,
.vtranet-v2 .form-select {
  background-color: var(--vt-surface);
  color: var(--vt-body-color);
  border-color: var(--vt-border-color);
}

.vtranet-v2 .form-control:focus,
.vtranet-v2 .form-select:focus {
  background-color: var(--vt-surface);
  color: var(--vt-body-color);
  border-color: var(--vt-primary);
  box-shadow: 0 0 0 0.2rem rgba(var(--vt-primary-rgb), 0.2);
}

/* Tables (Drupal admin + views) */
.vtranet-v2 table,
.vtranet-v2 .table {
  color: var(--vt-body-color);
  border-color: var(--vt-table-border);
}

.vtranet-v2 table thead th,
.vtranet-v2 .table thead th {
  background-color: var(--vt-table-header-bg);
  color: var(--vt-body-color);
  border-color: var(--vt-table-border);
}

.vtranet-v2 table tbody tr:nth-child(even),
.vtranet-v2 .table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--vt-table-stripe-bg);
}

.vtranet-v2 table tbody tr:hover,
.vtranet-v2 .table-hover > tbody > tr:hover > * {
  background-color: var(--vt-table-hover-bg);
}

/* Breadcrumb */
.vtranet-v2 .breadcrumb {
  background: transparent;
  color: var(--vt-body-color);
}

.vtranet-v2 .breadcrumb-item a {
  color: var(--vt-primary);
}

/* Preserve parent collapse behavior */
.vtranet-v2 .slidebar.navbar-collapsed {
  transition: width 0.25s ease;
}

.vtranet-v2 .slidebar .hide-menu {
  cursor: pointer;
}

/* -------------------------------------------------------------------------
   Dark mode — Bootstrap components
   ------------------------------------------------------------------------- */
[data-theme="dark"] .vtranet-v2 .btn-light,
[data-theme="dark"] .vtranet-v2 .btn-outline-secondary {
  color: var(--vt-body-color);
  border-color: var(--vt-border-color);
}

[data-theme="dark"] .vtranet-v2 .text-muted {
  color: var(--vt-secondary) !important;
}

[data-theme="dark"] .vtranet-v2 .modal-content {
  background-color: var(--vt-surface);
  color: var(--vt-body-color);
  border-color: var(--vt-border-color);
}

[data-theme="dark"] .vtranet-v2 .list-group-item {
  background-color: var(--vt-surface);
  color: var(--vt-body-color);
  border-color: var(--vt-border-color);
}

[data-theme="dark"] .vtranet-v2 .navbar-search-input .form-control {
  color: var(--vt-body-color) !important;
}

[data-theme="dark"] .vtranet-v2 #header-right .pc-head-link .user-desc {
  color: var(--vt-secondary);
}