
/* URLCOLLECTION V6 — DEEP SAPPHIRE & PLATINUM FROST */
:root {
  --uc-sapphire:#092957;
  --uc-sapphire-dark:#061A3A;
  --uc-platinum:#E5ECF3;
  --uc-frost:#F1F4F8;
  --uc-gold:#C69B4E;
  --uc-cream:#F1F4F8;
  --uc-cream2:#E5ECF3;
  --uc-burg:#092957;
  --uc-burg2:#17477E;
}
body {
  background:#F1F4F8!important;
  color:#142B45;
}
.top,.footer {
  background:linear-gradient(180deg,#123B72,#061A3A)!important;
}
.panel,.card {
  background:linear-gradient(145deg,#F9FBFE,#E5ECF3)!important;
  border-color:#C4D3E3!important;
}
.browse-card,.cat {
  background:linear-gradient(145deg,#FFFFFF,#E5ECF3)!important;
  border-color:#C4D3E3!important;
}
.panel h2,.card h2 {
  color:#092957!important;
}
.panel h3,.card h3,.cat span {
  color:#17477E!important;
}
.btn,.cta,.reg-btn,
.search-row button,
button[type="submit"],
input[type="submit"],
a.button,
a.btn {
  background:linear-gradient(180deg,#2462A5,#092957)!important;
  border:1px solid #C69B4E!important;
  color:#FFFFFF!important;
  box-shadow:0 7px 18px rgba(9,41,87,.22)!important;
  text-shadow:none!important;
}
.btn:hover,.cta:hover,.reg-btn:hover,
.search-row button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
a.button:hover,
a.btn:hover {
  background:linear-gradient(180deg,#DCE7F3,#B8CBE0)!important;
  color:#092957!important;
}
input:not([type="submit"]),select,textarea {
  border-color:#BACBDD!important;
  background:#FFFFFF!important;
}
.trust {
  background:linear-gradient(180deg,#F9FBFE,#E5ECF3)!important;
}
.trustbox {
  background:transparent!important;
}
.trust-title {
  color:#092957!important;
}
.trust-copy {
  color:#314D6C!important;
}


/* URLCOLLECTION V6 — HOMEPAGE COLOR CORRECTION */
html body {
  background:#F1F4F8!important;
}

/* All primary buttons */
html body .menu .cta,
html body .cta,
html body .btn,
html body .reg-btn,
html body .search-row button,
html body button[type="submit"],
html body input[type="submit"] {
  background:linear-gradient(180deg,#2867AA,#092957)!important;
  border:1px solid #C69B4E!important;
  color:#FFFFFF!important;
  box-shadow:0 8px 20px rgba(9,41,87,.22)!important;
}

html body .menu .cta:hover,
html body .cta:hover,
html body .btn:hover,
html body .reg-btn:hover,
html body .search-row button:hover,
html body button[type="submit"]:hover,
html body input[type="submit"]:hover {
  background:linear-gradient(180deg,#E5ECF3,#C5D5E6)!important;
  color:#092957!important;
}

/* UC logo */
html body .nsmark,
html body .ucshield {
  background:linear-gradient(145deg,#17477E,#061A3A)!important;
  border-color:#C69B4E!important;
}

html body .nsmark span,
html body .ucshield span {
  color:#E5ECF3!important;
}

/* Four trust badges and their background */
html body .trust {
  background:linear-gradient(180deg,#FAFCFF,#E5ECF3)!important;
  border-color:#C4D3E3!important;
}

html body .trustbox {
  background:transparent!important;
}

html body .trustbox .badge {
  background:linear-gradient(145deg,#2867AA,#061A3A)!important;
  color:#E5ECF3!important;
}

html body .trust-title {
  color:#092957!important;
}

html body .trust-copy {
  color:#314D6C!important;
}

/* Beige panels replaced with cool pastel gray */
html body .panels .panel,
html body .main .panel,
html body .panel {
  background:#EDF2F8!important;
  background-image:linear-gradient(145deg,#FAFCFF,#E5ECF3)!important;
  border-color:#C4D3E3!important;
}

html body .browse-card {
  background:linear-gradient(145deg,#FFFFFF,#E5ECF3)!important;
  border-color:#C4D3E3!important;
}

html body .panel-icon {
  color:#C69B4E!important;
}

html body .panel h2,
html body .panel h3 {
  color:#092957!important;
}

/* V6 FINAL — COOL PASTEL GRAY SITE BACKGROUNDS */
html body,
html body main,
html body .main,
html body .section {
  background-color:#F1F4F8!important;
}

html body .panels > .panel,
html body .main .panels .panel,
html body .section .card,
html body .card {
  background:#E9EFF6!important;
  background-image:none!important;
  border:1px solid #C5D3E2!important;
}

html body .browse-card,
html body .cat {
  background:#F8FAFD!important;
  background-image:none!important;
  border:1px solid #C5D3E2!important;
}

/* Keep the four-badge strip, change cream to platinum */
html body .trust {
  background:#E5ECF3!important;
  background-image:none!important;
}

html body .trustbox {
  background:transparent!important;
  background-image:none!important;
}

/* URLCOLLECTION V6 — 1200PX LAYOUT AND PREMIUM CARDS */
html body .wrap {
  max-width:1200px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
html body .top,
html body .hero,
html body .trust,
html body .main,
html body .footer {
  max-width:1200px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body .panels {
  gap:22px!important;
}
html body .panels > .panel {
  border:2px solid #B6C9DD!important;
  border-top:4px solid #C69B4E!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#F9FBFE,#E7EEF6)!important;
  box-shadow:0 12px 28px rgba(9,41,87,.12)!important;
  padding:30px!important;
}
html body .browse-card {
  border:1px solid #B6C9DD!important;
  border-left:4px solid #C69B4E!important;
  border-radius:9px!important;
  background:#F9FBFE!important;
  box-shadow:0 5px 14px rgba(9,41,87,.07)!important;
}
html body .browse-card:hover {
  border-color:#C69B4E!important;
  background:#E5ECF3!important;
}
html body .panel .sub,
html body .panel h3 {
  color:#17477E!important;
}
html body .foot {
  display:grid!important;
  grid-template-columns:1.4fr 1fr 1fr 1.2fr!important;
  gap:28px!important;
}
html body .footer {
  background:linear-gradient(180deg,#123B72,#061A3A)!important;
}
html body .footerlogo {
  font-family:Montserrat,Arial,sans-serif;
  font-size:32px;
  font-weight:900;
  color:#FFFFFF;
}
html body .footerlogo .gold {
  color:#C69B4E!important;
}
html body .foot-tag {
  color:#E5ECF3!important;
  font-style:italic;
}
html body .footer h4,
html body .network-title {
  color:#E5ECF3!important;
  font-weight:900;
  text-transform:uppercase;
}
html body .network-footer {
  border-left:3px solid #C69B4E;
  padding-left:18px;
}
html body .network-stat {
  margin-top:12px;
  font-weight:900;
  color:#FFFFFF;
}
html body .footer a:hover {
  color:#C69B4E!important;
}
@media(max-width:900px) {
  html body .foot {
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:600px) {
  html body .foot {
    grid-template-columns:1fr!important;
  }
  html body .network-footer {
    border-left:0;
    border-top:3px solid #C69B4E;
    padding:16px 0 0;
  }
}

/* V6 NAVIGATION — COMPACT SINGLE-LINE DESKTOP */
@media (min-width: 901px) {
  html body .top .wrap.nav {
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding-left:26px!important;
    padding-right:26px!important;
  }

  html body .top .brand {
    flex:0 1 auto!important;
    min-width:0!important;
  }

  html body .top .menu {
    display:flex!important;
    flex:0 0 auto!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:18px!important;
    font-size:12px!important;
    letter-spacing:0!important;
  }

  html body .top .menu a {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    width:auto!important;
    flex-shrink:0!important;
  }

  html body .top .menu .cta {
    padding:13px 17px!important;
    min-width:0!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }

  html body .top .namelogo {
    font-size:36px!important;
    white-space:nowrap!important;
  }

  html body .top .tag {
    font-size:16px!important;
    white-space:nowrap!important;
  }
}

/* URLCOLLECTION SEARCH — 1200PX WIDTH */
body:has(form[action*="search.php"]) {
  max-width:1200px!important;
  width:100%!important;
  margin:0 auto!important;
}

body:has(form[action*="search.php"]) .pagehero,
body:has(form[action*="search.php"]) .hero,
body:has(form[action*="search.php"]) main,
body:has(form[action*="search.php"]) .footer {
  max-width:1200px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
