/* Purpose: Minimal site-wide custom styles and utilities. */

body {
  font-family: "Noto Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  /* Provide a minimum horizontal padding across the site for small screens */
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.header-logo {
  height: 60px; /* Ensure AIEM and UPC logos same height */
  width: auto;
  margin-right: 10px;
}

/* Header nav links (languages + social) in unified nav */
header .nav-link {
  color: #000000 !important;
}

/* Use gap for spacing, not link padding */
header .nav .nav-link {
  padding-left: 0;
  padding-right: 0;
}

/* Remove active state styling for header language switcher */
header .nav-link.active {
  background-color: transparent !important;
  border-color: transparent !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  text-decoration-thickness: 2px !important;
}

/* Add hover effect for non-active header nav links */
header .nav-link:not(.active):hover {
  border-radius: 0px !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  text-decoration-thickness: 2px !important;
}

main p {
  line-height: 1.6;
  margin-bottom: 1rem;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
main .h1,
main .h2,
main .h3,
main .h4,
main .h5,
main .h6 {
  margin-bottom: 1rem;
  margin-top: 3rem;
}

/* Heading bookmark links */
.bookmark-link {
  position: absolute;
  margin-left: -1.2rem;
  color: #c6c6c6;
  text-decoration: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.bookmark-link:hover {
  color: #999999;
}

.bookmark-symbol {
  font-size: 0.8em;
  font-weight: thin;
}

/* Show bookmark on heading hover */
section h1:hover .bookmark-link,
section h2:hover .bookmark-link,
section h3:hover .bookmark-link,
section h4:hover .bookmark-link {
  opacity: 1;
}

/* Show bookmark for display-4 class too */
section .display-4:hover .bookmark-link {
  opacity: 1;
}

/* Ensure headings have relative positioning for absolute bookmark links */
section h1,
section h2,
section h3,
section h4,
section .display-4 {
  position: relative;
}

/* Utility spacing around sections is handled inside each mixin. */

/* Text mixins: when the right column is the only child, push it to the right */
.row > .col-right:only-child {
  margin-left: auto;
}