/* Interstate brand theme – aligns with logo palette */
:root {
  --interstate-red: #E0212E;
  --interstate-red-hover: #c71e2a;
  --interstate-navy: #23376E;
  --interstate-navy-light: #2d4a8f;
  --interstate-light-blue: #8FD3F4;
  --interstate-light-blue-muted: #61B3E0;
  --interstate-white: #fff;
  --interstate-bg: #f8f9fa;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: var(--interstate-navy);
    border-color: var(--interstate-navy);
}
/* Primary actions use Interstate blue (navy) */
.btn-primary {
  background-color: var(--interstate-navy);
  border-color: var(--interstate-navy);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--interstate-navy-light);
  border-color: var(--interstate-navy-light);
}

.mfa-channel-option.active {
    border-color: var(--interstate-light-blue);
    background-color: #eef1ff;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
/* Links and nav use navy */
.navbar.interstate-nav .navbar-brand,
.navbar.interstate-nav .nav-link,
.navbar.interstate-nav .navbar-text,
.interstate-login .footer {
  color: var(--interstate-navy) !important;
}
.navbar.interstate-nav .nav-link:hover {
  color: var(--interstate-navy-light) !important;
}
.footer {
  color: var(--interstate-navy) !important;
}
.border-top.footer {
  border-top-color: rgba(35, 55, 110, 0.2) !important;
}
/* Dropdowns – navy accent */
.dropdown-menu .dropdown-item:hover {
  background-color: rgba(35, 55, 110, 0.08);
  color: var(--interstate-navy);
}

/* Navbar – white background, navy accents */
.navbar.interstate-nav {
  background-color: var(--interstate-white) !important;
  border-bottom: 2px solid var(--interstate-navy);
}
.navbar.interstate-nav .navbar-toggler {
  border-color: var(--interstate-navy);
}
.navbar.interstate-nav .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2323376E' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Login / unauthenticated layout */
body.interstate-login {
  background-color: var(--interstate-bg);
}
.interstate-login .card {
  border-color: rgba(35, 55, 110, 0.15);
}
.interstate-app-footer {
    margin-top: auto;
    flex-shrink: 0;
    width: 100%;
    background-color: var(--interstate-bg, #f8f9fa);
}

.interstate-app-footer-bar {
    height: 12px;
    width: 100%;
    background-color: var(--interstate-navy, #001648);
}

.interstate-app-footer-text {
    padding: 1.25rem 1rem;
    text-align: center;
    font-size: 0.9rem;
    color: var(--interstate-navy, #001648);
    font-family: var(--interstate-font);
}

/* Focus ring – light blue accent */
.btn:focus, .btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem var(--interstate-white), 0 0 0 0.25rem var(--interstate-light-blue-muted);
}

/* Logo sizing */
.img-logo-login {
  max-height: 56px;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.img-logo-header {
  max-height: 36px;
  width: auto;
}