/* Twifo Praso Nursing and Midwifery Training College — SLiMS 9.8 OPAC overlay */
:root {
  --college-teal: #084c55;
  --college-teal-dark: #053b42;
  --college-gold: #f6c453;
  --college-ink: #102a43;
  --college-muted: #52677a;
}

body { color: var(--college-ink); background: #f5f8fa; }

.c-header { min-height: 23rem; }
.c-header .mask { background: linear-gradient(125deg, rgba(5, 59, 66, .94), rgba(8, 76, 85, .72)); }
.navbar { position: relative; z-index: 5; background: rgba(5, 59, 66, .88) !important; border-bottom: 1px solid rgba(255, 255, 255, .25); }
.navbar-brand h1 { font-size: clamp(1rem, 2.1vw, 1.35rem); font-weight: 700; letter-spacing: -.015em; }
.navbar-brand img { object-fit: contain; }

#search-wraper { position: relative; z-index: 6; margin-top: -5.2rem; padding-bottom: 1rem; }
#search-wraper .card { border: 1px solid rgba(8, 76, 85, .16); border-radius: 1rem; box-shadow: 0 18px 42px rgba(16, 42, 67, .18) !important; overflow: hidden; }
#search-wraper .card-body { padding: .45rem; }
#search-wraper form { display: flex; align-items: stretch; gap: .5rem; }
#search-input { min-width: 0; min-height: 4rem; padding: .75rem 1rem; color: var(--college-ink); font-size: 1.05rem; font-weight: 500; background: #fff; border-radius: .7rem; }
#search-input::placeholder { color: var(--college-muted); opacity: 1; }
#search-input:focus { outline: 3px solid rgba(246, 196, 83, .55); outline-offset: 2px; }
.college-search-submit { flex: 0 0 auto; min-width: 8.5rem; padding: .75rem 1.1rem; color: #fff; font-weight: 700; background: var(--college-teal); border: 0; border-radius: .7rem; transition: background-color .15s ease, transform .15s ease; }
.college-search-submit:hover, .college-search-submit:focus { color: #fff; background: var(--college-teal-dark); transform: translateY(-1px); }
.college-search-submit:focus { outline: 3px solid var(--college-gold); outline-offset: 2px; }
.college-search-suggestions { display: flex; flex-wrap: wrap; gap: .5rem; padding: .75rem .2rem 0; color: #fff; font-size: .88rem; }
.college-search-suggestions span { font-weight: 600; }
.college-search-suggestions a { padding: .2rem .6rem; color: #fff; text-decoration: none; background: rgba(5, 59, 66, .88); border: 1px solid rgba(255, 255, 255, .36); border-radius: 999px; }
.college-search-suggestions a:hover, .college-search-suggestions a:focus { color: var(--college-ink); background: var(--college-gold); }

footer { background: var(--college-teal-dark) !important; }
footer a { color: #fff; }

@media (max-width: 575.98px) {
  .c-header { min-height: 20rem; }
  #search-wraper { margin-top: -4.25rem; }
  #search-wraper .card-body { padding: .35rem; }
  #search-wraper form { gap: .35rem; }
  #search-input { min-height: 3.55rem; font-size: .95rem; }
  .college-search-submit { min-width: 3.55rem; padding: .65rem .85rem; }
  .college-search-submit span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
}