/*
 * Layout Base Styles.
 *
 * Extracted from layout.html inline <style>.
 * Uses brand CSS variables from branding.css.
 */

/* Footer */
footer {
  background-color: var(--brand-surface-alt);
}

/* Utility: disabled state */
.is-disabled {
  pointer-events: none;
  opacity: 0.55;
}
.is-disabled .badge {
  opacity: 0.8;
}

/* Navbar Gradient (legacy — hidden via d-none) */
.navbar.navbar-gradient {
  background: var(--brand-gradient) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: background 0.6s cubic-bezier(
    0.4, 0, 0.2, 1
  );
}

[data-bs-theme="dark"] .navbar.navbar-gradient {
  background: linear-gradient(
    315deg,
    var(--brand-bg-dark) 0%,
    #16213e 100%
  ) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.navbar-gradient .nav-link {
  transition: all 0.3s ease;
}

.navbar-gradient .nav-link:hover {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
}

.navbar-gradient .dropdown-menu {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

[data-bs-theme="dark"] .navbar-gradient .dropdown-menu {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}