/**
 * @file
 * Footer menu override styles to display links on separate lines.
 */

/* Unified styling for ALL footer column menus */
#dept-footer .footer-column ul,
#dept-footer .footer-column .navbar-nav,
#dept-footer .footer-col-menu ul.navbar-nav,
#dept-footer [class*="footer-col-"] ul {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

#dept-footer .footer-column li,
#dept-footer .footer-column .nav-item,
#dept-footer .footer-col-menu ul.navbar-nav li.nav-item,
#dept-footer [class*="footer-col-"] li {
  width: 100% !important;
  margin-bottom: 0.5rem !important;
  display: block !important;
  list-style: none !important;
}

#dept-footer .footer-column a,
#dept-footer .footer-column .nav-link,
#dept-footer .footer-col-menu ul.navbar-nav li.nav-item a.nav-link,
#dept-footer [class*="footer-col-"] a {
  display: block !important;
  width: auto !important;
  padding: 0.25rem 0 0.25rem 1rem !important; /* Added left padding for indentation */
  margin-bottom: 0 !important;
  font-size: 0.875rem !important;
  letter-spacing: 0.033rem !important;
  color: #fff !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent !important;
}

/* Consistent hover effect for all footer links */
#dept-footer .footer-column a:hover,
#dept-footer .footer-column .nav-link:hover,
#dept-footer .footer-col-menu ul.navbar-nav li.nav-item a:hover,
#dept-footer [class*="footer-col-"] a:hover {
  text-decoration: none !important;
  border-bottom: 2px solid #63b3a2 !important;
  padding-left: 1.25rem !important; /* Slightly increase padding on hover for visual feedback */
}

/* Ensure proper spacing between menu items */
#dept-footer .footer-column li:last-child,
#dept-footer .footer-column .nav-item:last-child,
#dept-footer .footer-col-menu ul.navbar-nav li.nav-item:last-child,
#dept-footer [class*="footer-col-"] li:last-child {
  margin-bottom: 0 !important;
}

/* Override any Bootstrap navbar inline styles */
#dept-footer .footer-column .navbar-nav {
  flex-direction: column !important;
}

#dept-footer .footer-column .nav-item {
  display: block !important;
  width: 100% !important;
}

/* Remove dropdown toggle arrow from footer menus */
#dept-footer .dropdown-toggle::after {
  display: none !important;
  content: none !important;
}

/* Also remove it from any nested dropdown toggles in footer */
#dept-footer .footer-column .dropdown-toggle::after,
#dept-footer .footer-col-menu .dropdown-toggle::after {
  display: none !important;
  content: none !important;
}

/* Remove focus outline and background from footer menu items */
#dept-footer .nav-link:focus,
#dept-footer .nav-link:active,
#dept-footer .nav-link:focus-visible,
#dept-footer .footer-col-menu .nav-link:focus,
#dept-footer .footer-col-menu .nav-link:active,
#dept-footer .footer-col-menu .nav-link:focus-visible,
#dept-footer .footer-column .nav-link:focus,
#dept-footer .footer-column .nav-link:active,
#dept-footer .footer-column .nav-link:focus-visible {
  outline: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Remove focus styles from all footer links */
#dept-footer a:focus,
#dept-footer a:active,
#dept-footer a:focus-visible {
  outline: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Ensure no background on hover or active states */
#dept-footer .nav-item:hover,
#dept-footer .nav-item:active,
#dept-footer .nav-link:hover,
#dept-footer .nav-link:active {
  background-color: transparent !important;
}

/* Remove any Bootstrap default focus styles */
#dept-footer .dropdown-item:focus,
#dept-footer .dropdown-item:active {
  outline: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Indent all footer content except titles */
#dept-footer .footer-column > *:not(.footercol-title):not(h2):not(h3):not(h4):not(h5) {
  padding-left: 1rem !important;
}

/* Also indent any direct text content or divs that aren't titles */
#dept-footer .footer-column > div:not(.footercol-title),
#dept-footer .footer-column > p,
#dept-footer .footer-column > span,
#dept-footer .footer-column .footer-col-block {
  padding-left: 1rem !important;
}

/* Ensure email contact in footer col 4 is also indented */
#dept-footer .footer-email-contact {
  padding-left: 1rem !important;
}

/* Keep titles unindented */
#dept-footer .footercol-title,
#dept-footer h2.footercol-title,
#dept-footer h3.footercol-title,
#dept-footer h4.footercol-title,
#dept-footer h5.footercol-title {
  padding-left: 0 !important;
}

/* Fix footer column 4 block display to match other columns */
#dept-footer .footer-column .footer-col-block {
  display: block !important;
  width: 100% !important;
  margin-bottom: 2rem !important; /* Increased spacing between blocks */
}

/* Ensure proper spacing between blocks in footer column 4 */
#dept-footer .footer-column .footer-col-block:last-child {
  margin-bottom: 0 !important;
}

/* Style the content within footer blocks consistently */
#dept-footer .footer-column .footer-col-block .field {
  display: block !important;
  margin-bottom: 0 !important;
  font-size: 0.875rem !important; /* Match menu item font size */
  line-height: 1.5 !important;
  color: #fff !important;
}

/* Style paragraphs within footer blocks */
#dept-footer .footer-column .footer-col-block .field p {
  margin: 0 !important;
  padding: 0.25rem 0 !important; /* Match menu item padding */
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  color: #fff !important;
}

/* Add spacing between paragraphs */
#dept-footer .footer-column .footer-col-block .field p + p {
  margin-top: 0.5rem !important;
}

/* Ensure links in footer column blocks have consistent styling */
#dept-footer .footer-column .footer-col-block a {
  color: #fff !important;
  text-decoration: none !important;
  display: inline-block !important;
  border-bottom: 2px solid transparent !important;
}

#dept-footer .footer-column .footer-col-block a:hover {
  text-decoration: none !important;
  border-bottom: 2px solid #63b3a2 !important;
}

/* Make footer column 4 titles consistent with other columns */
#dept-footer .footer-col-block .footercol-title {
  padding-left: 0 !important;
  margin-bottom: 1rem !important; /* Add spacing after titles */
}