/* Shared navigation contract for Spanish and English. */
:is(#navbar, .pf-nav, .ab-nav, .nr-nav, .bs-nav, .mu-nav) {
  gap: 20px;
  min-width: 0;
  padding-right: 5%;
}
:is(.nav-links, .pf-nav-right, .ab-nav-links, .nr-nav-links, .bs-nav-links) {
  margin-left: auto;
}
.pf-nav .pf-nav-title { position: static; transform: none; flex-shrink: 0; margin-left: auto; }
.mu-nav { z-index: 500; }
.mu-nav .language-switch { color: #f5f5f5; }

@media (max-width: 1024px) {
  :is(#navbar, .pf-nav, .ab-nav, .nr-nav, .bs-nav, .mu-nav) {
    height: 72px;
    padding: 0 5%;
    gap: 12px;
  }
  :is(#navbar .nav-links, .ab-nav .ab-nav-links, .mu-nav .ab-nav-links,
      .bs-nav .bs-nav-links, .pf-nav .pf-nav-link, .pf-nav .pf-nav-year,
      .pf-nav .pf-nav-title, .nr-nav .nr-nav-links > a) { display: none; }
  :is(#navbar .hamburger, .pf-nav .pf-hamburger, .ab-nav .ab-hamburger,
      .mu-nav .ab-hamburger, .bs-nav .bs-hamburger, .nr-nav .nr-hamburger) {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    margin-left: auto;
  }
  :is(.mobile-menu, .pf-mobile-menu, .ab-mobile-menu, .bs-mobile-menu, .nr-mobile-menu) {
    top: 72px;
    bottom: 0;
    height: auto;
    overflow-y: auto;
    justify-content: flex-start;
    padding: 24px 5%;
    gap: clamp(12px, 3vh, 24px);
  }
  .language-switch { margin-left: 0; }
}
@media (min-width: 1025px) {
  :is(.mobile-menu, .pf-mobile-menu, .ab-mobile-menu, .bs-mobile-menu, .nr-mobile-menu).open { display: none; }
}

/* Keep the existing AWS player, but never place it over active UI. */
.vinyl-player.aws-obstructed,
body.agenda-modal-open .vinyl-player { visibility: hidden; pointer-events: none; }
@media (max-width: 1024px) {
  #vinylPlayer {
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    right: max(12px, env(safe-area-inset-right)) !important;
  }
  #vinylPlayer .vinyl-disc { width: 48px; height: 48px; }
  #vinylPlayer .vinyl-info { max-width: calc(100vw - 32px); white-space: normal !important; }
}

/* One quiet, readable project per row on phones; editorial grid stays on larger screens. */
@media (max-width: 599px) {
  .pf-grid-section .pf-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .pf-grid-section .pf-grid-header { flex-direction: column; gap: 12px; }
  .pf-grid-section .pf-card {
    grid-column: auto;
    aspect-ratio: auto;
    display: flex;
    flex-direction: column;
    transform: none !important;
    opacity: 1 !important;
    min-width: 0;
  }
  .pf-grid-section .pf-card-bg {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transform: none !important;
    transition: none;
  }
  .pf-grid-section .pf-card-ol { display: none; }
  .pf-grid-section .pf-card-info,
  .pf-grid-section .pf-cta-inner { position: relative; inset: auto; padding: 20px; }
  .pf-grid-section :is(.pf-card-t, .pf-card-tgs) { opacity: 1; transform: none; transition: none; }
  .pf-grid-section .pf-card-t { line-height: 1.2; overflow-wrap: anywhere; }
  .pf-grid-section .pf-card-ext { opacity: 1; transform: none; }
  .pf-grid-section .pf-tag { line-height: 1.6; }
}