/* Posta - Cards (Live) theme-aligned styles */
/* Colors aligned to demo.postakosoves.com (deep blue & gold accent) */
:root{
  --bg: #f5f7fb;
  --card: #ffffff;
  --ink: #0f172a;
  --muted: #64748b;
  --line: #e5e7eb;
  --brand: #0b5ed7;   /* deep blue */
  --brand-ink: #062a66;
  --accent: #f0b90b;  /* gold */
  --radius: 14px;
  --shadow: 0 8px 24px rgba(15,23,42,.06);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg: #0b1220;
    --card: #0f172a;
    --ink: #e6edf7;
    --muted: #9fb0c3;
    --line: #1f2a44;
    --brand: #3ea6ff;
    --brand-ink: #082f49;
    --accent: #ffd74a;
    --shadow: 0 12px 34px rgba(0,0,0,.45);
  }
}

.pcs-wrap{max-width:1100px;margin:0 auto;padding:18px;color:var(--ink)}
.pcs-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:12px}
.pcs-search input[type=search]{padding:14px 16px;font-size:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);outline:none;transition:border-color .2s, box-shadow .2s}
.pcs-search input[type=search]:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 20%, transparent)}
.pcs-search input::placeholder{color:var(--muted)}
.pcs-search #pcs-clear{padding:12px 16px;border:1px solid var(--line);background:var(--card);border-radius:var(--radius);cursor:pointer;transition:border-color .2s, transform .06s}
.pcs-search #pcs-clear:hover{border-color:var(--brand);transform:translateY(-1px)}

.pcs-count{margin:4px 2px 10px 2px;color:var(--muted);font-size:14px}

.pcs-list{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:700px){.pcs-list{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.pcs-list{grid-template-columns:1fr 1fr 1fr}}

.pcs-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:16px 16px 14px;transition:transform .15s,border-color .2s;will-change:transform}
.pcs-card:hover{transform:translateY(-2px)}
.pcs-card h3{margin:.2rem 0 .4rem 0;font-size:18px;line-height:1.2}
.pcs-meta{list-style:none;margin:6px 0 10px 0;padding:0;color:var(--muted);font-size:14px}
.pcs-meta li{margin:3px 0}.pcs-meta strong{color:var(--ink);font-weight:600;margin-right:4px}
.pcs-hours{display:flex;flex-wrap:wrap;gap:14px 18px;font-size:14px}
.pcs-hours div{padding:6px 10px;border:1px dashed var(--line);border-radius:10px;background:color-mix(in srgb, var(--card) 70%, var(--bg) 30%)}

.pcs-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}
.pcs-pagination a,.pcs-pagination span{padding:8px 12px;border-radius:10px;border:1px solid var(--line);text-decoration:none;background:var(--card);color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.03)}
.pcs-pagination a:hover{border-color:var(--brand);color:var(--brand-ink);box-shadow:var(--shadow);transform:translateY(-1px)}
.pcs-pagination .current{font-weight:700;border-color:var(--brand);background:color-mix(in srgb, var(--brand) 12%, var(--card) 88%)}

/* Accent chips using gold */
.pcs-card h3::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:8px;vertical-align:middle;opacity:.7}

/* Focus & a11y */
.pcs-card:focus{outline:3px solid color-mix(in srgb, var(--brand) 28%, transparent);outline-offset:2px}