/**
 * responsive.css
 *
 * Global responsive overrides — print, reduced motion, and shared breakpoints.
 * Component-specific breakpoints live in their own files.
 * Loaded on every page.
 *
 * @package BeatTheFish
 * @since   2.1.0
 */

/* ── Print ────────────────────────────────────────────────────── */

@media (print) {
  .site-header,
  .site-footer,
  .ticker-bar,
  .nav-hamburger,
  .changelog-btn,
  .card-cta-wrap {
    display: none;
  }

  body {
    background: #fff;
    color: #000;
    font-size: 12pt;
  }

  a {
    color: #000;
    text-decoration: underline;
  }

  .wrap {
    max-width: 100%;
    padding: 0;
  }
}

/* ── Reduced Motion ───────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  html { scroll-behavior: auto; }
}

/* ── 600px — shared component overrides ───────────────────────── */

@media (min-width: 600px) {
  .footer-grid  { grid-template-columns: 1fr 1fr; }
  .author-inner { gap: 20px; }
}

/* ── 768px — nav, footer, typography, author bar ──────────────── */

@media (min-width: 768px) {
  /* Nav */
  .nav-links     { display: flex; }
  .nav-hamburger { display: none; }
  .site-nav      { padding: 0 48px; }

  /* Offshore ticker */
  .offshore-ticker-short { display: none; }
  .offshore-ticker-full  { display: inline; }

  /* Section titles */
  .section-title { font-size: 2.2rem; }

  /* Author bar — horizontal on desktop */
  .author-inner {
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }

  .author-inner .author-top {
    padding-bottom: 0;
    width: auto;
  }

  .author-bar-bottom {
    margin-left: auto;
    width: auto;
    padding: 0;
    border-top: none;
  }

  .author-bar-right {
    width: auto;
    flex-shrink: 0;
  }

  .author-bar-right .author-changelog-btn { margin-left: 0; }

  .meta-dates { gap: 6px; white-space: nowrap; }
  .meta-item  { flex-direction: row; gap: 4px; }

  .meta-item-label {
    font-size: inherit;
    text-transform: none;
    letter-spacing: normal;
    line-height: inherit;
    margin-bottom: 0;
  }

  .meta-sep { display: inline; }

  /* Footer */
  .footer-grid { grid-template-columns: 1.6fr 1fr 1fr 1fr; }

  .footer-bottom-inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}

/* ── 900px — hero grid ────────────────────────────────────────── */

@media (min-width: 900px) {
  .hero { padding: 40px 0 48px; }

  .hero-grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    align-items: start;
  }

  .hero-sidebar { margin-top: 0; }
  .hero-facts   { grid-template-columns: repeat(4, 1fr); }
  .hero-intro   { font-size: 1.15rem; }

  .author-inner { flex-wrap: nowrap; }
}

/* Container and gutter breakpoints are in layout.css */