/* CCAuktioner Public – shared base styles */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --green:#1e3d2f;
  --green-mid:#2d5a42;
  --green-light:#e8f0eb;
  --cream:#f7f3ec;
  --cream-dark:#ede8df;
  --gold:#c08a2f;
  --gold-light:#e9c97a;
  --text:#1a1a1a;
  --muted:#5a5a5a;
  --text-muted:#5a5a5a;
  --white:#fff;
  --radius:6px;
  --shadow:0 4px 24px rgba(0,0,0,.08)
}
body{font-family:'Inter',sans-serif;background:var(--cream);color:var(--text);line-height:1.6;}
h1,h2,h3,h4{font-family:'Playfair Display',serif;}
a{color:inherit;text-decoration:none;}
/* Pagination */
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;flex-wrap:wrap;}
.pagination a,.pagination span{padding:8px 14px;border-radius:var(--radius);font-size:.88rem;font-weight:500;background:var(--white);box-shadow:var(--shadow);}
.pagination a{color:var(--green);}
.pagination a:hover{background:var(--green);color:#fff;}
.pagination .current{background:var(--green);color:#fff;}
/* Status badges */
.status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;}
.status-winning{background:#e8f8ee;color:#1a7a40;}
.status-outbid{background:#fff0f0;color:#c00;}
.status-won{background:#e8f0fb;color:#1a3d8a;}
.status-ended{background:var(--cream-dark);color:var(--muted);}
.status-unpaid{background:#fff8e8;color:#a06000;}
.status-paid{background:#e8f8ee;color:#1a7a40;}
.status-overdue{background:#fff0f0;color:#c00;}
/* ─── WCAG 2.1 AA ─────────────────────────────────────────── */
/* Visually-hidden text for screen readers */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Global focus indicator — overrides any outline:none */
*:focus-visible{outline:2px solid var(--green)!important;outline-offset:2px!important;border-radius:2px!important}
/* Password visibility toggle */
.pw-wrap{position:relative;display:block}
.pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--muted);line-height:0;opacity:.6;transition:opacity .2s}
.pw-toggle:hover{opacity:1}
.pw-toggle svg{width:20px;height:20px}