/* HEAVEN TCG · storefront account strip + opening hours
   Kept in a file on purpose: index.html is served with style-src 'self',
   so an injected <style> block would be refused by the browser.
   Added 2026-07-29. */

#hcAcc{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:10px}
/* the old flex spacer shoved the hours pill to the far left and pushed the
   account buttons onto a second line; the strip now centres as one group */
#hcAcc .hc-accsp{display:none}

#hcAcc .hc-hrs{
  display:inline-flex;align-items:center;gap:7px;
  font:600 11.5px/1.35 var(--ui,Nunito,sans-serif);
  color:var(--text-secondary,#d8c4b0);
  background:var(--surface-1,#2a1f19);
  border:1px solid var(--border,rgba(232,163,77,.16));
  border-radius:999px;padding:6px 13px
}
#hcAcc .hc-hrs i{width:7px;height:7px;border-radius:50%;background:var(--muted,#a08a78);flex:none}
#hcAcc .hc-hrs.on i{background:var(--good,#8fa85a);box-shadow:0 0 8px rgba(143,168,90,.85)}

#hcAcc .hc-accbtn{
  display:inline-flex;align-items:center;gap:6px;
  font:800 11.5px/1 var(--ui,Nunito,sans-serif);letter-spacing:.04em;
  text-decoration:none;border-radius:999px;padding:9px 16px;white-space:nowrap;
  border:1px solid var(--border-strong,rgba(232,163,77,.32));
  color:var(--text-secondary,#d8c4b0);
  background:var(--surface-1,#2a1f19);
  transition:background .15s,color .15s,border-color .15s
}
#hcAcc .hc-accbtn:hover{color:var(--text-primary,#f6ece0);border-color:var(--accent,#e8a34d);background:var(--surface-3,#3e2e24)}
#hcAcc .hc-accbtn.primary{background:var(--accent,#e8a34d);border-color:var(--accent,#e8a34d);color:#241a15}
#hcAcc .hc-accbtn.primary:hover{background:#f0b163;border-color:#f0b163;color:#241a15}

/* the little note inside the cart drawer */
.hc-acctip{font:500 12px/1.55 var(--ui,Nunito,sans-serif);color:var(--muted,#a08a78);margin:2px 0 12px}
.hc-acctip a{color:var(--accent,#e8a34d)}


/* --- filter row: the KupujemProdajem card and the account buttons ride
       in the same bar as search, sorting and currency ------------------- */
.toolbar #hcAcc{margin:0 0 0 auto;gap:8px}
.toolbar .kpwrap{margin:0}
@media (max-width:820px){.toolbar #hcAcc{margin:0}}


/* ---- account doors inside the cart ---------------------------------------
   Shown when the shop asks for an account before an order: the stop sign that
   sits above the delivery form, and the same pair of buttons on the checkout
   error. The rules live here rather than on a style attribute because the
   storefront runs under style-src 'self', where inline styles never apply. */
.hc-acctip.hc-acctneed{
  border:1px solid #c0392b;border-left:4px solid #c0392b;
  background:rgba(192,57,43,.08);border-radius:8px;padding:10px 12px;line-height:1.45
}
.hc-acctneed-t{margin:0 0 9px}
.hc-errmsg{display:block;margin:0 0 9px}
.hc-errbtns{display:flex;flex-wrap:wrap;gap:8px}
.hc-errbtn{
  display:inline-block;flex:1 1 auto;text-align:center;
  padding:10px 14px;border-radius:9px;cursor:pointer;
  border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);
  color:inherit;text-decoration:none;font-family:inherit;font-weight:700;
  font-size:13.5px;line-height:1.2
}
.hc-errbtn:hover{background:rgba(255,255,255,.12)}
.hc-errbtn.primary{
  border-color:transparent;color:#1c1512;font-weight:800;
  background:linear-gradient(120deg,var(--accent,#e8a34d),var(--accent-dim,#c17f33))
}
.hc-errbtn.primary:hover{filter:brightness(1.06)}
@media (max-width:430px){.hc-errbtn{flex:1 1 100%}}