/* ==========================================================================
   Full-width layout override
   Widens the Bootstrap .container so page content spans the full viewport
   on larger screens, with comfortable side padding. Mobile is unchanged.
   ========================================================================== */

@media (min-width: 992px) {
  .container {
    max-width: 100%;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (min-width: 1400px) {
  .container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (min-width: 1920px) {
  .container {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

/* ==========================================================================
   Top navbar — fixed ~60px height
   ========================================================================== */
.navbar.center-nav {
  min-height: 60px;
}
.navbar .navbar-brand {
  padding-top: 0.35rem !important;
  padding-bottom: 0.35rem !important;
}
/* Halve the nav-link vertical padding (was 1.2rem = 24px) */
@media (min-width: 992px) {
  .navbar .navbar-nav .nav-link {
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
  }
}

/* Alerts on light/pastel backgrounds need darker text to pass WCAG AA */
.alert-info {
  color: #1f4e5e !important;
  background-color: #cce5ee !important;
  border-color: #b3d7e4 !important;
}
.alert-info .alert-link {
  color: #163b47 !important;
}

/* ==========================================================================
   Accessibility — stronger contrast overrides for legacy theme utilities.
   ========================================================================== */

/* Muted text must meet WCAG AA against white/light backgrounds (#aab0bc → #5a5a5a) */
.text-muted {
  color: #5a5a5a !important;
}

/* Coloured "Learn more" links on white cards need darker shades for 4.5:1 */
.link-blue,
.link-blue:focus,
.link-blue:hover { color: #2b5cb8 !important; }

.link-violet,
.link-violet:focus,
.link-violet:hover { color: #8b67b0 !important; }

.link-purple,
.link-purple:focus,
.link-purple:hover { color: #656fc2 !important; }

.link-aqua,
.link-aqua:focus,
.link-aqua:hover { color: #2b7f9e !important; }

.link-leaf,
.link-leaf:focus,
.link-leaf:hover { color: #478263 !important; }

.link-orange,
.link-orange:focus,
.link-orange:hover { color: #c15541 !important; }

.link-pink,
.link-pink:focus,
.link-pink:hover { color: #a04a5e !important; }

/* Extra link / text colours used on soft/pastel card backgrounds */
.link-navy,
.link-navy:focus,
.link-navy:hover { color: #1e3a8a !important; }

.text-violet,
.text-violet:focus,
.text-violet:hover { color: #6d28d9 !important; }
.text-blue { color: #1d4ed8 !important; }

/* ==========================================================================
   Carbon theme — applied globally to every page
   Flat, structured, sharp-cornered tiles; 4px-radius buttons; square inputs.
   ========================================================================== */

/* Buttons: subtle .2rem radius (circular icon buttons keep their round shape) */
.btn:not(.btn-circle):not(.btn-circle-lg) {
  border-radius: 0.2rem !important;
}

/* Cards / tiles */
.card {
  border-radius: 0.2rem !important;
}

/* Tags / badges (rather than pills) */
.badge {
  border-radius: 0.2rem !important;
}

/* Form controls */
.form-control,
.form-select,
textarea.form-control,
.input-group-text {
  border-radius: 0.2rem !important;
}