/* v14 footer administrator access */
.adminFooterAccess{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);text-align:center}
.adminFooterLink{font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:inherit;opacity:.72}
.adminFooterLink:hover{opacity:1;text-decoration:underline}

/* v15 configured admin access */


/* v17 inventory profitability */









.profitBox{display:flex;flex-direction:column;gap:2px;min-width:96px}
.profitBox strong{font-size:14px}
.profitBox span{font-size:10px;opacity:.72}
.profitBox.positive strong{color:#08783a}
.profitBox.negative strong{color:#a12639}
@media(max-width:800px){
 
}

/* v18 visual/admin fixes */
.brand img{width:94px!important;height:94px!important;transform:rotate(20deg)!important;transform-origin:center center!important}
.nav{grid-template-columns:150px minmax(0,1fr) 190px!important;min-height:116px}











@media(max-width:900px){.brand img{width:82px!important;height:82px!important;transform:rotate(20deg)!important}.nav{min-height:92px}}
@media(max-width:620px){.brand img{width:68px!important;height:68px!important;transform:rotate(20deg)!important}}

/* ===== v19 Product Studio & variants ===== */
.productEditorBody.open{display:block}.statePill.sold{background:#111;color:#fff}.variantSelectors{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.variantStockMsg{grid-column:1/-1;font-weight:800;font-size:12px}.variantStockMsg:has(+*){}.detailInfo button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:850px){}
@media(max-width:560px){.variantSelectors{grid-template-columns:1fr}}

/* ===== v21 currency ===== */
.priceDual{display:flex;flex-direction:column;gap:2px}
.priceDual strong{font-size:inherit}
.priceDual small{font-size:.78em;opacity:.72;font-weight:700}
.currencyPair{display:flex;flex-direction:column;gap:2px}
.currencyPair .ves{font-size:11px;opacity:.7}


@media(max-width:700px){}

/* v22 Supabase DB status */

.dbStatus{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.02em}
.dbStatus.online{background:#dcf6e7;color:#086336}
.dbStatus.fallback{background:#fff0d7;color:#815100}
html[data-database="supabase"] .adminHero{box-shadow:inset 0 0 0 1px rgba(63,207,142,.25)}

/* v23 production auth */


/* v24 USD/VES visibility + converter */




.vesToggle.on{background:#0b4b29;color:#fff}.vesToggle.on span{transform:translateX(5px)}





@media(max-width:620px){}

/* ===== v26 header stability + logo tilt correction ===== */
.announce{height:32px}
.announceTrack{
  gap:28px;
  align-items:center;
  animation:marqueeEnStock 30s linear infinite!important;
  will-change:transform
}
.announceTrackCopy{display:flex;align-items:center;gap:28px;padding-left:28px}
@keyframes marqueeEnStock{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.nav,.navLinks,.navRow,.navActions{position:relative}
.navLinks{width:100%}
.navLinks button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-align:center!important;
  transform:none!important
}
.navRow{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important
}
.navRow.primary{gap:14px 16px!important}
.navRow.secondary{gap:18px 20px!important}
.navLinks .homeNav{color:var(--green)!important;font-weight:950!important}

@media(min-width:1101px){
  .nav{grid-template-columns:140px minmax(0,1fr) 270px!important;min-height:118px!important;gap:14px!important;padding:0 22px!important}
  .brand{height:118px;overflow:visible!important;justify-content:center!important}
  .brand img{width:112px!important;height:112px!important;transform:rotate(-20deg)!important;transform-origin:center!important;filter:drop-shadow(0 10px 16px rgba(7,63,37,.22))!important}
  .navLinks{display:grid!important;grid-template-rows:auto auto!important;align-content:center!important;justify-items:center!important;row-gap:6px!important;padding:0!important;overflow:visible!important}
  .navActions{display:grid!important;grid-template-columns:46px 112px 96px!important;gap:8px!important;justify-content:end!important;align-items:center!important;min-width:270px!important}
  .navActions button{height:46px!important;white-space:nowrap!important;padding:0 10px!important;font-size:12px!important;line-height:1!important}
  .langToggle{width:46px!important;padding:0!important}
}
@media(min-width:821px) and (max-width:1100px){
  .nav{grid-template-columns:112px minmax(0,1fr) 238px!important;min-height:106px!important;gap:10px!important}
  .brand img{width:94px!important;height:94px!important;transform:rotate(-20deg)!important}
  .navLinks{display:grid!important;grid-template-rows:auto auto!important;align-content:center!important;justify-items:center!important;row-gap:6px!important;padding:0!important}
  .navActions{display:grid!important;grid-template-columns:42px 100px 88px!important;gap:4px!important;min-width:238px!important}
  .navActions button{height:42px!important;white-space:nowrap!important;font-size:11px!important;padding:0 7px!important}
}
@media(max-width:820px){
  .nav{grid-template-columns:82px 1fr auto!important}
  .brand img{width:70px!important;height:70px!important;transform:rotate(-18deg)!important}
  .navLinks{display:grid!important;grid-template-rows:auto auto!important;justify-items:start!important;align-content:center!important;row-gap:6px!important}
  .navRow{justify-content:flex-start!important}
  .navActions button{white-space:nowrap!important}
}

/* ===== v27 reliable navigation + clean hero ===== */

.navLinks a{border:0;background:transparent;color:#2d2927;padding:8px 1px;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;position:relative;transition:.22s;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}
.navLinks a:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:linear-gradient(90deg,var(--green),var(--yellow),var(--rose));transform:scaleX(0);transform-origin:left;transition:.24s}
.navLinks a:hover,.navLinks a.active{color:var(--green)}
.navLinks a:hover:after,.navLinks a.active:after{transform:scaleX(1)}
.navLinks .homeNav{font-size:14px!important;font-weight:950!important}