/* v25: loaded after lv-v23.css on every page. */

/* Headers stay on screen while scrolling. body{overflow-x:hidden;overflow-y:auto} made the body its own scroll box, so
   position:sticky stuck to a box that never scrolls and the header left with the page. clip stops sideways scrolling
   without making a scroll box. */
html{overflow-x:clip}
body{overflow-x:clip!important;overflow-y:visible!important}
body.lv-nav-open{overflow:hidden!important}

/* ---- public header: a logo with presence, and words under the icons on phones ---- */
.lvn-head .lvn-logo img.lvn-logo-img{height:56px;max-width:none;width:auto}
@media(min-width:1200px){.lvn-head .lvn-logo img.lvn-logo-img{height:62px}}
@media(max-width:991.98px){.lvn-head .lvn-logo img.lvn-logo-img{height:50px}}
@media(max-width:767.98px){.lvn-head .lvn-logo img.lvn-logo-img{height:44px;max-width:112px}}
@media(max-width:374.98px){.lvn-head .lvn-logo img.lvn-logo-img{height:38px;max-width:92px}}
.lvn-lbl{display:none}
@media(max-width:767.98px){
  /* every control is the same 36px square, on one line, with its name underneath */
  .lvn-head .lvn-right{align-items:flex-start;gap:.4rem;padding-bottom:13px}
  .lvn-head .lvn-actions{align-items:flex-start;gap:.4rem}
  .lvn-head .lvn-ibtn,.lvn-head .lvn-bell,.lvn-head .lvn-right .lvl-head>summary{position:relative;width:36px;height:36px;min-width:36px;padding:0;border-radius:12px;display:inline-grid;place-items:center;overflow:visible}
  .lvn-head .lvn-right .lvl-head>summary>span,.lvn-head .lvn-right .lvl-head .lvl-caret{display:none}
  .lvn-head .lvn-right .lvl-head>summary{border:1.5px solid var(--lv-line);background:var(--lv-white);color:var(--lv-green-dark)}
  .lvn-head .lvn-lbl{display:block;position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);font-size:9.5px;font-weight:600;line-height:1;font-style:normal;color:var(--lv-green-dark);white-space:nowrap;letter-spacing:.01em;pointer-events:none}
  .lvn-head .lvn-bell>em:not(.lvn-lbl){top:-5px;right:-5px}
}
/* the phone and tablet menu: a light green panel, so it is clear where the menu ends and the page begins */
@media(max-width:1199.98px){
  .lvn-menu{background:#eef7f1;border-bottom:3px solid var(--lv-green,#1e7759);box-shadow:0 18px 30px rgba(20,81,60,.22)}
  .lvn-menu ul>li>a,.lvn-menu .lvn-drop>a{background:#fff}
  .lvn-menu .lvn-panel-top{background:transparent}
}

/* ---- member top bar: on phones the page title gives way to the logo (the page shows its own heading) ---- */
.lv-top-brand{display:none}
@media(max-width:767.98px){
  .lv-top .lv-top-t{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .lv-top-brand{display:inline-flex;align-items:center;margin-right:auto;min-width:0}
  .lv-top-brand img{height:34px;width:auto;max-width:100px;display:block}
}
/* the controls in the member and admin bars line up: one height, centred */
.lv-top{align-items:center}
.lv-top .lv-burger,.lv-top .lv-bell,.lv-top .lvl-dash>summary,.lv-top .lv-user-btn{height:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
.lv-top .lv-burger,.lv-top .lv-bell{width:38px}
.lv-top .lv-user-btn .lv-avatar{width:36px;height:36px}
@media(max-width:767.98px){.lvn-head .lvn-right .lvl-head{padding:0;margin:0;align-self:flex-start}}

/* ---- auction shortcut bar: the site's green and gold instead of black ---- */
.as-dock{background:var(--lv-green-dark,#14513c);border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 26px rgba(20,81,60,.32)}
.as-dock a{color:#fff;position:relative}
.as-dock a:hover,.as-dock a.on{background:rgba(255,255,255,.14)}
.as-dock a.on{box-shadow:inset 0 -3px 0 var(--lv-gold,#b38635)}
.as-dock .as-dock-main{background:var(--lv-gold,#b38635);color:#fff}
.as-dock a>em{position:absolute;top:2px;right:10px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#c0392b;color:#fff;font:700 10px/17px sans-serif;font-style:normal;text-align:center}
/* the WhatsApp button stands aside on pages with a shortcut bar (phones), so neither covers the other */
@media(max-width:991.98px){body:has(.as-dock) .lv-wa-fab{bottom:calc(var(--tab-h,62px) + 86px + env(safe-area-inset-bottom,0px))}}
.lvp-title+.aa-list{margin-top:.2rem}

/* ---- auction alerts ---- */
.aa-list{display:flex;flex-direction:column;gap:.6rem;padding-bottom:7rem}
.aa-item{display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem;background:#fff;border:1px solid var(--lv-line,#dfe8e3);border-left:4px solid var(--lv-green,#1e7759);border-radius:12px;color:var(--lv-ink,#1d2a24);text-decoration:none}
.aa-item:hover{box-shadow:0 6px 18px rgba(20,81,60,.12);text-decoration:none;color:inherit}
.aa-item>.fa{font-size:1.35rem;color:var(--lv-green,#1e7759);flex:0 0 1.6rem;text-align:center}
.aa-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.15rem}
.aa-body b{color:var(--lv-green-dark,#14513c)}
.aa-body span{font-size:.9rem;color:var(--lv-muted,#5b6b63)}
.aa-go{flex:0 0 auto;font-weight:700;font-size:.85rem;color:var(--lv-green,#1e7759);white-space:nowrap}
.aa-outbid{border-left-color:#c0392b}.aa-outbid>.fa{color:#c0392b}
.aa-won,.aa-reg{border-left-color:var(--lv-gold,#b38635)}.aa-won>.fa,.aa-reg>.fa{color:var(--lv-gold,#b38635)}
.aa-soon{border-left-color:#2f6fa8}.aa-soon>.fa{color:#2f6fa8}
.aa-foot{margin-top:.8rem;font-size:.9rem}
@media(max-width:575.98px){.aa-item{display:grid;grid-template-columns:1.6rem minmax(0,1fr);column-gap:.8rem;row-gap:.4rem}.aa-go{grid-column:2}}

/* ---- links that need action: a small, quiet mark (amber = to do, red = risk to answer). Shown only when it applies. ---- */
.lv-attn{margin-left:auto;font-style:normal;font-size:.68rem;font-weight:700;line-height:1.45;border-radius:20px;padding:0 .5rem;background:#fff4dc;color:#8a5a00;border:1px solid #f0d49a;white-space:nowrap}
.lv-attn.red{background:#fdecea;color:#b03a2e;border-color:#f3c2bc;min-width:1.4rem;text-align:center}

/* ---- chat header: who is answering, like a support desk ---- */
.lva-panel header .lva-av{font-weight:800;font-size:1rem;color:#fff;background:var(--lv-gold,#b38635);display:inline-grid;place-items:center}
.lva-panel header small{display:flex;align-items:center;gap:.3rem;opacity:.9}
.lva-online{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
/* the chat button never covers the sticky Bid button on the bidding screen (phones and tablets) */
@media(max-width:991.98px){body:has(#auDock) .lva-chat{bottom:calc(88px + env(safe-area-inset-bottom,0px))}}
.lvl-dock[hidden]{display:none!important}
@media(min-width:992px){.lvl-dock{display:none!important}}