/**
 * ISBA footer styles
 * Derived from Drupal 7 site (2025-06-05)
 */

/* Reset box model */
footer.isba-footer,
footer.isba-footer *,
footer.isba-footer :before,
footer.isba-footer :after {
  box-sizing: initial;
}

footer.isba-footer {
  clear: both;
  margin-block-start: 4rem;
  padding: 2.5rem 0;
  background-color: var(--color-secondary-dark);
  font-size: var(--font-size-minus-1, 0.93333rem);
  color: var(--gray-4);
}
footer.isba-footer.content p {
  margin: 0;
}

.region-footer {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
}

/* Copyright and links */
#block-isba-settings-footer-links {
  margin-bottom: 1rem;
}
#block-isba-settings-footer-links .content ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 0.3em 0.5em;
  margin: 0;
  padding: 0;
  list-style: none;
}

#block-isba-settings-footer-links .content ul > li {
  margin: 0;
  padding: 0;
}
#block-isba-settings-footer-links .content ul > li.copyright {
  padding-right: 0.6em; /* Equal spacing as links */
}

#block-isba-settings-footer-links .content ul > li a {
  display: block;
  padding: 0.6em 0.6em;
  white-space: nowrap;
  color: var(--color-highlight-link);
  font-weight: var(--font-weight-text);
}

/* Social links */
#block-isba-settings-footer-social h2 { /* Hide heading */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0;
  color: var(--color-text-brightest); /* Contrast for accessibility */
}

#block-isba-settings-footer-social .content ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
#block-isba-settings-footer-social .content li {
  margin: 0;
  padding: 0;
}

#block-isba-settings-footer-social .content a {
  display: block;
}
#block-isba-settings-footer-social .content svg {
  display: block;
  width: 30px;
  height: 30px;
  fill: var(--color-highlight-text);
  transition: fill 200ms;
}
#block-isba-settings-footer-social .content a:hover svg {
  fill: var(--gray-4);
}


@media (max-width: 890px) {
  /* Wrap copyright */
  #block-isba-settings-footer-links .content ul > li.copyright {
    flex: 1 0 100%;
    margin: 0 0 1em;
    padding-right: 0;
    text-align: center;
  }
}

@media (max-width: 640px) {
  /* Create room for Olark chat button to prevent overlap */
  footer {
    padding-bottom: 5.6rem;
  }
}

@media (max-width: 390px) {
  /* Single column links */
  #block-isba-settings-footer-links .content ul {
    flex-direction: column;
  }
}

/* Printer-only copyright */
footer.bottom-copyright {
  display: none;
}