/* Shared navigation treatment for all InspirePSC pages */
body > header.fixed {
  padding-inline: 1rem;
  pointer-events: none;
}

body > header.fixed > div {
  width: 100%;
  padding-inline: 0 !important;
}

body > header.fixed > div > div:first-child {
  position: relative;
  min-height: 68px;
  margin-top: 12px !important;
  padding: 0.45rem 0.55rem 0.45rem 0.8rem !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.09), transparent 42%),
    rgba(7, 11, 18, 0.86) !important;
  box-shadow:
    0 18px 50px rgba(0, 0, 0, 0.2),
    inset 0 1px rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(20px) saturate(145%);
  -webkit-backdrop-filter: blur(20px) saturate(145%);
  pointer-events: auto;
}

body > header.fixed > div > div:first-child::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 20%;
  width: 60%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent);
}

body > header.fixed > div > div:first-child > a {
  flex: 0 0 auto;
}

body > header.fixed > div > div:first-child > a img {
  height: 48px !important;
  transition: transform 250ms ease;
}

body > header.fixed > div > div:first-child > a:hover img {
  transform: translateY(-1px);
}

body > header.fixed nav {
  gap: 0.15rem !important;
}

body > header.fixed nav > a {
  position: relative;
  border-radius: 6px !important;
  transition:
    color 200ms ease,
    background-color 200ms ease,
    transform 200ms ease !important;
}

body > header.fixed nav > a:not(.bg-primary)::after {
  content: "";
  position: absolute;
  right: 0.7rem;
  bottom: 0.25rem;
  left: 0.7rem;
  height: 1px;
  background: #169dfd;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 220ms ease;
}

body > header.fixed nav > a:not(.bg-primary):hover::after {
  transform: scaleX(1);
}

body > header.fixed nav > a:not(.bg-primary):hover {
  background: rgba(255, 255, 255, 0.075) !important;
  color: white !important;
}

body > header.fixed nav > a.bg-primary {
  margin-left: 0.55rem !important;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: linear-gradient(135deg, #169dfd, #087fd4) !important;
  box-shadow:
    0 8px 22px rgba(22, 157, 253, 0.3),
    inset 0 1px rgba(255, 255, 255, 0.2) !important;
}

body > header.fixed nav > a.bg-primary:hover {
  transform: translateY(-2px);
}

body > header.fixed #menuBtn {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.075) !important;
}

body > header.fixed #mobileMenu {
  margin-top: 0.5rem !important;
  padding: 0.45rem !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 12px !important;
  background: rgba(7, 11, 18, 0.94) !important;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  pointer-events: auto;
}

body > header.fixed #mobileMenu a {
  border-radius: 6px !important;
  transition:
    background-color 180ms ease,
    padding-left 180ms ease;
}

body > header.fixed #mobileMenu a:hover {
  padding-left: 1.2rem;
}

@media (max-width: 639px) {
  body > header.fixed {
    padding-inline: 0.65rem;
  }

  body > header.fixed > div > div:first-child {
    min-height: 62px;
    margin-top: 8px !important;
    padding-block: 0.3rem !important;
  }

  body > header.fixed > div > div:first-child > a img {
    height: 44px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body > header.fixed *,
  body > header.fixed *::after {
    transition: none !important;
  }
}

/* Shared footer social icons */
footer a[href*="instagram.com"],
footer a[href*="youtube.com"],
footer a[href*="facebook.com"],
footer a[href*="wa.me"] {
  display: inline-flex !important;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: white;
  font-size: 0 !important;
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    background-color 220ms ease !important;
}

footer a[href*="instagram.com"]:hover,
footer a[href*="youtube.com"]:hover,
footer a[href*="facebook.com"]:hover,
footer a[href*="wa.me"]:hover {
  transform: translateY(-3px);
  border-color: rgba(22, 157, 253, 0.6) !important;
  background: rgba(22, 157, 253, 0.15) !important;
}

footer a[href*="instagram.com"]::before,
footer a[href*="youtube.com"]::before,
footer a[href*="facebook.com"]::before,
footer a[href*="wa.me"]::before {
  content: "";
  width: 19px;
  height: 19px;
  background: currentColor;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}

footer a[href*="instagram.com"]::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.5-3.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.5-3.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z'/%3E%3C/svg%3E");
}

footer a[href*="youtube.com"]::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M23 12s0-4-1-6c-.6-1.1-1.3-1.4-2.4-1.5C17.9 4.2 12 4.2 12 4.2s-5.9 0-7.6.3C3.3 4.6 2.6 4.9 2 6c-1 2-1 6-1 6s0 4 1 6c.6 1.1 1.3 1.4 2.4 1.5 1.7.3 7.6.3 7.6.3s5.9 0 7.6-.3c1.1-.1 1.8-.4 2.4-1.5 1-2 1-6 1-6ZM9.8 15.8V8.2L16 12l-6.2 3.8Z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M23 12s0-4-1-6c-.6-1.1-1.3-1.4-2.4-1.5C17.9 4.2 12 4.2 12 4.2s-5.9 0-7.6.3C3.3 4.6 2.6 4.9 2 6c-1 2-1 6-1 6s0 4 1 6c.6 1.1 1.3 1.4 2.4 1.5 1.7.3 7.6.3 7.6.3s5.9 0 7.6-.3c1.1-.1 1.8-.4 2.4-1.5 1-2 1-6 1-6ZM9.8 15.8V8.2L16 12l-6.2 3.8Z'/%3E%3C/svg%3E");
}

footer a[href*="facebook.com"]::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 8h4V3.5c-.7-.1-3.1-.3-5-.3-3.9 0-6.6 2.4-6.6 6.8v3.8H2v5h4.4V24h5.4v-5.2h4.5l.7-5h-5.2V10c0-1.4.4-2 2.2-2Z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 8h4V3.5c-.7-.1-3.1-.3-5-.3-3.9 0-6.6 2.4-6.6 6.8v3.8H2v5h4.4V24h5.4v-5.2h4.5l.7-5h-5.2V10c0-1.4.4-2 2.2-2Z'/%3E%3C/svg%3E");
}

footer a[href*="wa.me"]::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.5 3.5A11.8 11.8 0 0 0 12.1 0C5.6 0 .3 5.3.3 11.8c0 2.1.5 4.1 1.6 5.9L.2 24l6.4-1.7c1.7.9 3.6 1.4 5.5 1.4 6.5 0 11.8-5.3 11.8-11.8 0-3.2-1.2-6.1-3.4-8.4Zm-8.4 18.2c-1.7 0-3.4-.5-4.9-1.3l-.4-.2-3.8 1 1-3.7-.2-.4a9.7 9.7 0 1 1 8.3 4.6Zm5.3-7.3c-.3-.1-1.7-.8-2-.9-.3-.1-.5-.1-.7.2-.2.3-.8.9-.9 1.1-.2.2-.3.2-.6.1-1.7-.8-2.8-1.5-3.9-3.4-.3-.5.3-.5.8-1.6.1-.2 0-.4 0-.6-.1-.1-.7-1.6-.9-2.2-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.6.1-.9.4-.3.3-1.2 1.2-1.2 2.9s1.2 3.3 1.4 3.6c.1.2 2.4 3.7 5.9 5.2.8.4 1.5.6 2 .7.8.3 1.6.2 2.2.1.7-.1 1.7-.7 1.9-1.4.2-.7.2-1.3.2-1.4-.1-.1-.3-.2-.6-.3Z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.5 3.5A11.8 11.8 0 0 0 12.1 0C5.6 0 .3 5.3.3 11.8c0 2.1.5 4.1 1.6 5.9L.2 24l6.4-1.7c1.7.9 3.6 1.4 5.5 1.4 6.5 0 11.8-5.3 11.8-11.8 0-3.2-1.2-6.1-3.4-8.4Zm-8.4 18.2c-1.7 0-3.4-.5-4.9-1.3l-.4-.2-3.8 1 1-3.7-.2-.4a9.7 9.7 0 1 1 8.3 4.6Zm5.3-7.3c-.3-.1-1.7-.8-2-.9-.3-.1-.5-.1-.7.2-.2.3-.8.9-.9 1.1-.2.2-.3.2-.6.1-1.7-.8-2.8-1.5-3.9-3.4-.3-.5.3-.5.8-1.6.1-.2 0-.4 0-.6-.1-.1-.7-1.6-.9-2.2-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.6.1-.9.4-.3.3-1.2 1.2-1.2 2.9s1.2 3.3 1.4 3.6c.1.2 2.4 3.7 5.9 5.2.8.4 1.5.6 2 .7.8.3 1.6.2 2.2.1.7-.1 1.7-.7 1.9-1.4.2-.7.2-1.3.2-1.4-.1-.1-.3-.2-.6-.3Z'/%3E%3C/svg%3E");
}