/* Shared Salford Medical Centre identity used across every page.
   The colour direction deliberately follows the existing SMC website:
   NHS blue first, teal as a secondary finish, and yellow for emphasis. */
.site-header .practice-logo-gradient {
  display: block;
  width: 188px;
  max-width: 22vw;
  aspect-ratio: 1200 / 1171;
  background: url("smc-logo-master.svg?v=20261031-2") left center / contain no-repeat;
  -webkit-mask: none;
  mask: none;
  filter: drop-shadow(0 5px 14px rgba(0, 94, 184, .12));
}

.footer-practice-brand {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.footer-practice-logo {
  display: block;
  width: 176px;
  max-width: 100%;
  aspect-ratio: 1200 / 1171;
  background: url("smc-logo-master-white.svg?v=20261031-2") left center / contain no-repeat;
  -webkit-mask: none;
  mask: none;
  filter: none;
  opacity: 1;
}

@media (max-width: 900px) {
  .site-header .practice-logo-gradient {
    width: 166px;
    max-width: 100%;
  }
}

@media (max-width: 560px) {
  .site-header .brand-lockup {
    grid-template-columns: minmax(140px, 166px) minmax(118px, 1fr);
  }
}

/* Existing SMC blue-led header and navigation. */
.nav-bar {
  background: linear-gradient(100deg, #004b93, #005eb8 58%, #087d7a);
}

.main-nav a:hover,
.main-nav a[aria-current="page"] {
  border-color: #ffdd00;
}

.translation-strip {
  border-bottom-color: #cbdde8;
  background: linear-gradient(90deg, #eaf4fb, #f4fbfa);
  color: #173a56;
}

.translation-panel summary {
  color: #005eb8;
}

.top-quick-actions a {
  border-color: rgba(0, 94, 184, .25);
  color: #005eb8;
}

.top-quick-actions__icon {
  background: linear-gradient(135deg, #004b93, #005eb8 68%, #087d7a);
}

.brand-tagline {
  display: flex;
  min-width: 188px;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  padding-left: 18px;
  border: 0;
  border-left: 1px solid #cedde2;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.brand-tagline::before {
  display: none;
}

.smc-service-history {
  display: block;
  color: #315267;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.18;
  letter-spacing: .01em;
}

.smc-service-history strong {
  display: block;
  color: #005eb8;
  font-size: 15px;
  font-weight: 900;
}

/* The replacement welcome message retains the visual language of SMC's
   existing service notice without calling the new site temporary. */
.website-welcome {
  padding: 20px 0;
  border-top: 5px solid #ffdd00;
  border-bottom: 1px solid #003f7d;
  background: linear-gradient(110deg, #073f73 0%, #005eb8 62%, #007f78 100%);
  color: #fff;
  box-shadow: 0 10px 25px rgba(5, 43, 77, .18);
}

.website-welcome h2,
.website-welcome p {
  color: #fff;
}

.website-welcome__icon {
  border: 2px solid rgba(255, 255, 255, .78);
  background: #ffdd00;
  color: #212b32;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .16);
}

/* Restore SMC's blue-to-teal panels rather than the Quays green palette. */
.student-promo__link {
  background: linear-gradient(120deg, #073f73 0%, #005eb8 58%, #007f78 100%);
  box-shadow: 0 16px 38px rgba(11, 48, 78, .20);
}

.student-promo__eyebrow {
  color: #d7f4ff;
}

.student-page-hero,
.wellbeing-hero,
.wellbeing-topic-hero,
.page-hero,
.results-page-hero {
  background: linear-gradient(130deg, #eaf5fb 0%, #e6f6f3 72%, #edf3fb 100%);
}

.wellbeing-hero::after,
.wellbeing-topic-hero::after {
  border-color: rgba(0, 94, 184, .14);
  box-shadow: 0 0 0 45px rgba(0, 94, 184, .05), 0 0 0 90px rgba(0, 127, 120, .03);
}

.wellbeing-kicker,
.student-kicker {
  background: #e1eff8;
  color: #005eb8 !important;
}

.wellbeing-tile {
  border-color: rgba(255, 255, 255, .86);
  background: radial-gradient(circle at 92% 5%, rgba(0, 94, 184, .12), transparent 34%), linear-gradient(145deg, #fff, #edf6fb);
  box-shadow: inset 1px 1px 0 #fff, 0 11px 28px rgba(11, 48, 78, .11);
}

.wellbeing-tile > span {
  border-color: #cbdfea;
  background: #e8f3fb;
  color: #005eb8;
}

.wellbeing-tile:hover {
  border-color: #77add5;
  box-shadow: inset 1px 1px 0 #fff, 0 19px 38px rgba(11, 48, 78, .18);
}

.wellbeing-social-section,
.reviews-section {
  background: linear-gradient(135deg, #082f52 0%, #005eb8 54%, #007f78 100%);
}

.side-card {
  background: linear-gradient(145deg, #122b49, #005b78);
}

.clean-list li::before,
.student-three-grid span {
  background: #005eb8;
}

.student-detail[open] summary {
  background: #e8f3fb;
}

.student-detail summary::after,
.student-quick-link span,
.wellbeing-tile b,
.back-link,
.wellbeing-return {
  color: #005eb8;
}

.wellbeing-link-row a {
  border-color: #005eb8;
  color: #005eb8;
}

.wellbeing-link-row a:hover {
  background: #005eb8;
}

.footer {
  background: #122b49;
}

@media (max-width: 560px) {
  .website-welcome {
    padding: 16px 0;
  }

  .brand-tagline {
    min-width: 0;
    padding-left: 10px;
  }

  .smc-service-history {
    font-size: 10px;
  }

  .smc-service-history strong {
    font-size: 11px;
  }
}