/* ==========================================================
   valverefacer.com custom styles (Quark Child theme)
   Quark loads this file automatically after its own CSS.
   Put all site style tweaks here - never in user/themes/quark.
   ========================================================== */

/* ----------------------------------------------------------
   Darker blue + solid buttons (2026-09-24, rev 2)

   Quark's default blue #3085ee is only 3.7:1 contrast on
   white, and Spectre draws buttons as white boxes with thin
   blue text and tags as pale-blue boxes. Replaced with:
     Base    #1a5fb4  (6.3:1 on white)
     Hover   #144a8c  (8.8:1)
     Pressed #0f3d75  (10.8:1)
   Buttons and tags are now solid blue with bold white text.

   To try a different blue, search and replace these three
   values throughout this file.
   ---------------------------------------------------------- */

/* ---------- Text links ---------- */
a {
  color: #1a5fb4;
}
a:hover,
a:focus,
a:active,
a.active {
  color: #144a8c;
}
a:focus {
  box-shadow: 0 0 0 .1rem rgba(26, 95, 180, .25);
}

/* ---------- Buttons: solid blue, bold white text ----------
   Covers the hero buttons, "Request Documentation", form
   Submit buttons, and any other .btn / .button link.        */
.btn,
.button,
.btn.btn-primary,
.button.btn-primary,
.button.button-primary,
.button.button-secondary,
.button.primary,
#grav-login .login-form button[type=submit],
#grav-login .twofa-form button[type=submit]:first-child {
  color: #fff;
  font-weight: 600;
  background: #1a5fb4;
  border: .05rem solid #144a8c;
}
.btn:hover,
.btn:focus,
.button:hover,
.button:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.button.btn-primary:hover,
.button.btn-primary:focus,
.button.button-primary:hover,
.button.button-primary:focus,
.button.button-secondary:hover,
.button.button-secondary:focus,
.button.primary:hover,
.button.primary:focus,
#grav-login .login-form button[type=submit]:hover,
#grav-login .login-form button[type=submit]:focus,
#grav-login .twofa-form button[type=submit]:first-child:hover,
#grav-login .twofa-form button[type=submit]:first-child:focus {
  color: #fff;
  background: #144a8c;
  border-color: #0f3d75;
  box-shadow: 0 0 0 .1rem rgba(26, 95, 180, .25);
}
.btn:active,
.btn.active,
.button:active,
.button.active,
.btn.btn-primary:active,
.btn.btn-primary.active,
.button.btn-primary:active,
.button.button-primary:active,
.button.button-secondary:active,
.button.primary:active {
  color: #fff;
  background: #0f3d75;
  border-color: #0f3d75;
}

/* Link-style buttons stay as plain text links */
.btn.btn-link,
.button.btn-link {
  color: #1a5fb4;
  background: transparent;
  border-color: transparent;
}
.btn.btn-link:hover,
.btn.btn-link:focus,
.btn.btn-link:active,
.button.btn-link:hover,
.button.btn-link:focus {
  color: #144a8c;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

/* ---------- Tag and category labels (blog pages, sidebar) ---------- */
.label.label-secondary,
.label.label-primary,
a.label.label-secondary,
a.label.label-primary {
  color: #fff;
  font-weight: 600;
  background: #1a5fb4;
}
a.label.label-secondary:hover,
a.label.label-secondary:focus,
a.label.label-primary:hover,
a.label.label-primary:focus {
  color: #fff;
  background: #144a8c;
}

/* ---------- Menus: dropdown, side menu, nav, tabs, pagination ---------- */
.dropmenu ul li a:hover,
.dropmenu ul li a:focus,
.dropmenu ul li a.active {
  color: #1a5fb4 !important;
}
.menu .menu-item > a:hover,
.menu .menu-item > a:focus,
.menu .menu-item > a.active,
.menu .menu-item > a:active,
.nav .nav-item a:hover,
.nav .nav-item a:focus,
.nav .nav-item.active > a:hover,
.nav .nav-item.active > a:focus,
.tab .tab-item a:hover,
.tab .tab-item a:focus,
.tab .tab-item a.active,
.tab .tab-item.active a,
.pagination .page-item a:hover,
.pagination .page-item a:focus,
.step .step-item a {
  color: #1a5fb4;
}
.tab .tab-item a.active,
.tab .tab-item.active a {
  border-bottom-color: #1a5fb4;
}
.pagination .page-item.active a {
  color: #fff;
  background: #1a5fb4;
}
.mobile-menu .button_container span {
  background: #1a5fb4;
}

/* ---------- Form fields: focus outline and checked boxes ---------- */
.form-input:focus,
.form-select:focus,
.search-input:focus,
[data-grav-field=array] input:focus,
[data-grav-field=array] textarea:focus,
.form-checkbox input:focus + .form-icon,
.form-radio input:focus + .form-icon,
.form-switch input:focus + .form-icon {
  border-color: #1a5fb4;
  box-shadow: 0 0 0 .1rem rgba(26, 95, 180, .25);
}
.form-checkbox input:checked + .form-icon,
.form-checkbox input:indeterminate + .form-icon,
.form-radio input:checked + .form-icon,
.form-switch input:checked + .form-icon {
  border-color: #1a5fb4;
  background: #1a5fb4;
}

/* ---------- Chips, badges, progress bars, utility classes ---------- */
.chip.active,
.avatar,
.badge:not([data-badge])::after,
.badge[data-badge]::after,
.bar .bar-item,
.bar-slider .bar-slider-btn,
.step .step-item:not(:first-child)::before,
.step .step-item a::before {
  background: #1a5fb4;
}
.step .step-item.active a::before {
  border-color: #1a5fb4;
}
.text-primary {
  color: #1a5fb4 !important;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #144a8c !important;
}
.bg-primary {
  background: #1a5fb4 !important;
}
.toast.toast-primary {
  border-color: #1a5fb4;
  background: rgba(26, 95, 180, .95);
}
.loading::after {
  border-color: #1a5fb4;
  border-right-color: transparent;
  border-top-color: transparent;
}

/* ---------- Homepage feature icons on hover ---------- */
.modular-features.small .column:hover .feature-icon i,
.modular-features .column:hover .feature-icon h6 {
  color: #1a5fb4;
}