/* =========================================================================
   SPOJAK.sk — listing-common.css
   Zdieľané prvky produktových výpisov, ktoré používajú stránky s RÔZNYM page CSS:
   kategória + vyhľadávanie (product-listing.css) aj Akcie (akcie.css).
     .nores  — prázdny stav (komponent x-catalog.empty)
     .pager  — stránkovanie (komponent x-catalog.pager)
   Predtým boli len v product-listing.css, takže prázdny stav na /akcie (hosť nemá
   žiadne platné akcie) sa vykreslil ako holý nenaštýlovaný text.
   ========================================================================= */

/* prázdny stav */
.nores{display:none;flex-direction:column;align-items:center;text-align:center;padding:54px 20px}
.nores.show{display:flex}
.nores .nic{width:80px;height:80px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.nores .nic [data-ic]{font-size:40px;color:var(--line)}
.nores h3{font-size:18px;font-weight:600;margin-bottom:6px}.nores p{font-size:14px;color:var(--muted);margin-bottom:16px;max-width:520px;line-height:1.5}

/* pager: ‹ 1 … 4 5 [6] 7 8 … 125 › */
.pager{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:24px}
.pager a,.pager span.cur{min-width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:var(--rad);font-size:13.5px;font-weight:500;color:var(--ink);display:flex;align-items:center;justify-content:center;text-decoration:none}
.pager a:hover{border-color:var(--ink)}.pager span.cur{background:var(--ink);color:#fff;border-color:var(--ink)}
.pager .disabled{opacity:.4;pointer-events:none}
.pager .gap{min-width:20px;text-align:center;color:var(--muted);font-size:13.5px}
@media(max-width:480px){.pager{gap:4px;flex-wrap:wrap}.pager a,.pager span.cur{min-width:34px;height:34px}}