/* GW Adventskalender – Frontend (compat6, test mode + legend chips) */
.gwac-calendar{position:relative; padding:1rem; border-radius:1rem; overflow:hidden}
.gwac-grid{position:relative; z-index:1; display:grid; gap:.75rem; grid-template-columns: repeat(6, 1fr);}
@media (max-width: 1024px){ .gwac-grid{grid-template-columns: repeat(4, 1fr);} }
@media (max-width: 640px){ .gwac-grid{grid-template-columns: repeat(2, 1fr);} }
.gwac-door{position:relative; aspect-ratio: 1/1; background: rgba(255,255,255,.06); border-radius:.9rem; overflow:hidden; box-shadow: 0 6px 18px rgba(0,0,0,.25); cursor:pointer; outline:none; border:1px solid rgba(255,255,255,.12);}
.gwac-door:focus-visible{box-shadow:0 0 0 3px var(--gwac-accent, #fff), 0 6px 18px rgba(0,0,0,.25)}
/* Always-visible number badge */
.gwac-badge{position:absolute; z-index:3; top:.55rem; left:.6rem; font-weight:800; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto;
  font-size: clamp(1.1rem, 2.6vw, 1.6rem); line-height:1; color: var(--gwac-accent, #fff);
  background: var(--gwac-brand, #FF6B00); padding:.28rem .55rem; border-radius:.6rem;
  border:1px solid rgba(255,255,255,.28); box-shadow: 0 2px 6px rgba(0,0,0,.3); text-shadow: 0 1px 2px rgba(0,0,0,.35)}
.gwac-door__front{position:absolute; inset:.5rem; background: linear-gradient(135deg, rgba(0,0,0,.2), rgba(0,0,0,.05)); border-radius:.7rem; transition: transform .7s cubic-bezier(.2,.8,.2,1), opacity .4s ease; transform-origin: left center; backface-visibility:hidden}
.gwac-door.is-open .gwac-door__front{transform: rotateY(-100deg); opacity:.2}
.gwac-door__inner{position:absolute; inset:0; transform: translateZ(0); z-index:1}
.gwac-door__inner img{width:100%; height:100%; object-fit:cover; display:block;}
.gwac-door.is-locked{opacity:.9}
.gwac-door.is-locked .gwac-door__front{background: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));}
.gwac-door.is-locked::after{content:"🔒"; position:absolute; top:.55rem; right:.6rem; font-size:1.1rem; z-index:3}
.gwac-placeholder{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#e5e7eb; font-size:.9rem; text-align:center; padding:.5rem}

/* Legend as chips with contrast */
.gwac-legend{position:relative; z-index:1; display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; color:#e5e7eb; font-size:.9rem; margin-top:.9rem}
.gwac-chip{display:inline-flex; align-items:center; gap:.45rem; padding:.25rem .55rem; border-radius:.7rem;
  background: rgba(17,24,39,.7); color:#fff; border:1px solid rgba(255,255,255,.15); backdrop-filter: blur(3px)}
.gwac-chip .dot{width:.7rem; height:.7rem; border-radius:999px; display:inline-block; border:2px solid #fff; box-shadow: 0 0 0 2px rgba(0,0,0,.25) inset}
.gwac-chip .dot--open{background: var(--gwac-brand, #FF6B00)}
.gwac-chip .dot--locked{background:#9ca3af}

/* Small test mode label for admins */
.gwac-testlabel{position:absolute; top:.6rem; right:.6rem; z-index:5; background:#0ea5e9; color:#fff; padding:.15rem .45rem; border-radius:.45rem; font-size:.75rem; box-shadow:0 1px 3px rgba(0,0,0,.25)}