/* =========================================================
   USCA SITE-WIDE SECTION STYLE (added Oct 21 2026, v2: right-column button stack)
   Applies the new look to elements that many pages share:
   - department tab bar (nav.department-nav)
   - the space under it (.usca-new-section-customnav)
   - right-column stat boxes (.usca-right-column-stats)
   - right-column cards: Contact / Connect / Quick Links (.usca-card-group)
   Pages without these elements are not affected.
   Page-specific extras stay in their own items.
   To undo: delete this content item.
   ========================================================= */

/* ---------- tab bar: navy, with the 3-color line ---------- */
nav.department-nav {
  --nav-bg: transparent;
  --nav-border: transparent;
  --nav-stroke: transparent;
  --nav-text: #ffffff;
  --nav-hover-bg: rgba(255, 255, 255, 0.14);
  --nav-hover-border: transparent;
  --nav-hover-text: #ffffff;
  margin-bottom: 1rem;
}
nav.department-nav .nav-list {
  gap: 0;
  padding-bottom: 5px !important;
  border-radius: 22px 0 22px 0;
  background:
    linear-gradient(90deg, #ffb500 0 33.33%, #ee1f40 33.33% 66.66%, #00bed6 66.66% 100%) left bottom / 100% 5px no-repeat,
    linear-gradient(135deg, #0c2547 0%, #003063 100%);
  box-shadow: 0 14px 34px rgba(0, 35, 65, 0.2);
}
nav.department-nav .nav-item .nav-link {
  height: 64px;
  border-radius: 0 !important;
  background: transparent;
  filter: none !important;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
}
nav.department-nav .nav-item:first-child .nav-link { border-radius: 22px 0 0 0 !important; }
nav.department-nav .nav-item + .nav-item .nav-link {
  border-left: 1px solid rgba(255, 255, 255, 0.16);
}
nav.department-nav .nav-link:not(.no-link):hover {
  background-color: rgba(255, 255, 255, 0.14) !important;
  filter: none !important;
}
nav.department-nav .nav-link span { color: #ffffff !important; }
nav.department-nav .nav-link:not(.no-link):hover span { color: #ffffff !important; }


/* tab bars with many tabs: smaller text so labels stay on one or two lines */
nav.department-nav .nav-item .nav-link { padding-left: .5rem; padding-right: .5rem; }
nav.department-nav .nav-list:has(> .nav-item:nth-child(6)) .nav-link { font-size: .8rem; }
nav.department-nav .nav-list:has(> .nav-item:nth-child(8)) .nav-link { font-size: .76rem; }

/* ---------- less empty space under the tab bar ---------- */
.usca-new-section-customnav { padding-top: 1rem !important; }
@media (min-width: 1024px) {
  .usca-new-section-customnav { margin-top: -7rem !important; }
}

/* ---------- right column stat boxes: white cards, gold / cyan edge ---------- */
.usca-right-column-stats > div {
  background: #fff !important;
  color: #0c2547 !important;
  border: 1px solid #e3e9ef !important;
  border-left: 6px solid #ffb500 !important;
  border-radius: 0 18px 0 18px !important;
  padding: 22px 24px !important;
  box-shadow: 0 8px 22px rgba(0,35,65,.08) !important;
}
.usca-right-column-stats > div:nth-child(2) { border-left-color: #00bed6 !important; }
.usca-right-column-stats > div > div:first-child {
  font-size: 2.6rem !important; font-weight: 900 !important; text-align: left !important; margin-bottom: 10px !important; line-height: 1.05;
}
.usca-right-column-stats > div > div:first-child > div {
  width: 72px !important; height: 4px !important; margin: 10px 0 0 !important;
  background: linear-gradient(90deg,#ffb500 0 33.33%,#ee1f40 33.33% 66.66%,#00bed6 66.66% 100%) !important;
}
.usca-right-column-stats > div > p { text-align: left !important; color: #33475b !important; font-size: .95rem !important; }

/* ---------- right column: three buttons ---------- */
.usca-main-grid > div:last-child .skinny-container { margin-bottom: 1.25rem; }
.usca-main-grid > div:last-child .usca-btn--group {
  display: flex !important; flex-direction: column !important; gap: 0 !important;
  background: #fff; border: 1px solid #e3e9ef; border-radius: 22px 0 22px 0; overflow: hidden;
  box-shadow: 0 8px 22px rgba(0,35,65,.08); padding: 0;
}
.usca-main-grid > div:last-child .usca-btn--group .grow-0 { width: 100% !important; }
.usca-main-grid > div:last-child .usca-btn--group .usca-btn {
  display: flex !important; width: 100% !important; justify-content: space-between !important; align-items: center !important;
  margin: 0 !important; padding: 1rem 1.25rem !important; border-radius: 0 !important;
  font-size: .85rem !important; font-weight: 800 !important; letter-spacing: .06em !important; text-transform: uppercase !important; border: 0 !important;
  filter: none !important; box-shadow: none !important;
}
.usca-main-grid > div:last-child .usca-btn--group .usca-btn.fire { background: #ee1f40 !important; color: #fff !important; }
.usca-main-grid > div:last-child .usca-btn--group .usca-btn.sky { background: #fff !important; color: #0c2547 !important; border-top: 1px solid #e3e9ef !important; border-bottom: 1px solid #e3e9ef !important; border-left: 0 !important; border-right: 0 !important; }
.usca-main-grid > div:last-child .usca-btn--group .usca-btn.goldenrod { background: #ffb500 !important; color: #0c2547 !important; }
.usca-main-grid > div:last-child .usca-btn--group .usca-btn:hover { filter: brightness(1.06) !important; }

/* ---------- right column cards ---------- */
.usca-card-group {
  border: 1px solid #e3e9ef !important;
  border-radius: 22px 0 22px 0 !important;
  box-shadow: 0 8px 22px rgba(0,35,65,.08) !important;
  background: #fff;
}
.usca-card-group .usca-card.first-card { border-radius: 22px 0 0 0 !important; }
.usca-card-group .usca-card.last-card { border-radius: 0 0 22px 0 !important; }
.usca-card-group .usca-card.single-card { border-radius: 22px 0 22px 0 !important; }

/* Contact (info-card): navy header strip, white body */
.usca-card-group .usca-card.info-card .usca-card-header,
.usca-card-group .usca-card.contact-card .usca-card-header,
.usca-card-group .usca-card.secondary-card .usca-card-header,
.usca-card-group .usca-card.simple-card .usca-card-header {
  position: relative;
  background: linear-gradient(135deg,#0c2547 0%,#003063 100%) !important;
  color: #fff !important;
  padding: .9rem 1.5rem 1rem !important;
}
.usca-card-group .usca-card .usca-card-header::before { display: none !important; }
.usca-card-group .usca-card .usca-card-header::after {
  content:""; position:absolute; left:0; right:0; bottom:0; height:4px;
  background: linear-gradient(90deg,#ffb500 0 33.33%,#ee1f40 33.33% 66.66%,#00bed6 66.66% 100%);
}
.usca-card-group .usca-card .card-heading,
.usca-card-group .usca-card.contact-card .card-heading,
.usca-card-group .usca-card.secondary-card .card-heading,
.usca-card-group .usca-card.simple-card .card-heading,
.usca-card-group .usca-card .usca-card-header .card-heading { color: #fff !important; }
.usca-card-group .usca-card:has(.card-heading:empty) .usca-card-header::after { display: none; }

.usca-card-group .usca-card.info-card .usca-card-content,
.usca-card-group .usca-card.contact-card .usca-card-content,
.usca-card-group .usca-card.secondary-card .usca-card-content,
.usca-card-group .usca-card.simple-card .usca-card-content {
  background: #fff !important; color: #33475b !important;
}
.usca-card-group .info-item { border-bottom: 1px solid #edf1f5 !important; padding: .6rem 0 !important; }
.usca-card-group .info-item:last-child { border-bottom: 0 !important; }
.usca-card-group .info-label { color: #6b7a8c !important; font-size: .72rem !important; text-transform: uppercase; letter-spacing: .08em; font-weight: 700 !important; }
.usca-card-group .info-value, .usca-card-group .info-value a { color: #0c2547 !important; font-weight: 600; }
.usca-card-group .info-value a { text-decoration: none; border-bottom: 2px solid #00bed6; }

/* Connect box button + How to Apply links */
.usca-card-group .button-section .usca-btn { border-radius: 12px 0 12px 0 !important; }
.usca-card-group .usca-card-content li { margin: 0 !important; }
.usca-card-group .usca-card-content a.usca-button-transparent-general-content,
.usca-card-group .usca-card-content .usca-button-transparent-general-content a,
.usca-card-group .usca-card-content .usca-button-group a,
.usca-card-group .usca-card-content .usca-list-reset a {
  display: flex !important; justify-content: space-between !important; align-items: center !important;
  width: 100% !important; margin: 0 0 .5rem !important; padding: .7rem 1rem !important;
  border: 1px solid #e3e9ef !important; border-radius: 10px 0 10px 0 !important;
  background: #fff !important; color: #0c2547 !important;
  font-size: .78rem !important; font-weight: 800 !important; letter-spacing: .06em !important; text-transform: uppercase !important;
  text-align: left !important; text-decoration: none !important; filter: none !important; box-shadow: none !important;
}
.usca-card-group .usca-card-content a.usca-button-transparent-general-content::before,
.usca-card-group .usca-card-content .usca-list-reset a::before { display: none !important; }
.usca-card-group .usca-card-content a.usca-button-transparent-general-content::after,
.usca-card-group .usca-card-content .usca-button-group a::after,
.usca-card-group .usca-card-content .usca-list-reset a::after {
  content: "\2192" !important; display: inline-block !important; position: static !important; width: auto !important; height: auto !important;
  background: none !important; color: #ee1f40 !important; font-weight: 800 !important; opacity: 1 !important; margin-left: .5rem;
}
.usca-card-group .usca-card-content .button-section { text-align: left !important; }
.usca-card-group .usca-card-content .button-section .usca-btn {
  display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important;
  border-radius: 10px 0 10px 0 !important; padding: .8rem 1rem !important; font-size: .8rem !important; letter-spacing: .06em !important;
}
.usca-card-group .usca-card-content a.usca-button-transparent-general-content:hover,
.usca-card-group .usca-card-content .usca-button-group a:hover { background: #eef7ff !important; }

/* ---------- mobile ---------- */
@media (max-width: 767px) {
  nav.department-nav .nav-item .nav-link { font-size: .8rem; }
  .usca-right-column-stats > div { border-radius: 0 14px 0 14px !important; }
}