/* Fiper Terminal — Iter 7 Mobile-First Responsive */

.mobile-bottom-nav { display: none; }
.mobile-app-bar { display: none; }
.mobile-drawer { display: none; }

@media (max-width: 768px) {
  .desktop-sidebar { display: none; }
  .nav-status { display: none; }
  .nav-links { display: none; }
  .mobile-hamburger { display: inline-flex !important; }

  body { padding-bottom: 60px; }

  h1 { font-size: 21px; }
  h2 { font-size: 18px; }
  .aw-brief-title { font-size: 18px; }

  .et-hero { padding-top: 14px !important; padding-bottom: 16px !important; }
  .et-hero-title { font-size: 20px !important; line-height: 1.2 !important; margin: 4px 0 8px !important; }
  .et-hero-byline { font-size: 11px !important; margin-bottom: 10px !important; }
  .et-hero-body p { font-size: 13px !important; line-height: 1.55 !important; margin-bottom: 8px !important; }
  .et-hero-body p:nth-child(n+3) { display: none; }
  .et-hero-meta-row1 { gap: 6px; }
  .et-hero-meta-row2 { font-size: 9px; }

  .cta-btn, .cta-btn--primary, .cta-btn--subtle, a.cta-btn {
    background: transparent !important;
    border: 0.5px solid var(--text-fiper) !important;
    color: var(--text-fiper) !important;
    padding: 10px 18px !important;
    width: auto !important;
    max-width: max-content !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }
  .cta-btn:hover, .cta-btn--primary:hover, .cta-btn--subtle:hover {
    background: rgba(230, 57, 70, 0.08) !important;
  }

  .main-content, .content { padding: 16px; }

  .et-pulse-strip { overflow-x: auto; display: flex; gap: 8px; scroll-snap-type: x mandatory; grid-template-columns: none; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
  .et-pulse-strip > * { flex: 0 0 138px; scroll-snap-align: start; }

  .et-heatmap { grid-template-columns: 1fr 1fr; }
  .aw-row-2 { grid-template-columns: 1fr; }
  .stat-grid { grid-template-columns: 1fr 1fr; }
  .et-news-grid { grid-template-columns: 1fr; }

  .mobile-bottom-nav {
    display: grid;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    height: calc(60px + env(safe-area-inset-bottom, 0));
    padding-bottom: env(safe-area-inset-bottom, 0);
    grid-template-columns: repeat(5, 1fr);
    background: var(--bg-card);
    border-top: 1px solid var(--border-subtle);
    z-index: 100;
  }
  .top-nav { display: flex !important; padding: 10px 14px !important; }
  .nav-inner { display: flex; align-items: center; justify-content: space-between; width: 100%; }
  .nav-brand { display: flex !important; flex: 1; justify-content: center; }
  .nav-brand img { width: 90px; height: auto; }
  .nav-cta { display: none; }
  .mobile-bottom-nav a {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    text-decoration: none; color: var(--text-tertiary); font-family: var(--font-mono);
    font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em;
    min-height: 44px;
  }
  .mobile-bottom-nav a.is-active { color: var(--text-fiper); }
  .mobile-bottom-nav a svg { width: 22px; height: 22px; margin-bottom: 4px; }

  .mobile-app-bar { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--border-subtle); background: var(--bg-deep); position: sticky; top: 0; z-index: 50; }
  .mobile-app-bar-hamburger { background: transparent; border: none; color: var(--text-primary); cursor: pointer; padding: 8px; min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; }
  .mobile-app-bar-logo { font-family: var(--font-serif); font-size: 16px; color: var(--text-primary); }
  .top-nav { display: none; }

  .mobile-drawer { display: block; position: fixed; top: 0; left: 0; bottom: 0; width: 300px; background: var(--bg-card); border-right: 1px solid var(--border-mid); transform: translateX(-100%); transition: transform 0.2s ease; z-index: 200; overflow-y: auto; }
  .mobile-drawer.is-open { transform: translateX(0); }
  .mobile-drawer-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 150; opacity: 0; pointer-events: none; transition: opacity 0.2s; }
  .mobile-drawer-backdrop.is-open { opacity: 1; pointer-events: auto; }
  [dir="rtl"] .mobile-drawer { left: auto; right: 0; border-right: none; border-left: 1px solid var(--border-mid); transform: translateX(100%); }
  [dir="rtl"] .mobile-drawer.is-open { transform: translateX(0); }

  .nav-locale-marker { display: inline-block; font-family: var(--font-mono); font-size: 10px; color: var(--text-tertiary); margin-left: 8px; padding: 2px 6px; border: 0.5px solid var(--border-mid); border-radius: 3px; vertical-align: middle; }
  [dir="rtl"] .nav-locale-marker { margin-left: 0; margin-right: 8px; }
}

@media (min-width: 769px) {
  .mobile-bottom-nav, .mobile-app-bar { display: none; }
}