/* ═══════════════════════════════════════════════════════════
   TRADEPRESS V2.0 — utilities.css
   ITCSS Layer 4: Responsive overrides
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 991px) {
  /* Navbar collapse: scrollable */
  .site-nav .navbar-collapse {
    max-height: 70vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: var(--tp-pad-md);
  }
  /* Flyouts: inline expand on mobile */
  .flyout {
    position: static;
    opacity: 0;
    pointer-events: none;
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
    transform: none;
    transition: max-height .3s ease, opacity var(--tp-transition-base);
  }
  .site-nav .nav-item.has-flyout.is-locked .flyout {
    opacity: 1;
    pointer-events: auto;
    max-height: 1000px;
  }
  .flyout__panel {
    box-shadow: none;
    border-radius: 12px;
    margin-top: var(--tp-pad-xs);
  }
  .flyout__panel--mega {
    width: 100%;
    max-width: 100%;
    padding: var(--tp-pad-sm);
  }
  .chart--3d { transform: none; animation: none; }
  .chart__wrap { height: 280px; }
  .site-nav .navbar-nav { margin-left: 0; }
  .site-nav .nav-link { width: 100%; justify-content: space-between; }
}

@media (max-width: 576px) {
  .banner__title { font-size: 1.7rem; }
  .chart__wrap { height: 220px; }
  .card-tp { padding: var(--tp-pad-lg) var(--tp-pad-md); }
  .banner__content { padding: var(--tp-pad-xl) var(--tp-pad-md); }
  .tool-card { padding: var(--tp-pad-lg); }
}