/* Resort108 BBB V208: header and footer treatment shared with the main BBB page. */
:root { --r108-bar-primary: var(--p, #2563a6); }

.top {
  border-top: 4px solid var(--r108-bar-primary) !important;
  border-bottom: 1px solid #e3eaf2 !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .07) !important;
  color: #172033 !important;
  backdrop-filter: blur(16px) saturate(145%);
}
.top .brand,
.top .brand strong { color: #172033 !important; }
.top .brand span { color: #728096 !important; opacity: 1 !important; }
.top .menu a {
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #4f5e73 !important;
}
.top .menu a:hover,
.top .menu a.active {
  border-color: color-mix(in srgb, var(--r108-bar-primary) 20%, #fff) !important;
  background: color-mix(in srgb, var(--r108-bar-primary) 9%, #fff) !important;
  color: var(--r108-bar-primary) !important;
}

body > footer {
  border-top: 3px solid var(--r108-bar-primary) !important;
  background: #fff !important;
  box-shadow: 0 -8px 24px rgba(15, 23, 42, .05) !important;
  color: #172033 !important;
}
body > footer .footer-row > div,
body > footer .footer-row strong { color: #172033 !important; }
body > footer .footer-row > div > div { color: #77859a !important; }
body > footer .footer-row nav a {
  border: 1px solid #dbe3ec !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: #344256 !important;
  padding: 9px 12px !important;
  text-decoration: none !important;
}
body > footer .footer-row nav a:hover {
  border-color: color-mix(in srgb, var(--r108-bar-primary) 28%, #fff) !important;
  background: color-mix(in srgb, var(--r108-bar-primary) 7%, #fff) !important;
  color: var(--r108-bar-primary) !important;
}

@media (max-width: 760px) {
  .top { border-top-width: 3px !important; }
  body > footer .footer-row nav { gap: 8px !important; }
  body > footer .footer-row nav a { flex: 1 1 auto; text-align: center; }
}