/* =====================================================================
   bm-company · ladica korpe (M2, X1 §11.3; Hyper H1 §8, H5 §4.4) ; stranica korpe je u cart-page.css (samo /korpa/ i /naplata/)
   500 px s desna (mobitel puna širina), panel translateX(100%) → 0 za 0,6 s cubic-bezier(.7,0,.2,1);
   tamni sloj (.bmc-overlay, app.js) 0,8 s istim easingom. Bez kaskade unutar sadržaja (Hyper).
   ===================================================================== */

.bmc-cart-drawer{
	position:fixed;top:0;right:0;bottom:0;z-index:100;
	display:flex;flex-direction:column;
	width:50rem;max-width:100%;height:100vh;height:100dvh;
	background:rgb(var(--color-background));color:rgb(var(--color-foreground));
	transform:translateX(100%);visibility:hidden;
	/* trajanje zatvaranja čita app.js (transitionDuration) da tek onda postavi hidden */
	transition:transform var(--animation-drawer),visibility 0s linear .6s;
	will-change:transform;
}
.bmc-cart-drawer.is-open{transform:none;visibility:visible;transition:transform var(--animation-drawer),visibility 0s}
body.admin-bar .bmc-cart-drawer{top:32px;height:calc(100dvh - 32px)}
@media (max-width:782px){body.admin-bar .bmc-cart-drawer{top:46px;height:calc(100dvh - 46px)}}

/* poruka (šema 2 = BM crvena) */
.bmc-cart-drawer__notice{flex:none;display:flex;align-items:center;justify-content:center;gap:.8rem;margin:0;padding:1.2rem 1.5rem;background:rgb(var(--color-primary));color:#fff;font-size:1.4rem;font-weight:700;line-height:2rem;text-align:center}

/* zaglavlje */
.bmc-cart-drawer__head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.6rem 3rem;border-bottom:1px solid rgb(var(--color-border))}
.bmc-cart-drawer__title{margin:0;font-family:var(--font-heading);font-size:2.2rem;font-weight:600;line-height:3.2rem}
.bmc-cart-drawer__close{display:grid;place-content:center;width:4rem;height:4rem;margin-right:-.8rem;padding:0;border:0;border-radius:50%;background:none;color:rgb(var(--color-foreground))}
.bmc-cart-drawer__close .icon{transition:transform .3s}
@media (hover:hover){.bmc-cart-drawer__close:hover .icon{transform:rotate(180deg)}}

/* poruka poslije akcije (npr. „Posebna ponuda važi za 1 komad…“) */
.bmc-cart-drawer__msg{flex:none;margin:0;padding:1rem 3rem;background:rgba(var(--color-primary),.07);color:rgb(var(--color-primary));font-size:1.35rem;font-weight:700;line-height:2rem}
.bmc-cart-drawer__msg[hidden]{display:none}
.bmc-cart-drawer__msg:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:1.2rem;animation:bmc-mc-in .3s var(--ease-out)}
.bmc-cart-drawer__undo{flex:none;min-height:3.2rem;padding:0 1.4rem;border:1px solid currentColor;border-radius:var(--buttons-radius);background:none;color:inherit;font-weight:700;font-size:1.35rem;transition:background-color .3s,color .3s}
@media (hover:hover){.bmc-cart-drawer__undo:hover{background:rgb(var(--color-primary));border-color:rgb(var(--color-primary));color:#fff}}
.bmc-cart-drawer__undo:disabled{opacity:.5;cursor:default}

/* fragment i unutrašnji raspored: tijelo skrola, podnožje fiksno dole */
.bmc-cart-drawer .widget_shopping_cart_content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.bmc-mc{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.bmc-mc__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:2.4rem 3rem}

/* stavke */
.bmc-mc__list{display:flex;flex-direction:column;gap:2.4rem;margin:0;padding:0;list-style:none}
.bmc-mc__item{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:0 2rem;align-items:start;transition:opacity .2s}
.bmc-mc__item.is-busy{opacity:.45;pointer-events:none}
/* nova ili vraćena stavka: fade (Hyper fade-in, 0,5 s); uklonjena: visina → 0 za 0,25 s ease (X2 OV-31) */
.bmc-mc__item.is-new{animation:bmc-mc-in .5s var(--ease-out) both}
.bmc-mc__item.is-leaving{overflow:hidden;opacity:0;margin-bottom:-2.4rem;transition:height .25s ease,opacity .2s ease,margin-bottom .25s ease}
@keyframes bmc-mc-in{from{opacity:0;transform:translate3d(0,1rem,0)}to{opacity:1;transform:none}}
.bmc-mc__media{position:relative;display:block;aspect-ratio:1;border-radius:1rem;overflow:hidden;background:rgb(var(--color-secondary-background))}
.bmc-mc__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.bmc-mc__info{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.bmc-mc__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem}
.bmc-mc__name{flex:1;min-width:0;font-size:1.5rem;font-weight:700;line-height:2.2rem;color:rgb(var(--color-text-heading));overflow-wrap:anywhere}
a.bmc-mc__name:hover{color:rgb(var(--color-link-hover))}
.bmc-mc__remove{position:relative;flex:none;display:grid;place-content:center;width:3rem;height:3rem;margin:-.4rem -.6rem 0 0;border-radius:50%;color:rgb(var(--color-foreground))}
.bmc-mc__remove .icon{transition:transform var(--animation-button)}
@media (hover:hover){.bmc-mc__remove:hover{color:rgb(var(--color-foreground))}.bmc-mc__remove:hover .icon{transform:rotate(180deg)}}
.bmc-mc__remove.is-loading .icon{opacity:0}
.bmc-mc__remove.is-loading::after{content:"";position:absolute;inset:50% auto auto 50%;width:1.6rem;height:1.6rem;margin:-.8rem 0 0 -.8rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:bmc-spin .8s linear infinite}

/* atributi varijacije i meta stavke (wc_get_formatted_cart_item_data: dl.variation), šifra, jedinična cijena */
.bmc-mc__info dl.variation{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 .4rem;margin:0;font-size:1.3rem;line-height:2rem;color:rgb(var(--color-subtext))}
.bmc-mc__info dl.variation dt{font-weight:400}
.bmc-mc__info dl.variation dd{margin:0}
.bmc-mc__info dl.variation p{margin:0}
.bmc-mc__sku,.bmc-mc__unit{display:block;margin:0;font-size:1.3rem;line-height:2rem;color:rgb(var(--color-subtext))}
.bmc-mc__unit .amount,.bmc-mc__unit .bm-unit{color:inherit;font-weight:400}

.bmc-mc__row{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:.8rem}
.bmc-mc__line{font-size:1.5rem;font-weight:700;line-height:2.2rem;color:rgb(var(--color-text-heading));white-space:nowrap}
.bmc-mc__line del{margin-right:.4rem;font-weight:400;color:rgb(var(--color-subtext))}
.bmc-mc__line ins{text-decoration:none}
.bmc-mc__fixed{display:inline-flex;align-items:center;height:3.8rem;padding:0 1.6rem;border-radius:var(--buttons-radius);background:rgb(var(--color-field));font-size:1.4rem;font-weight:700}

/* stepper količine: pilula 90×38, dugmad 35 px (Hyper). Opseg ladice i stranice korpe: product.css (učitan na proizvodu)
   ima svoj .bmc-qty 125×48 za formu kupovine, pa pravila ovdje nose roditelja (jača specifičnost, bez !important). */
.bmc-cart-drawer .bmc-qty,.bmc-ctable .bmc-qty{display:inline-flex;align-items:center;width:auto;min-width:9rem;height:3.8rem;border-radius:var(--buttons-radius);background:rgb(var(--color-field));box-shadow:none;overflow:visible}
.bmc-cart-drawer .bmc-qty__btn,.bmc-ctable .bmc-qty__btn{display:grid;place-content:center;flex:none;width:3.5rem;height:100%;padding:0;border:0;border-radius:var(--buttons-radius);background:none;color:rgb(var(--color-foreground));transition:opacity .2s}
.bmc-cart-drawer .bmc-qty__btn:disabled,.bmc-ctable .bmc-qty__btn:disabled{opacity:.3;cursor:default}
.bmc-cart-drawer .bmc-qty__input,.bmc-ctable .bmc-qty input.qty{flex:none;width:2.4rem;min-width:2.4rem;field-sizing:content;height:100%;margin:0;padding:0;border:0;background:none;text-align:center;font-size:1.5rem;font-weight:700;line-height:1;-moz-appearance:textfield;appearance:textfield}
.bmc-cart-drawer .bmc-qty__input::-webkit-inner-spin-button,.bmc-cart-drawer .bmc-qty__input::-webkit-outer-spin-button,
.bmc-ctable .bmc-qty input.qty::-webkit-inner-spin-button,.bmc-ctable .bmc-qty input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.bmc-cart-drawer .bmc-qty__input:focus-visible,.bmc-ctable .bmc-qty input.qty:focus-visible{outline-offset:0}
@supports (-webkit-touch-callout:none){.bmc-cart-drawer .bmc-qty__input,.bmc-ctable .bmc-qty input.qty{font-size:1.6rem}}
/* dodir (L2 A11Y-06): −/+ najmanje 44 px */
@media (pointer:coarse){.bmc-cart-drawer .bmc-qty,.bmc-ctable .bmc-qty{height:4.4rem}.bmc-cart-drawer .bmc-qty__btn,.bmc-ctable .bmc-qty__btn{width:4.4rem}}

.bmc-mc__more{margin:2.4rem 0 0;font-size:1.4rem}

/* bm-upsell (sidecart) u tijelu ladice, na mjestu Hyperovog „Pair Well With“; BM crvena umjesto zelene (D-2/D-3) */
.bmc-cart-drawer .bm-upsell-wrap{margin:2.4rem 0 0;padding-top:2.4rem;border-top:1px solid rgb(var(--color-border))}
.bmc-cart-drawer .bm-upsell-heading{margin:0 0 1.6rem;font-family:var(--font-body);font-size:1.6rem;font-weight:700;line-height:2.6rem;color:rgb(var(--color-text-heading))}
.bmc-cart-drawer .bm-upsell-card{gap:1.2rem;margin:0 0 1rem;padding:1rem 1.2rem;border:1px solid rgb(var(--color-border));border-radius:1rem;background:rgb(var(--color-background));transition:border-color .3s,background-color .3s}
.bmc-cart-drawer .bm-upsell-card:hover{border-color:rgb(var(--color-text-heading))}
.bmc-cart-drawer .bm-upsell-card.is-selected{border-style:solid;border-color:rgb(var(--color-text-heading));background:rgb(var(--color-secondary-background))}
.bmc-cart-drawer .bm-upsell-card:focus-within{outline:.2rem solid rgb(var(--color-keyboard-focus));outline-offset:.2rem}
.bmc-cart-drawer .bm-upsell-badge{top:-.9rem;right:1rem;padding:.2rem .8rem;border-radius:var(--badges-radius);background:rgb(var(--color-badge-sale));font-size:1.2rem;line-height:1.6rem}
.bmc-cart-drawer .bm-upsell-img img{width:5.6rem;height:5.6rem;border-radius:.6rem;object-fit:contain;background:rgb(var(--color-secondary-background))}
.bmc-cart-drawer .bm-upsell-name{font-size:1.4rem;font-weight:700;line-height:2rem;color:rgb(var(--color-text-heading))}
.bmc-cart-drawer .bm-upsell-desc{font-size:1.2rem;color:rgb(var(--color-subtext))}
.bmc-cart-drawer .bm-upsell-price{font-size:1.4rem;font-weight:700;color:rgb(var(--color-product-price-sale))}
.bmc-cart-drawer .bm-upsell-price del{color:rgb(var(--color-subtext))} /* bm-upsell #999 = 2,8:1 → #666 (A11Y-02) */
.bmc-cart-drawer .bm-upsell-add{padding:0 1.4rem;height:3.4rem;display:inline-flex;align-items:center;border-radius:var(--buttons-radius);background:rgb(var(--color-secondary-button));color:rgb(var(--color-secondary-button-text));font-size:1.3rem;transition:background-color .3s,color .3s}
.bmc-cart-drawer .bm-upsell-card:hover .bm-upsell-add{background:rgb(var(--color-text-heading));color:#fff}
.bmc-cart-drawer .bm-upsell-card.is-selected .bm-upsell-add{background:rgb(var(--color-text-heading));color:#fff}

/* podnožje (fiksno dole) */
.bmc-mc__foot{flex:none;padding:2.4rem 3rem;border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -5px 10px rgba(0,0,0,.08);background:rgb(var(--color-background))}
.bmc-mc__total{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;margin:0;font-size:1.8rem;font-weight:700;line-height:2.7rem;color:rgb(var(--color-text-heading))}
.bmc-mc__total strong{font-weight:700}
.bmc-mc__note{margin:.2rem 0 1.6rem;font-size:1.3rem;line-height:2rem;color:rgb(var(--color-subtext))}
.bmc-mc__buttons{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr);gap:.8rem;margin:0}
.bmc-mc__btn.btn{min-width:0;padding:0 1.2rem;font-size:1.4rem;letter-spacing:.03em;text-transform:uppercase}

/* prazno stanje (X1 §11.4 tačka 2) */
.bmc-mc__empty{display:flex;flex-direction:column;align-items:center;text-align:center}
.bmc-mc__empty-icon{--icon-size:4.8rem;margin:1.6rem 0 1.2rem;color:rgb(var(--color-subtext))}
.bmc-mc__empty-title{margin:0 0 .8rem}
.bmc-mc__empty-lead{margin:0 0 2rem;font-size:1.4rem;color:rgb(var(--color-subtext))}
.bmc-mc__cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;width:100%;margin:0 0 2.4rem;padding:0;list-style:none;text-align:left}
.bmc-mc__cat{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"m m" "n a";gap:1rem .8rem;align-items:center;color:rgb(var(--color-text-heading))}
.bmc-mc__cat-media{grid-area:m;position:relative;display:block;aspect-ratio:1;border-radius:1rem;overflow:hidden;background:rgb(var(--color-secondary-background))}
.bmc-mc__cat-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--animation-long)}
.bmc-mc__cat-name{grid-area:n;font-size:1.4rem;font-weight:700;line-height:2rem}
.bmc-mc__cat-arrow{grid-area:a;display:grid;place-content:center;width:3rem;height:3rem;border-radius:50%;background:rgb(var(--color-field));transition:background-color .3s,color .3s}
@media (hover:hover){.bmc-mc__cat:hover{color:rgb(var(--color-text-heading))}.bmc-mc__cat:hover .bmc-mc__cat-media img{transform:scale(1.03)}.bmc-mc__cat:hover .bmc-mc__cat-arrow{background:rgb(var(--color-text-heading));color:#fff}}
.bmc-mc__back{max-width:32rem}

/* učitavanje: keširani HTML ima prazno stanje, a kolačić kaže da korpa nije prazna → skeleton dok ne stigne fragment */
.bmc-mc__skeleton{display:none}
.bmc-cart-drawer.is-loading .bmc-mc__empty{display:none}
.bmc-cart-drawer.is-loading .bmc-mc__skeleton{display:flex;flex-direction:column;gap:2.4rem}
.bmc-cart-drawer.is-loading .bmc-mc{pointer-events:none}
.bmc-cart-drawer.is-loading .bmc-mc:not(.bmc-mc--empty) .bmc-mc__body{opacity:.45;transition:opacity .2s}
.bmc-mc__skeleton span{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:0 2rem;animation:bmc-cart-pulse 1.2s ease-in-out infinite alternate}
.bmc-mc__skeleton span::before{content:"";aspect-ratio:1;border-radius:1rem;background:rgb(var(--color-secondary-background))}
.bmc-mc__skeleton span::after{content:"";width:75%;height:7.6rem;background:linear-gradient(rgb(var(--color-secondary-background)) 0 2rem,transparent 2rem 3rem,rgb(var(--color-secondary-background)) 3rem 4.4rem,transparent 4.4rem 5.4rem,rgb(var(--color-secondary-background)) 5.4rem)}
@keyframes bmc-cart-pulse{from{opacity:1}to{opacity:.45}}

/* mobitel (X1 §11.3, §11.7): puna širina, manji razmaci, podnožje iznad iOS trake */
@media (max-width:767px){
	.bmc-cart-drawer__head{padding:1.2rem 1.6rem}
	.bmc-cart-drawer__msg{padding:1rem 1.6rem}
	.bmc-mc__body{padding:2rem 1.6rem}
	.bmc-mc__item{grid-template-columns:10rem minmax(0,1fr);gap:0 1.6rem}
	.bmc-mc__foot{padding:2rem 1.6rem calc(2.4rem + env(safe-area-inset-bottom))}
	.bmc-mc__buttons{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.bmc-mc__btn.btn{font-size:1.3rem;letter-spacing:.02em}
	.bmc-mc__skeleton span{grid-template-columns:10rem minmax(0,1fr);gap:0 1.6rem}
}
/* poruka u jednom redu na telefonu (X1 §11.7 računa 44 px) */
@media (max-width:419px){
	.bmc-cart-drawer__notice{padding:1.1rem 1.2rem;font-size:1.2rem;line-height:1.8rem}
	.bmc-cart-drawer__notice .icon{display:none}
}
@media (max-width:365px){
	.bmc-mc__item{grid-template-columns:8rem minmax(0,1fr);gap:0 1.2rem}
	.bmc-mc__btn.btn{padding:0 .8rem;font-size:1.2rem}
}


/* ušteda (vlasnik 04.11.2026) */
.bmc-mc__save{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem;margin:.6rem 0 0;font-size:1.4rem;font-weight:700;line-height:2rem;color:rgb(var(--color-product-price-sale))}
.bmc-mc__save .amount{color:inherit}
/* manje stavke na telefonu (vlasnik 04.11.2026 „izgleda preveliko“): slika 72, naziv 14, stepper 36 */
@media (max-width:767px){
	.bmc-mc__item{grid-template-columns:7.2rem minmax(0,1fr);gap:0 1.2rem}
	.bmc-mc__name{font-size:1.4rem;line-height:2rem}
	.bmc-mc__sku,.bmc-mc__unit,.bmc-mc__info dl.variation{font-size:1.2rem;line-height:1.8rem}
	.bmc-mc__row{margin-top:.6rem}
	.bmc-mc__line{font-size:1.4rem}
	.bmc-cart-drawer .bmc-qty{height:3.6rem;min-width:0}
	.bmc-cart-drawer .bmc-qty__btn{width:3.6rem}
	.bmc-mc__skeleton span{grid-template-columns:7.2rem minmax(0,1fr);gap:0 1.2rem}
}