/**
 * File: /wp-content/plugins/ckut-amandla/assets/css/amandla-responsive.css
 */

@media (max-width: 1050px) {
  .amandla-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .amandla-filter__field--search {
    grid-column: 1 / -1;
  }

  .amandla-episode-card__layout {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
      "player player"
      "description participants";
  }

  .amandla-episode-card--no-participants .amandla-episode-card__layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "player"
      "description";
  }

  .amandla-episode-card--with-featured-image .amandla-episode-card__layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
      "player player"
      "description artwork";
  }

  .amandla-episode-card--archive .amandla-episode-card__layout {
    min-height: 46vw;
    grid-template-columns: minmax(0, 4fr) minmax(0, 1fr);
    grid-template-areas: "description artwork";
  }

  .amandla-episode-card__player {
    min-height: 52vw;
  }

  .amandla-episode-card__number-shell {
    max-width: 72vw;
    font-size: clamp(8rem, 31vw, 20rem);
  }

  .amandla-episode-card__play-icon,
  .amandla-episode-card__open-icon {
    opacity: 1;
  }

  .amandla-episode-card__play .amandla-episode-card__number {
    opacity: 0.16;
  }
}

@media (max-width: 1280px) {
  .amandla-site-header__inner {
    min-height: 76px;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .amandla-site-brand {
    font-size: clamp(2rem, 7vw, 3.2rem);
  }

  .amandla-site-menu-toggle {
    display: inline-flex;
  }

  .amandla-site-navigation {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    display: none;
    max-height: calc(100vh - 88px);
    max-height: calc(100dvh - 88px);
    padding: 1rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--amandla-header-background);
    border-bottom: 1px solid var(--amandla-border);
  }

  .amandla-site-navigation.is-open {
    display: block;
  }

  .amandla-site-navigation__list {
    max-width: none;
    align-items: stretch;
    flex-direction: column;
    gap: 0;
  }

  .amandla-site-navigation__link {
    display: block;
    padding: 0.8rem 0;
    border-bottom: 1px solid var(--amandla-border);
    text-align: left;
    white-space: normal;
  }

}

@media (max-width: 760px) {
  .amandla-site-navigation {
    max-height: calc(100vh - 78px);
    max-height: calc(100dvh - 78px);
  }

  .amandla-home-hero__title {
    font-size: clamp(4rem, 25vw, 9rem);
  }

  .amandla-home-section__header {
    align-items: start;
    flex-direction: column;
  }

  .amandla-home-section--page {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .amandla-home-section--page .amandla-home-section__title {
    position: static;
  }

  .amandla-home-section--page .amandla-button {
    grid-column: auto;
  }

  .amandla-support-grid,
  .amandla-generic-view__grid,
  .amandla-episode-navigation {
    grid-template-columns: 1fr;
  }

  .amandla-episode-card__layout {
    padding: 0.65rem;
    grid-template-columns: 1fr;
    grid-template-areas:
      "player"
      "description"
      "participants";
    gap: 0.85rem;
  }

  .amandla-episode-card--no-participants .amandla-episode-card__layout {
    grid-template-areas:
      "player"
      "description";
  }

  .amandla-episode-card--with-featured-image .amandla-episode-card__layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "player"
      "description"
      "artwork";
  }

  .amandla-episode-card--archive .amandla-episode-card__layout {
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-areas:
      "description"
      "artwork";
  }

  .amandla-episode-card--archive.amandla-interview-archive-card .amandla-episode-card__layout {
    grid-template-columns: 1fr;
  }

  .amandla-episode-card__artwork--has-image {
    min-height: min(82vw, 32rem);
  }

  .amandla-episode-card--archive .amandla-episode-card__artwork {
    min-height: 0;
    aspect-ratio: auto;
    align-self: start;
    overflow: visible;
  }

  .amandla-episode-card--archive .amandla-episode-card__artwork-link {
    position: static;
  }

  .amandla-episode-card--archive .amandla-episode-card__artwork-image {
    position: static;
    inset: auto;
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .amandla-episode-card--archive.amandla-interview-archive-card .amandla-episode-card__artwork,
  .amandla-episode-card--archive.amandla-interview-archive-card .amandla-episode-card__artwork-link {
    overflow: hidden;
  }

  .amandla-episode-card--archive.amandla-interview-archive-card .amandla-episode-card__artwork-image {
    width: calc(100% + 10px);
    max-width: none;
    height: auto;
    margin: -5px;
    object-fit: contain;
  }

  .amandla-episode-card__player {
    min-height: 70vw;
  }

  .amandla-episode-card__number-shell {
    max-width: 82vw;
    font-size: clamp(7rem, 40vw, 14rem);
  }

  .amandla-episode-card__date {
    margin-bottom: 1rem;
    padding-left: 0;
  }

  .amandla-episode-card__title {
    font-size: clamp(2.35rem, 5.5vw, 1.8rem);
  }

  .amandla-episode-card__summary {
    font-size: 1rem;
    line-height: 1.3;
  }


  .amandla-episode-card__participants {
    margin-bottom: 0.4rem;
    text-align: left;
  }

  .amandla-filter {
    grid-template-columns: 1fr;
  }

  .amandla-filter__field--search,
  .amandla-filter__actions {
    grid-column: auto;
  }

  .amandla-filter__actions,
  .amandla-audio__tools,
  .amandla-download {
    align-items: stretch;
    flex-direction: column;
  }

  .amandla-episode-single__title {
    font-size: clamp(3.3rem, 18vw, 6rem);
  }

  .amandla-episode-meta__row {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }

  .amandla-episode-navigation__next {
    text-align: left;
  }

  .amandla-site-footer__meta {
    flex-direction: column;
  }

  .amandla-trailer-card {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .amandla-trailer-card__artwork {
    max-width: 520px;
  }
}

/* 
@media (prefers-reduced-motion: reduce) {
  .amandla-theme *,
  .amandla-theme *::before,
  .amandla-theme *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
} */

@media (max-width: 520px) {
  .amandla-site-navigation {
    max-height: calc(100vh - 64px);
    max-height: calc(100dvh - 64px);
  }
}