/**
 * EmpireADC public-site styling.
 *
 * This file intentionally does not style Drupal's administration toolbar.
 * Toolbar corrections are isolated in toolbar-correction.css and attached
 * directly to the core Toolbar library.
 */

:root {
  --ead-blue: #3a5ea4;
  --ead-blue-dark: #294779;
  --ead-blue-darker: #20385f;
  --ead-gray: #58595b;
  --ead-gray-dark: #343537;
  --ead-text: #202124;
  --ead-surface: #ffffff;
  --ead-surface-muted: #e3e7ea;
  --ead-border: #7b838c;
  --ead-focus: #ffbf47;
}

html[data-bs-theme="light"] .archipelago-chiloe-theme,
body.archipelago-chiloe-theme {
  --bs-primary: #3a5ea4;
  --bs-primary-rgb: 58, 94, 164;
  --bb-primary-dark: #294779;
  --bb-primary-light: #6f8dc5;
  --bs-secondary: #58595b;
  --bs-secondary-rgb: 88, 89, 91;
  --bb-secondary-dark: #343537;
  --bb-secondary-light: #77797c;
  --bs-tertiary: #dce5f4;
  --bs-tertiary-rgb: 220, 229, 244;
  --bs-quaternary: #e6e7e8;
  --bs-quaternary-rgb: 230, 231, 232;
  --bs-link-color: #294779;
  --bs-link-color-rgb: 41, 71, 121;
  --bb-link-color: #294779;
  --bb-link-color-rgb: 41, 71, 121;
  --bs-link-hover-color: #20385f;
  --bs-link-hover-color-rgb: 32, 56, 95;
  --bb-pagination-hover-bg: #294779;
  --bs-body-color: #202124;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bb-h1-color: #343537;
  --bb-h2-color: #343537;
  --bb-h3-color: #343537;
  --bb-primary-text: #ffffff;
  --bb-secondary-text: #ffffff;
  --bb-footer-bg: #343537;
}

body.archipelago-chiloe-theme {
  color: var(--ead-text);
  background-color: var(--ead-surface);
}

body.archipelago-chiloe-theme h1,
body.archipelago-chiloe-theme h2,
body.archipelago-chiloe-theme h3,
body.archipelago-chiloe-theme h4,
body.archipelago-chiloe-theme h5,
body.archipelago-chiloe-theme h6,
body.archipelago-chiloe-theme h1.title {
  color: var(--ead-gray-dark) !important;
}

body.archipelago-chiloe-theme a:not(.btn):not(.nav-link):not(.toolbar-item) {
  color: var(--ead-blue-dark);
  text-decoration: underline;
  text-decoration-thickness: .08em;
  text-underline-offset: .16em;
}

body.archipelago-chiloe-theme a:not(.btn):not(.nav-link):not(.toolbar-item):hover {
  color: var(--ead-blue-darker);
  text-decoration-thickness: .14em;
}

/* Header: logo at left, title and local task menu at right. */
body.archipelago-chiloe-theme #navbar-main {
  background-color: #fff !important;
}

body.archipelago-chiloe-theme #navbar-main .page-header {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr);
  grid-template-areas:
    "branding title"
    "branding tabs";
  align-items: center !important;
  gap: .4rem 2rem;
  width: 100%;
  margin-block: 1.25rem !important;
}

body.archipelago-chiloe-theme #navbar-main .page-header > .d-flex:first-child {
  grid-area: branding;
  display: block !important;
  align-self: center;
}

body.archipelago-chiloe-theme #navbar-main .page-header .navbar-brand {
  position: relative !important;
  display: inline-block !important;
  width: auto;
  margin: 0;
  padding: 0;
}

body.archipelago-chiloe-theme #navbar-main .page-header .navbar-brand::after {
  display: none !important;
}

body.archipelago-chiloe-theme #navbar-main .page-header .navbar-brand img,
body.archipelago-chiloe-theme .site-logo,
body.archipelago-chiloe-theme .site-logo-light {
  display: block !important;
  width: 210px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain;
}

body.archipelago-chiloe-theme .site-logo-dark {
  display: none !important;
}

body.archipelago-chiloe-theme #navbar-main .page-header > .block-page-title-block {
  grid-area: title;
  align-self: end;
  margin: 0;
}

body.archipelago-chiloe-theme #navbar-main .page-header h1.title {
  margin: 0 0 .25rem;
}

body.archipelago-chiloe-theme #navbar-main .page-header > nav.tabs {
  grid-area: tabs;
  align-self: start;
  min-width: 0;
}

/* Public navigation. */
body.archipelago-chiloe-theme .navbar-nav > .nav-item > .nav-link {
  color: var(--ead-gray-dark) !important;
  background-color: transparent !important;
  font-weight: 600;
}

body.archipelago-chiloe-theme .navbar-nav > .nav-item > .nav-link:hover,
body.archipelago-chiloe-theme .navbar-nav > .nav-item > .nav-link:focus,
body.archipelago-chiloe-theme .navbar-nav > .nav-item > .nav-link.active {
  color: #fff !important;
  background-color: var(--ead-blue-dark) !important;
}

/* Drupal local task tabs: View, Edit, ADO Tools, etc. */
body.archipelago-chiloe-theme nav.tabs .nav-tabs .nav-link {
  color: var(--ead-text) !important;
  background-color: var(--ead-surface-muted) !important;
  border: 1px solid var(--ead-border) !important;
  opacity: 1 !important;
  font-weight: 600;
}

body.archipelago-chiloe-theme nav.tabs .nav-tabs .nav-link:hover,
body.archipelago-chiloe-theme nav.tabs .nav-tabs .nav-link:focus,
body.archipelago-chiloe-theme nav.tabs .nav-tabs .nav-link.active,
body.archipelago-chiloe-theme nav.tabs .nav-tabs .nav-item.active > .nav-link,
body.archipelago-chiloe-theme nav.tabs .nav-tabs a[aria-current="page"] {
  color: #fff !important;
  background-color: var(--ead-blue-dark) !important;
  border-color: var(--ead-blue-dark) !important;
  opacity: 1 !important;
}

/* Buttons and controls. */
body.archipelago-chiloe-theme .btn-primary {
  color: #fff !important;
  background-color: var(--ead-blue-dark) !important;
  border-color: var(--ead-blue-dark) !important;
}

body.archipelago-chiloe-theme .btn-primary:hover,
body.archipelago-chiloe-theme .btn-primary:focus {
  color: #fff !important;
  background-color: var(--ead-blue-darker) !important;
  border-color: var(--ead-blue-darker) !important;
}

body.archipelago-chiloe-theme .form-control,
body.archipelago-chiloe-theme .form-select {
  color: var(--ead-text);
  background-color: #fff;
  border: 2px solid #767b83;
}

body.archipelago-chiloe-theme .form-control:focus,
body.archipelago-chiloe-theme .form-select:focus {
  border-color: var(--ead-blue-dark);
  box-shadow: 0 0 0 .25rem rgba(58, 94, 164, .28);
}

body.archipelago-chiloe-theme :focus-visible {
  outline: 3px solid var(--ead-focus) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px #202124 !important;
}

body.archipelago-chiloe-theme .btn,
body.archipelago-chiloe-theme button,
body.archipelago-chiloe-theme input[type="submit"] {
  min-height: 44px;
}

body.archipelago-chiloe-theme footer,
body.archipelago-chiloe-theme .site-footer,
body.archipelago-chiloe-theme #footer {
  color: #fff;
  background-color: var(--ead-gray-dark) !important;
}

body.archipelago-chiloe-theme footer a,
body.archipelago-chiloe-theme .site-footer a,
body.archipelago-chiloe-theme #footer a {
  color: #fff !important;
}

@media (max-width: 991.98px) {
  body.archipelago-chiloe-theme #navbar-main .page-header {
    grid-template-columns: 1fr;
    grid-template-areas:
      "branding"
      "title"
      "tabs";
    row-gap: 1rem;
  }

  body.archipelago-chiloe-theme #navbar-main .page-header .navbar-brand img {
    width: 190px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.archipelago-chiloe-theme *,
  body.archipelago-chiloe-theme *::before,
  body.archipelago-chiloe-theme *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Hide only the ADO Tools tab. */
nav.tabs li:has(a[href$="/adotools"]) {
  display: none;
}

/* Allow admin content filters to wrap with readable labels. */
body.path-admin .views-exposed-form > .form-row {
  display: flex;
  flex-wrap: wrap !important;
  align-items: flex-end;
  gap: 1rem;
}

body.path-admin .views-exposed-form .form-item {
  min-width: 160px;
}

body.path-admin .views-exposed-form .form-item > label {
  display: block !important;
}