/* Liquidation Depot - Responsive Web Design layer (loaded after each page's own styles).
   1) Public pages (header + #siteNav): the 8-item menu folds into the hamburger below 1100px,
      so it never stacks into multiple rows on tablets / small laptops; the logo scales on phones.
   2) Member portal bar (.top-bar.ld-portal): the logo scales and the links fold into a hamburger
      on phones (toggle handled by assets/js/ld-rwd.js). */

/* ---------- 1) public header ---------- */
@media (max-width: 1100px) {
  header { flex-wrap: wrap; }
  header .nav-toggle { display: block !important; }
  #siteNav { display: none !important; }
  #siteNav.open {
    display: flex !important; flex-direction: column; align-items: stretch;
    width: 100%; margin-top: 10px; position: static; box-shadow: none;
    border: 0; border-radius: 0; padding: 0; background: transparent; gap: 0;
  }
  #siteNav.open a { margin: 6px 0 0 !important; padding: 8px 4px; }
  #siteNav.open a.cta { text-align: center; margin-top: 10px !important; padding: 10px 14px; }
}
@media (max-width: 600px) {
  header .brand img, header .logo img { height: clamp(20px, 6.5vw, 28px) !important; width: auto !important; max-width: 60vw; }
}

/* ---------- 2) member portal bar ---------- */
.ld-portal .tb-toggle {
  display: none; background: none; border: 1px solid rgba(255,255,255,.45); color: #fff;
  font-size: 20px; line-height: 1; border-radius: 6px; padding: 4px 10px; cursor: pointer;
}
@media (max-width: 760px) {
  .top-bar.ld-portal { flex-wrap: wrap; gap: 8px; padding-left: 14px; padding-right: 14px; }
  .ld-portal .top-logo { font-size: clamp(13px, 4.4vw, 16px); white-space: nowrap; }
  .ld-portal .tb-toggle { display: block; }
  .ld-portal .tb-links { display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: 6px; padding-top: 6px; }
  .ld-portal .tb-links.open { display: flex !important; }
  .ld-portal .tb-links > a, .ld-portal .tb-links > .top-badge { margin: 0 !important; text-align: center; padding: 9px 12px !important; }
}

/* ---------- 3) member data tables (My Listings / My Orders) ---------- */
/* On phones a wide table scrolls sideways inside its own box instead of widening the page. */
@media (max-width: 760px) {
  .ld-scroll-tables table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; max-width: 100%; }
}

/* ---------- 4) public header injected for visitors (assets/js/ld-pubshell.js, concierge.html) ---------- */
#ld-pubhead{background:#fff;border-bottom:1px solid #DCE1E7;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}
#ld-pubhead .logo img{height:28px;width:auto;display:block}
#ld-pubhead .nav a{color:#0B2A45;font-weight:600;font-size:14px;margin-left:18px;text-decoration:none}
#ld-pubhead .nav a.current{color:#0A4E8F;text-decoration:underline}
#ld-pubhead .nav a.cta{background:#117ACA;color:#fff;padding:8px 14px;border-radius:7px}
#ld-pubhead .nav-toggle{display:none;background:none;border:0;font-size:24px;line-height:1;color:#0B2A45;cursor:pointer;padding:2px 8px}
.ld-pubmain{display:block;max-width:1080px;margin:0 auto;padding:22px 16px 40px}