/* LelangPet V11.2 — Auction landing + public navigation polish. */
/* Scoped to the public Auction shell so member/admin/Shop layouts stay untouched. */
.public-mode .site-nav{
  width:100%;
  max-width:1600px;
  padding-left:clamp(18px,2.5vw,44px);
  padding-right:clamp(18px,2.5vw,44px);
  gap:clamp(16px,1.8vw,28px);
}
.public-mode .site-nav>.brand{flex:0 0 auto}
.public-mode .site-nav nav.lp-public-primary-nav{
  display:flex;
  flex:1 1 auto;
  min-width:0;
  margin-left:0;
  align-items:center;
  justify-content:center;
  gap:clamp(13px,1.2vw,21px);
  white-space:nowrap;
}
.public-mode .site-nav nav.lp-public-primary-nav>a{
  flex:0 0 auto;
  white-space:nowrap;
  line-height:1.15;
}
.public-mode .site-nav .nav-actions{
  flex:0 0 auto;
  margin-left:0;
  gap:10px;
  white-space:nowrap;
}
.public-mode .site-nav .nav-actions .btn{white-space:nowrap}
.public-mode .lp-public-more{position:relative;flex:0 0 auto}
.public-mode .lp-public-more>summary{
  list-style:none;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  padding:7px 5px;
  border-radius:9px;
  cursor:pointer;
  color:#56607f;
  font-size:13px;
  font-weight:600;
  line-height:1;
  user-select:none;
}
.public-mode .lp-public-more>summary::-webkit-details-marker{display:none}
.public-mode .lp-public-more>summary::after{
  content:'⌄';
  font-size:12px;
  line-height:1;
  transform:translateY(-1px);
}
.public-mode .lp-public-more[open]>summary,
.public-mode .lp-public-more>summary:hover{color:#1f2f69;background:rgba(31,47,105,.055)}
.public-mode .lp-public-more-menu{
  position:absolute;
  z-index:120;
  top:calc(100% + 10px);
  left:50%;
  transform:translateX(-50%);
  width:260px;
  max-width:calc(100vw - 32px);
  padding:8px;
  border:1px solid rgba(31,47,105,.10);
  border-radius:14px;
  background:rgba(255,255,255,.98);
  box-shadow:0 18px 44px rgba(31,47,105,.14);
  backdrop-filter:blur(16px);
}
.public-mode .lp-public-more-menu>a{
  display:flex;
  width:100%;
  padding:10px 11px;
  border-radius:9px;
  color:#52607d!important;
  font-size:12.5px!important;
  line-height:1.2;
  white-space:normal;
}
.public-mode .lp-public-more-menu>a:hover{background:#f2f5fb;color:#1f2f69!important}
/* V11.2.1 — semua menu utama Auction memakai bobot visual yang sama. */
.public-mode .site-nav nav.lp-public-primary-nav>a,
.public-mode .lp-public-more>summary{
  font-weight:600!important;
}

@media (min-width:1181px) and (max-width:1360px){
  .public-mode .site-nav{gap:13px;padding-left:18px;padding-right:18px}
  .public-mode .site-nav nav.lp-public-primary-nav{gap:11px}
  .public-mode .site-nav nav.lp-public-primary-nav>a,
  .public-mode .lp-public-more>summary{font-size:12px!important}
  .public-mode .site-nav .nav-actions{gap:8px}
  .public-mode .site-nav .nav-actions .btn{padding-left:14px;padding-right:14px}
}

/* Collapse earlier than the legacy 900px breakpoint: never let public nav wrap. */
@media (max-width:1180px){
  .public-mode .site-nav nav.lp-public-primary-nav{display:none!important}
  .public-mode .public-menu{display:block!important}
  .public-mode .mobile-public-nav.open{
    display:flex;
    position:absolute;
    top:82px;
    left:0;
    right:0;
    max-height:calc(100vh - 82px);
    overflow:auto;
    padding:15px 22px 18px;
    flex-direction:column;
    gap:4px;
    border-bottom:1px solid rgba(31,47,105,.08);
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 20px 40px rgba(31,47,105,.08);
  }
  .public-mode .mobile-public-nav a{
    display:block;
    padding:10px 8px;
    border-radius:9px;
    white-space:nowrap;
  }
  .public-mode .mobile-public-nav a:hover{background:#f3f6fb}
}
@media (max-width:650px){
  .public-mode .site-nav{
    padding-left:12px;
    padding-right:12px;
    gap:8px;
  }
  .public-mode .site-nav .brand.brand-image .brand-lockup{height:28px}
  .public-mode .site-nav .nav-actions{
    min-width:0;
    margin-left:auto;
    gap:6px;
  }
  .public-mode .site-nav .nav-actions .btn-primary{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .public-mode .site-nav .public-bell{display:none!important}
  .public-mode .public-menu{
    width:40px;
    min-width:40px;
  }
  .public-mode .mobile-public-nav.open{top:68px;max-height:calc(100vh - 68px);padding:12px 15px 16px}
}

@media (max-width:360px){
  .public-mode .site-nav{
    padding-left:10px;
    padding-right:10px;
    gap:6px;
  }
  .public-mode .site-nav .brand.brand-image .brand-lockup{height:25px}
  .public-mode .site-nav .nav-actions{gap:4px}
  .public-mode .site-nav .nav-actions .btn-primary{
    padding-left:9px!important;
    padding-right:9px!important;
  }
  .public-mode .site-nav .nav-actions .btn-primary .ui-icon{display:none}
  .public-mode .public-menu{
    width:38px;
    min-width:38px;
  }
}