/*
  MirNova Hub — feed_mobile.css
  Structural layer after feed legacy cleanup.
  Contains responsive feed layout, mobile drawer, mobile matching fixes and feed header density.
*/

/* Responsive */
    @media (max-width:1199px) {
        .hub-market-layout { grid-template-columns:260px minmax(0, 1fr); }
        .hub-sidebar--right { display:none; }
    }
    @media (max-width:899px) {
        .hub-market-layout { grid-template-columns:1fr; }
        .hub-mobile-drawer-bar { display:block; }
        .hub-sidebar--left.hub-panel {
            position:fixed; top:68px; left:0; bottom:0; width:min(300px, 92vw);
            z-index:25; max-height:none;
            transform:translateX(-100%);
            transition:transform 0.22s ease;
            box-shadow:8px 0 40px rgba(0,0,0,0.45);
        }
        .hub-drawer-scrim { display:block; opacity:0; pointer-events:none; transition:opacity 0.2s ease; }
        .hub-drawer-cb:checked ~ .hub-drawer-scrim { opacity:1; pointer-events:auto; }
        .hub-drawer-cb:checked ~ .hub-market-layout .hub-sidebar--left.hub-panel { transform:translateX(0); }
        .hub-sidebar--left.hub-panel { top:68px; }
    }




/* Mobile local matching carousel compact fix */
@media (max-width: 640px){
  .hub-match-outset{
    margin-top: 14px !important;
  }

  .hub-match-outset *{
    box-sizing: border-box;
  }

  .hub-match-outset .hub-local-card,
  .hub-match-outset .local-card,
  .hub-match-outset article,
  .hub-match-outset .card{
    min-width: 210px !important;
    max-width: 240px !important;
    width: 220px !important;
    min-height: 0 !important;
  }

  .hub-match-outset .hub-local-carousel,
  .hub-match-outset .local-carousel,
  .hub-match-outset .hub-local-list,
  .hub-match-outset .local-list{
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 6px !important;
    scroll-snap-type: x proximity;
  }

  .hub-match-outset .hub-local-card,
  .hub-match-outset .local-card{
    flex: 0 0 220px !important;
    scroll-snap-align: start;
  }
}









/* Feed header density pass */
.hub-mobile-drawer-bar{
  margin-bottom: 14px !important;
}

.hub-drawer-open{
  padding: 10px 14px !important;
  border-radius: 11px !important;
  font-size: 14px !important;
}

.hub-feed-column > .app-h1{
  font-size: 1.18rem !important;
  margin-top: 0 !important;
  margin-bottom: 7px !important;
  letter-spacing: -0.02em !important;
}

.hub-feed-column > .app-h1 + p{
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: rgba(175,190,215,0.62) !important;
  max-width: 680px !important;
}

.hub-feed-column h2,
.hub-feed-column .app-section-title{
  margin-top: 0 !important;
}

@media (max-width: 640px){
  .hub-mobile-drawer-bar{
    margin: 0 0 12px !important;
  }

  .hub-drawer-open{
    padding: 9px 12px !important;
    font-size: 13px !important;
  }

  .hub-feed-column > .app-h1{
    font-size: 1.08rem !important;
    margin-bottom: 6px !important;
  }

  .hub-feed-column > .app-h1 + p{
    margin-bottom: 14px !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
  }
}



/* Emergency mobile/card glue patches removed during cleanup */