/* =====================================================================
   bm-company · archive.css (M3, agent KARTICA)
   Kartica proizvoda (X2 K05), mreža, alatna traka (broj, broj po stranici, sortiranje), paginacija (K13), prazno stanje (K23).
   Mjere i animacije: Shopify Hyper (hyper/H3 §5, §8–§11). Osnova (.pcard, .badge, .price, .btn, reveal) je u app.css.
   ===================================================================== */

/* ---------- mreža: 2 kolone · 3 od 768 · 4 od 1280 (D-23); razmak 12×20 · 30×30 · 30×40 (H3 §8) ---------- */
.bmc-grid{--cols-mobile:2;--cols-md:3;--cols-lg:3;--cols-xl:4;list-style:none;margin:0;padding:0}
.bmc-grid::before,.bmc-grid::after{content:none}
.bmc-grid>li{margin:0;padding:0;width:auto;min-width:0}
@media (min-width:1024px){.bmc-grid{row-gap:3.2rem}} /* kompaktnije (vlasnik 02.11.2026): 40 → 32 px */
.bmc-cat-wide .bmc-grid{--cols-xl:5} /* Novogodišnji program bez bočnog filtera (L2 KAT-16) */
/* ulaz poslije AJAX zamjene (bm-filter): pomak 50 px umjesto 35 px, kao Hyper poslije filtera (H3 §6d); archive.js postavlja atribut */
html.js:not(.rm) .bmc-grid[data-bmc-reload]>*:not(.is-in){transform:translate3d(0,5rem,0)}

/* ---------- kartica (K05) ---------- */
.pcard{height:100%;min-width:0}
.pcard__media{flex:none}
@media (max-width:767.98px){.pcard__media{border-radius:.8rem}}
.pcard__link{position:absolute;inset:0;display:block;color:inherit;-webkit-tap-highlight-color:transparent}
.pcard__zoom{position:absolute;inset:0;display:block}
.pcard__zoom picture{position:absolute;inset:0}

/* slike: glavna i druga (prva iz galerije). Druga se na dodiru ne prikazuje, pa je preglednik ni ne preuzima (loading=lazy + display:none). */
.pcard .pcard__zoom img{opacity:1;transform:none;transition:opacity 1.2s ease,transform .5s cubic-bezier(.3,1,.3,1)}
.pcard .pcard__zoom img.pcard__img2{display:none;opacity:0;visibility:hidden;transform:scale(1.08);transition:opacity .85s cubic-bezier(.4,0,.2,1),transform .85s cubic-bezier(.4,0,.2,1),visibility .85s}
/* poništava opšta hover pravila iz app.css (M1 osnova kartice): ovdje hover kreće sa slike, ne sa cijele kartice */
.pcard:hover .pcard__media .pcard__zoom img.pcard__img1{opacity:1;transform:none}
.pcard:hover .pcard__media .pcard__zoom img.pcard__img2{opacity:0;transform:scale(1.08)}
/* druga slika se prikazuje (pa i preuzima) tek kad archive.js kartici doda .bmc-alt: miš je pomjeren i kartica je blizu viewporta
   (L2 PERF-03: na 1440 px uštedi do ~0,7 MB po podkategoriji). Zamjena na hover čeka .bmc-alt-on (2 framea kasnije), da prelaz
   krene od opacity 0 / scale 1.08 i kad je kartica već pod mišem. Bez JS-a radi kao ranije. */
@media (hover:hover) and (pointer:fine) and (min-width:768px){
	.pcard.bmc-alt .pcard__zoom img.pcard__img2,html:not(.js) .pcard .pcard__zoom img.pcard__img2{display:block}
}
/* Hyper hover (H3 §9c): glavna opacity 1→0 za 1,2 s ease; druga opacity 0→1 i scale 1.08→1 za 0,85 s (.4,0,.2,1); bez druge slike glavna 1→1.08 */
@media (hover:hover) and (pointer:fine) and (min-width:768px) and (prefers-reduced-motion:no-preference){
	.pcard.bmc-alt-on .pcard__media:hover .pcard__link.has-alt img.pcard__img1,html:not(.js) .pcard .pcard__media:hover .pcard__link.has-alt img.pcard__img1{opacity:0}
	.pcard.bmc-alt-on .pcard__media:hover .pcard__link.has-alt img.pcard__img2,html:not(.js) .pcard .pcard__media:hover .pcard__link.has-alt img.pcard__img2{opacity:1;visibility:visible;transform:none}
	.pcard .pcard__media:hover .pcard__link:not(.has-alt) img.pcard__img1{transform:scale(1.08)}
}

/* dugme na slici: mobitel/dodir = krug 38 px dolje desno (uvijek vidljiv); ≥768 sa mišem = bijela pilula 48 px koja se pojavi na hover */
.pcard__cta{position:absolute;z-index:2;right:1rem;bottom:1rem;width:3.8rem;min-height:3.8rem;height:3.8rem;padding:0;border-color:rgb(var(--color-border));pointer-events:none}
.pcard__cta-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pcard__cta-icon{position:relative}
@media (hover:hover) and (pointer:fine) and (min-width:768px){
	.pcard__cta{left:2rem;right:2rem;bottom:2rem;width:auto;height:auto;min-height:var(--buttons-height);padding:0 1.6rem;box-shadow:0 .2rem 1.2rem rgba(0,0,0,.06);pointer-events:auto;opacity:0;transform:translate3d(0,1.5rem,0);transition:opacity .54s cubic-bezier(.4,0,.2,1),transform .54s cubic-bezier(.4,0,.2,1),color .3s,border-color .3s}
	.pcard__cta-text{position:static;width:auto;height:auto;overflow:visible;clip:auto}
	.pcard__cta-icon{display:none}
	.pcard__media:hover .pcard__cta,.pcard:focus-within .pcard__cta{opacity:1;transform:none}
}

/* bedževi (app.css .badges/.badge): gore lijevo 10/10, kolona, razmak 6 */
.pcard__badges{z-index:3}

/* tekst */
.pcard__info{flex:1 1 auto;min-width:0}
.pcard__cat{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:2rem;letter-spacing:.02em}
.pcard__title{font-size:1.5rem;line-height:1.5;-webkit-line-clamp:3;min-height:4.5rem}
@media (min-width:768px){.pcard__title{-webkit-line-clamp:2}}
.pcard__title a::after{content:none} /* app.css preklop preko cijele kartice: ovdje slika i naziv imaju svoje linkove */
.pcard__title a{color:rgb(var(--color-text-heading));background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0 1px;background-position:100% 100%;transition:background-size .5s cubic-bezier(.3,1,.3,1)}
@media (hover:hover){.pcard__title a:hover{color:rgb(var(--color-text-heading));background-size:100% 1px}}
.pcard__price{margin-top:auto;padding-top:.2rem}
.pcard__price .woocommerce-price-suffix,.pcard__price .bm-unit{font-size:.9em;font-weight:400;color:rgb(var(--color-subtext))}
.pcard__price>[aria-hidden="true"]{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0 .4rem}

/* ---------- alatna traka (H3 §5): ljepljiva ispod headera, 72 px, broj · broj po stranici · sortiranje ---------- */
.bmc-toolbar{position:sticky;top:var(--header-bottom,0px);z-index:9;display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 1.6rem;min-height:6.4rem;margin-bottom:1.2rem;padding-block:1rem;background:rgb(var(--color-background));transition:top .3s ease}
.bmc-toolbar:empty{display:none} /* traka 72 → 64 px (vlasnik 02.11.2026: kompaktnije) */
@media (min-width:1024px){.bmc-toolbar{gap:1.6rem 2.4rem}}
.bmc-count{margin:0;font-size:1.5rem;line-height:2.4rem;color:rgb(var(--color-subtext))}
@media (max-width:767.98px){.bmc-count{font-size:1.4rem;line-height:2rem}} /* jedan red sa dugmetom filtera: ljepljiva traka ostaje niska na telefonu */
.bmc-toolbar__end{display:flex;align-items:center;gap:1.6rem;margin-left:auto}
@media (min-width:1024px){.bmc-toolbar__end{gap:3.2rem}}
.bmc-toolbar>.bmc-ordering{margin-left:auto} /* landing: broj + sortiranje bez broja po stranici */

/* broj po stranici: „Prikaži: 9 / 12 / 18 / 24“ (rel=nofollow, L2 KAT-14) */
.bmc-perpage{display:none;align-items:center;gap:.4rem;font-size:1.5rem}
@media (min-width:768px){.bmc-perpage{display:flex}}
.bmc-perpage__label{margin-right:.4rem;font-weight:700;color:rgb(var(--color-text-heading))}
.bmc-perpage__list{display:flex;align-items:center;gap:.2rem;margin:0;padding:0;list-style:none}
.bmc-perpage__item{display:inline-flex;align-items:center;justify-content:center;min-width:3.2rem;height:3.2rem;padding:0 .4rem;border-radius:4rem;color:rgb(var(--color-subtext));transition:background-color .3s,color .3s}
.bmc-perpage__item.is-current{background:rgb(var(--color-secondary-button));color:rgb(var(--color-text-heading));font-weight:700}
@media (hover:hover){a.bmc-perpage__item:hover{color:rgb(var(--color-text-heading));background:rgba(var(--color-secondary-button),.6)}}

/* sortiranje: Hyper select-pilula 48 px, bijela sa okvirom #e5e5e5 (H3 §5); ispod 1024 je u ladici filtera kad filter postoji */
.bmc-ordering{margin:0}
.bmc-ordering__select.select{width:auto;max-width:100%;background-color:rgb(var(--color-background));border-color:rgb(var(--color-border));font-size:1.5rem;cursor:pointer}
.bmc-ordering__select.select:hover{border-color:rgb(var(--color-text-heading))}
@media (max-width:1023.98px){.bmc-has-filter .bmc-toolbar .bmc-ordering{display:none}}
@media (max-width:479.98px){.bmc-ordering__select.select{padding-left:1.6rem;font-size:1.4rem}}

/* ---------- paginacija (K13): krugovi 40 px (mobitel 44 px, L2 A11Y-06), trenutna #ededed, centrirano ---------- */
/* razmak liste do footera i kad nema paginacije (vlasnik 02.11.2026: kartice i filter su se lijepili za liniju footera); landing ima svoj (category.css) */
.bmc-archive:not(.bmc-archive--landing) .bmc-archive__layout{padding-bottom:4.8rem}
@media (min-width:1025px){.bmc-archive:not(.bmc-archive--landing) .bmc-archive__layout{padding-bottom:6.4rem}}
.bmc-pagination{display:flex;justify-content:center;margin-top:2.4rem}
@media (min-width:768px){.bmc-pagination{margin-top:3.2rem}} /* kompaktnije (vlasnik 02.11.2026) */
.bmc-pagination__list,.bmc-pagination ul.page-numbers{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;margin:0;padding:0;list-style:none}
.bmc-pagination .page-numbers:not(ul){display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-width:4.4rem;height:4.4rem;padding:0 .8rem;border-radius:4rem;font-size:1.5rem;line-height:1;color:rgb(var(--color-text-heading));transition:background-color .3s}
@media (min-width:768px){.bmc-pagination .page-numbers:not(ul){min-width:4rem;height:4rem}}
.bmc-pagination .page-numbers.current{background:rgb(var(--color-secondary-button));font-weight:700}
.bmc-pagination .page-numbers.dots{min-width:2.4rem;padding:0}
@media (hover:hover){.bmc-pagination a.page-numbers:hover{background:rgba(var(--color-secondary-button),.6)}}
.bmc-pagination .prev,.bmc-pagination .next{padding:0 1.2rem;font-weight:700}
@media (max-width:767.98px){
	.bmc-pagination .prev,.bmc-pagination .next{padding:0}
	.bmc-pagination__txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}

/* ---------- prazno stanje (K23 / H3 §11) ---------- */
.bmc-empty{display:flex;flex-direction:column;align-items:center;padding:2rem 0 4rem;text-align:center}
@media (min-width:768px){.bmc-empty{padding:4rem 0}} /* kompaktnije (vlasnik 02.11.2026) */
.bmc-empty__icon{--icon-size:6rem;display:block;margin-bottom:1.6rem;color:rgb(var(--color-subtext))}
.bmc-empty__title{max-width:60rem;margin:0 0 .8rem}
.bmc-empty__text{max-width:56rem;margin:0 0 2.4rem;color:rgb(var(--color-subtext))}
.bmc-empty__group{width:100%;max-width:80rem;margin:0 0 2.4rem}
.bmc-empty__label{margin:0 0 1.2rem;font-family:var(--font-body);font-size:1.4rem;font-weight:700;line-height:2rem;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-subtext))}
.bmc-empty__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:0;padding:0;list-style:none}
.bmc-empty__help{margin:.8rem 0 0;color:rgb(var(--color-subtext))}
.bmc-empty__help a{color:rgb(var(--color-text-heading));font-weight:700;text-decoration:underline;text-underline-offset:.3rem}