/* WooCommerce override — dopunjava se u kasnijim taskovima. */
.woocommerce-no-js .hidden{display:none}

/* Woo bridge */
ul.products{list-style:none;margin:0;padding:0}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{margin:0;padding:0;width:auto}
.price .amount,.product .price{color:var(--ink)}
.star-rating{display:none} /* koristimo vlastite zvjezdice */
.added_to_cart{display:none}
.woocommerce-result-count{color:var(--muted);font-size:.86rem}
.woocommerce-ordering select{border:1px solid var(--line);border-radius:10px;padding:.5em .8em;font-family:"Mulish"}

/* === T16: single product === */
/* btn-navy / btn-ghost (dizajn-shop-proizvod.html 34–37) */
.btn-navy{background:transparent;color:var(--ink);border:1.5px solid #b9c4cc}
.btn-navy:hover{border-color:var(--ink)}
.btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}

/* breadcrumb (82–86) */
.crumb{padding:22px 0 4px;font-size:.88rem;color:var(--muted);display:flex;gap:.5rem;align-items:center}
.crumb a:hover{color:var(--ink)}
.crumb .sep{opacity:.5}
.crumb b{color:var(--ink);font-weight:700}

/* product top (88–99) */
.ptop{display:grid;grid-template-columns:480px 1fr;gap:48px;padding:22px 0 56px;align-items:start}
.gallery{display:grid;grid-template-columns:78px 1fr;gap:16px}
.thumbs{display:flex;flex-direction:column;gap:12px}
.thumbs .cover{aspect-ratio:3/4;cursor:pointer;border:2px solid transparent;border-radius:8px}
.thumbs .cover.on{border-color:var(--coral)}
.maincover{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;position:relative}
.maincover .cover{aspect-ratio:3/4;box-shadow:0 24px 44px -24px rgba(0,0,0,.45)}
.maincover .chip{position:absolute;top:20px;left:20px}
.maincover .zoom{position:absolute;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#fff;
   border:1px solid var(--line);display:grid;place-items:center}
.maincover .zoom svg{width:18px;height:18px;stroke:var(--ink);fill:none;stroke-width:1.8}

/* pinfo / ratingrow (101–111) */
.pinfo .label{font-family:"Mulish";font-weight:800;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--coral)}
.pinfo h1{font-size:clamp(1.9rem,3vw,2.6rem);font-weight:700;margin:.5rem 0 .3rem}
.pinfo .by{color:var(--muted);font-size:1rem}
.pinfo .by a{color:var(--navy);font-weight:700}
.ratingrow{display:flex;align-items:center;gap:1rem;margin:1rem 0 1.2rem}
.stars{display:flex;align-items:center;gap:.4rem}
.stars .s{display:flex;gap:1px}.ratingrow .stars svg,.revsum .stars svg{width:16px;height:16px}
.ratingrow .rev{font-size:.86rem;color:var(--muted)}
.ratingrow .sep{width:1px;height:16px;background:var(--line)}
.ratingrow .stock{font-weight:700;font-size:.86rem;color:var(--stock);display:flex;align-items:center;gap:.4em}
.ratingrow .stock i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--stock)}

/* pricebox / pdesc / meta (113–123) */
.pricebox{display:flex;align-items:baseline;gap:1rem;margin:1.3rem 0}
.pricebox .now{font-size:2.4rem}
.pricebox .old{font-size:1.3rem;color:var(--muted);text-decoration:line-through;font-weight:600;font-family:"Poppins"}
.pricebox .save{background:var(--save-bg);color:var(--coral-d);font-weight:800;font-size:.8rem;padding:.35em .7em;border-radius:6px}
.pdesc{color:#4a4e54;font-size:1rem;margin-bottom:1.5rem;max-width:60ch}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 2rem;margin-bottom:1.6rem;max-width:560px}
.meta div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px dashed var(--line);font-size:.9rem}
.meta span{color:var(--muted)}
.meta b{font-family:"Poppins";font-weight:600}

/* buyrow / qty / iconbtn-lg (125–133) */
.buyrow{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}
.qty{display:flex;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:999px;overflow:hidden}
.qty button{width:44px;height:48px;border:0;background:transparent;font-size:1.3rem;cursor:pointer;color:var(--ink)}
.qty button:hover{color:var(--action)}
.qty input{width:44px;text-align:center;border:0;outline:0;font-family:"Poppins";font-weight:600;font-size:1.05rem;background:transparent}
.buyrow .btn-coral{padding-inline:2.4em}
.iconbtn-lg{width:50px;height:50px;border-radius:50%;border:1.5px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer}
.iconbtn-lg svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.7}
.iconbtn-lg:hover{border-color:var(--coral)}.iconbtn-lg:hover svg{stroke:var(--coral)}
.iconbtn-lg.on{border-color:var(--coral)}
.iconbtn-lg.on svg{stroke:var(--coral);fill:var(--coral)}

/* assure (135–137) */
.assure{display:flex;gap:1.6rem;flex-wrap:wrap;padding-top:1.2rem;border-top:1px solid var(--line)}
.assure div{display:flex;align-items:center;gap:.6rem;font-size:.86rem;color:#4a4e54;font-weight:600}
.assure svg{width:22px;height:22px;stroke:var(--muted);fill:none;stroke-width:1.6}

/* adaptacije */
.thumbs .thumb{padding:0;border:2px solid transparent;border-radius:8px;background:none;cursor:pointer;overflow:hidden}
.thumbs .thumb.on{border-color:var(--coral)}
.thumbs .thumb img{aspect-ratio:3/4;object-fit:cover;display:block}
.maincover img{aspect-ratio:3/4;object-fit:cover;border-radius:8px;box-shadow:0 24px 44px -24px rgba(0,0,0,.45)}
.qty input.qty{width:44px;text-align:center;border:0;outline:0;font-family:"Poppins";font-weight:600;font-size:1.05rem;background:transparent;-moz-appearance:textfield}
.qty input.qty::-webkit-outer-spin-button,.qty input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.buyrow{align-items:center}
.pricebox .now .amount{color:var(--ink);font-weight:800;font-family:"Poppins";font-size:2.4rem}

/* ---- tabs section (139–187) ---- */
.detail{display:grid;grid-template-columns:1fr 340px;gap:40px;padding-bottom:56px;align-items:start}
.tabbar{display:flex;gap:1.8rem;border-bottom:1px solid var(--line);margin-bottom:24px}
.dtab{font-family:"Poppins";font-weight:600;font-size:1.1rem;color:var(--muted);padding:0 0 14px;cursor:pointer;
     background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;transition:.15s}
.dtab.on{color:var(--ink);border-bottom-color:var(--coral)}
.dtab:focus{outline:none}
.dtab:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:4px}
.tabpane{display:none;animation:fade .25s ease}
.tabpane.on{display:block}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.tabpane p{color:var(--text);line-height:1.65;margin-bottom:1rem;max-width:68ch}
.tabpane h4{font-size:1.15rem;margin:1.4rem 0 .6rem}

/* review summary */
.revsum{display:flex;gap:2.4rem;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px;margin-bottom:24px;flex-wrap:wrap}
.revsum .big{font-family:"Poppins";font-weight:700;font-size:3rem;line-height:1}
.revsum .bars{flex:1;min-width:240px;display:flex;flex-direction:column;gap:.35rem}
.bar{display:flex;align-items:center;gap:.7rem;font-size:.82rem;color:var(--muted)}
.bar .track{flex:1;height:7px;background:#eee;border-radius:99px;overflow:hidden}
.bar .fill{height:100%;background:var(--butter)}
.review{display:flex;gap:1rem;padding:18px 0;border-bottom:1px solid var(--line)}
.review .av{width:44px;height:44px;flex:none;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:"Poppins";font-weight:600}
.review b{font-family:"Poppins"}
.review .when{font-size:.78rem;color:var(--muted)}
.review p{margin:.4rem 0 0;color:#4a4e54;font-size:.94rem}

/* sidebar card in detail */
.sidecard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:22px}
.sidecard h4{font-size:1.05rem;margin-bottom:1rem}
.mini-item{display:flex;gap:.9rem;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.mini-item:last-child{border-bottom:0}
.mini-item .th{width:48px;flex:none}.mini-item .th .cover{aspect-ratio:3/4;border-radius:5px}
.mini-item b{font-family:"Poppins";font-weight:600;font-size:.88rem;display:block;line-height:1.2}
.mini-item .price{font-size:.9rem}
.promobox{background:var(--navy);color:#fff;border-radius:var(--radius);padding:26px;text-align:center}
.promobox .eyebrow{font-family:"Poppins";font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--promo-hl)}
.promobox b{font-family:"Poppins";font-weight:700;font-size:1.5rem;display:block;margin:.5rem 0 .8rem}
.promobox .coral{color:var(--promo-hl)}
.promobox .btn{background:var(--coral);color:#fff}
.promobox .btn:hover{background:var(--coral-d)}

/* related */
.related{padding:10px 0 64px}
.related .sec-head{display:flex;align-items:center;border-bottom:1px solid var(--line);margin-bottom:24px}
.related .sec-head h2{font-size:1.5rem;padding-bottom:14px;border-bottom:2px solid var(--coral);margin-bottom:-1px}
.related .sec-head .viewall{margin-left:auto;margin-bottom:10px}
.pgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.product{cursor:pointer}
.product .imgwrap{position:relative;margin-bottom:.7rem}
.product .imgwrap .chip{position:absolute;top:8px;left:8px}
.product h3{font-family:"Poppins";font-weight:600;font-size:.95rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product .author{font-size:.82rem;color:var(--muted);margin:.2rem 0 .25rem}
.product .stars{margin:.1rem 0 .3rem}

/* adaptacije */
.detail-main{min-width:0}
.mini-item .th img{aspect-ratio:3/4;border-radius:5px;object-fit:cover}
.review .av{text-transform:uppercase}
#pane-recenzije .comment-form{margin-top:24px}
#pane-recenzije .commentlist{list-style:none;margin:0;padding:0}

/* --- arhiva --- */
.archive-head{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--line);margin-bottom:24px}
.archive-title{font-size:1.5rem;padding-bottom:14px;border-bottom:2px solid var(--coral);margin-bottom:-1px}
.archive-tools{margin-left:auto;display:flex;align-items:center;gap:1rem;padding-bottom:10px}
.archive-head .pgrid{margin-top:0}
/* Paginacija trgovine — selektori s `nav.` prefiksom da PREGAZE WooCommerceov
   vlastiti CSS (on spaja brojeve u sivi trak s okvirom). Stil: okrugle pilule. */
.woocommerce nav.woocommerce-pagination{text-align:center}
.woocommerce nav.woocommerce-pagination ul{
  border:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;
  list-style:none;padding:0;margin:28px 0 8px;white-space:normal}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0;float:none;overflow:visible}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  display:grid;place-items:center;min-width:42px;height:42px;padding:0 .55em;
  border:1px solid var(--line);border-radius:999px;background:#fff;
  font-family:"Poppins";font-weight:600;font-size:.95rem;color:var(--navy);line-height:1}
.woocommerce nav.woocommerce-pagination ul li a:hover{border-color:var(--ink);color:var(--ink);background:var(--sky-pale)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ink);border-color:var(--ink);color:#fff}
.woocommerce nav.woocommerce-pagination ul li span.dots{border:0;background:transparent;min-width:26px;color:#999}

/* --- gumbi --- */
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit{
  background:var(--action);color:#fff;border-radius:999px;font-family:"Poppins";font-weight:600;padding:.8em 1.7em;border:0;transition:.16s}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce input.button:hover{background:var(--action-d)}
.woocommerce .button.alt,.woocommerce #place_order{background:var(--action-d)}
.woocommerce .button.alt:hover,.woocommerce #place_order:hover{background:var(--action-d)}

/* --- notices --- */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--coral);border-radius:10px}
.woocommerce-message{border-top-color:var(--stock)}

/* --- cart / checkout / account okviri --- */
.woocommerce table.shop_table{border-radius:var(--radius);border:1px solid var(--line)}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #order_review,.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce form.checkout_coupon,.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce .select2-container .select2-selection{
  border:1.5px solid var(--line);border-radius:10px;padding:.6em .9em;min-height:auto}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.3rem}
.woocommerce-MyAccount-navigation a{display:block;padding:.6em .9em;border-radius:10px}
.woocommerce-MyAccount-navigation .is-active a{background:var(--sky-pale);color:var(--ink);font-weight:700}

@media(max-width:1100px){
  .layout main{order:-1}
  .ptop{grid-template-columns:380px 1fr;gap:32px}
  .detail{grid-template-columns:1fr}
  .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .ptop{grid-template-columns:1fr;gap:22px;padding-top:10px}
  /* galerija: glavna slika gore, minijature u vodoravnom redu ispod */
  .gallery{display:flex;flex-direction:column;gap:12px}
  .gallery .maincover{order:-1;width:100%;max-width:360px;margin-inline:auto}
  .gallery .thumbs{flex-direction:row;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;justify-content:center}
  .gallery .thumbs .thumb{flex:0 0 60px;width:60px}
  .gallery .thumbs:has(.thumb:only-child){display:none}
  .pinfo{padding-top:2px}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .meta{grid-template-columns:1fr}
}

/* ============================================================
   BOX NOW — kartica za odabir paketomata (ubacuje se u blok blagajnu)
   ============================================================ */
.librich-boxnow{
  margin:0 0 1.5rem;padding:1.25rem;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--card)
}
.librich-boxnow[hidden]{display:none}
.librich-boxnow__title{margin:0 0 .35rem;font-family:"Poppins",sans-serif;font-size:1.05rem;font-weight:600}
.librich-boxnow__hint{margin:0 0 .85rem;color:var(--muted);font-size:.9rem}
.librich-boxnow .librich-boxnow-open{
  display:inline-flex;align-items:center;gap:.45rem;
  font-family:"Poppins",sans-serif;font-weight:600;font-size:.95rem;
  background:var(--action);color:#fff;border:0;cursor:pointer;
  padding:.7rem 1.25rem;border-radius:999px;transition:background .15s ease
}
.librich-boxnow .librich-boxnow-open:hover{background:var(--action-d)}
.librich-boxnow .librich-boxnow-open::before{content:"📍"}
.librich-boxnow__summary{
  margin-top:.85rem;padding:.7rem .9rem;border-radius:var(--radius);
  background:var(--sage);border:1px solid #BFD9EA;font-size:.95rem;color:var(--ink)
}
.librich-boxnow__label{font-weight:600}
/* #boxnowmap drži widgetov fixed-overlay iframe u popup modu — NE smije display:none (sakrio bi popup).
   Widget iframe ima z-index:auto pa elementi blagajne (snackbar z:100000, plaćanje, Naruči) probijaju
   iznad njega — dižemo ga na vrh da popup prekrije cijelu blagajnu. */
#boxnowmap iframe{z-index:2147483647 !important}
/* Zaključaj skrol stranice dok je popup karta otvorena. */
html.librich-boxnow-modal-open,html.librich-boxnow-modal-open body{overflow:hidden !important}

/* Odabrani paketomat na thank-you / Moj račun */
.librich-boxnow-details{
  margin:1.25rem 0;padding:1rem 1.25rem;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--card)
}
.librich-boxnow-details h2{margin:0 0 .4rem;font-size:1.05rem;font-family:"Poppins",sans-serif}

/* ===== Moj račun: Adrese — kartice s jasnim gumbom ===== */
.addr-intro{color:#666;margin:0 0 1.1rem}
.addr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
@media(max-width:640px){.addr-grid{grid-template-columns:1fr}}
.addr-card{
  border:1px solid var(--line);border-radius:var(--radius);background:var(--card);
  padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start
}
.addr-card h3{margin:0;font-size:1.05rem;font-family:"Poppins",sans-serif}
.addr-card address{font-style:normal;line-height:1.55;min-height:2.6em;margin:0}
.addr-card .addr-empty{color:#888;font-style:italic}

/* ---------- lightbox galerije proizvoda ---------- */
.lightbox{position:fixed;inset:0;z-index:1100;display:grid;place-items:center}
.lightbox[hidden]{display:none}
.lb-backdrop{position:absolute;inset:0;background:rgba(16,24,31,.88)}
.lb-img{position:relative;max-width:88vw;max-height:86vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7)}
.lb-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);cursor:pointer;display:grid;place-items:center;z-index:2}
.lb-close svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2}
.lb-prev,.lb-next{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;
     background:rgba(255,255,255,.14);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;z-index:2;font-family:"Poppins"}
.lb-prev{left:14px}
.lb-next{right:14px}
.lb-prev:hover,.lb-next:hover,.lb-close:hover{background:rgba(255,255,255,.28)}
.lb-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-family:"Poppins";font-weight:600;font-size:.85rem;opacity:.85;z-index:2}
@media(max-width:720px){
  .lb-prev{left:6px}
  .lb-next{right:6px}
  .lb-img{max-width:96vw}
}

/* Obavijest o doplati za nabavu (ET artikli) */
.et-fee-note{
	margin:8px 0 0;
	padding:8px 12px;
	border-radius:8px;
	background:var(--field);
	border:1px solid var(--line);
	color:var(--muted);
	font-size:13px;
	line-height:1.45;
}

/* ============================================================
   BLOK KOŠARICA I BLAGAJNA (wc-block-*)
   Košarica/blagajna se renderiraju iz Reacta, s vlastitim `wc-block-*`
   klasama — klasični `.woocommerce .button` selektori gore ih NE hvataju,
   pa bez ovoga naslijede WP-ov tamnosivi `.wp-element-button`.

   Specifičnost: WC-ov blok CSS gađa te klase najjače pravilom
   `body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link)`
   = (0,3,1) — ali ono nosi SAMO `min-height:3em`, koje se ionako poklapa s našim.
   Za sve VIDLJIVE deklaracije (bg, boja, padding, radius, font) WC-ova najjača
   pravila su (0,2,0)/(0,1,0), pa nas tip-selektor `body` (→ 0,2,1) sigurno diže
   iznad njih bez `!important`. IZUZETAK su `:focus`/`:disabled` — WC ondje ide na
   (0,3,0)–(0,4,1), pa te slučajeve dolje rješavamo jačom specifičnošću posebno.
   ============================================================ */

/* --- gumbi: "Kreni na plaćanje", "Naruči", "Primijeni" (kupon) --- */
body .wc-block-components-button:not(.is-link){
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:"Poppins",sans-serif;font-weight:600;font-size:.95rem;line-height:1.2;
  background:var(--action);color:#fff;text-decoration:none;
  border:0;border-radius:999px;padding:.8em 1.7em;min-height:3em;
  cursor:pointer;transition:background .16s ease
}
body .wc-block-components-button:not(.is-link):hover{background:var(--action-d);color:#fff;text-decoration:none}
body .wc-block-components-button:not(.is-link) .wc-block-components-button__text{text-decoration:none}
/* Onemogućen gumb: blijedimo CIJELI gumb (opacity .5). WC dodatno blijedi SAMO
   labelu (`…__text{opacity:.5}`), pa se dvije prozirnosti množe → labela na 25 %.
   Vraćamo labelu na punu, da tekst ostane čitljiv unutar poluprozirnog gumba. */
body .wc-block-components-button:not(.is-link):disabled,
body .wc-block-components-button:not(.is-link)[aria-disabled=true]{opacity:.5;cursor:default}
body .wc-block-components-button:not(.is-link):disabled .wc-block-components-button__text,
body .wc-block-components-button:not(.is-link)[aria-disabled=true] .wc-block-components-button__text{opacity:1}
/* Fokus: WC gura plavi (#0675c4) box-shadow i preko `:focus` (0,3,0) i preko
   `body:not(.woocommerce-block-theme-has-button-styles) …:focus` (0,4,1). Naš
   raniji zapis je bio TOČNO (0,4,1) — neriješeno, odlučivao bi redoslijed učitavanja.
   Udvostručenjem klase idemo na (0,5,1) i ne oslanjamo se na `…-has-button-styles`
   gate, pa reset vrijedi i ako tema ikad dobije theme.json dugmad. Miš = bez prstena,
   tipkovnica (`:focus-visible`) = tanki ink obrub. */
body .wc-block-components-button.wc-block-components-button:not(.is-link):focus:not(:focus-visible){
  box-shadow:none;outline:none
}
body .wc-block-components-button.wc-block-components-button:not(.is-link):focus-visible{
  box-shadow:none;outline:2px solid var(--ink);outline-offset:3px
}
/* Glavni CTA-ovi ("Kreni na plaćanje" + "Naruči"): puna širina, mrvicu krupnije,
   i tamnija podloga --action-d — tako (a) prate temin klasični `#place_order`
   (woocommerce.css:178) i (b) prelaze WCAG AA (bijelo na --action #2a7fb8 = 4.35:1
   pada, na --action-d #226a9b = 5.83:1 prolazi). Sekundarni gumbi (kupon) ostaju
   na --action, kao klasični `.woocommerce .button`. */
body .wc-block-components-button.wc-block-cart__submit-button,
body .wc-block-components-button.wc-block-components-checkout-place-order-button{
  width:100%;font-size:1rem;padding-inline:1.4em;background:var(--action-d)
}
body .wc-block-components-button.wc-block-cart__submit-button:hover,
body .wc-block-components-button.wc-block-components-checkout-place-order-button:hover{background:var(--action-d)}

/* --- količina: pilula kao `.qty` na stranici artikla --- */
body .wc-block-components-quantity-selector{
  width:auto;min-width:120px;background:#fff;
  border:1.5px solid var(--line);border-radius:999px;overflow:hidden
}
body .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{
  min-width:40px;padding:0;color:var(--ink);
  font-family:"Poppins",sans-serif;font-weight:600;font-size:1rem;line-height:1
}
/* WC-ov jedini fokus na inputu je inset box-shadow (+ `outline:none`). Gasimo ga,
   ali MORAMO vratiti vlastiti prsten — inače fokusirani input nema nikakvu oznaku. */
body .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus{box-shadow:none}
body .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus-visible{
  box-shadow:none;outline:2px solid var(--action);outline-offset:-2px
}
body .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button{
  position:relative;width:40px;min-width:40px;height:40px;
  border-radius:0;opacity:1;color:var(--ink);
  /* WC u gumbe upisuje "−" (U+2212) i "＋" (U+FF0B, FULLWIDTH). Fullwidth plus
     nije u Mulish subsetu → crta ga fallback font s drugim metrikama, pa − i +
     sjede na različitim visinama. Gasimo glifove i crtamo crtice sami. */
  font-size:0
}
/* Krajnji gumbi dobivaju radius pilule (a ne 0) da im fokus-obrub prati oblinu
   umjesto da ga `overflow:hidden` pilule odreže u polupravokutnik. */
body .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--minus{border-radius:999px 0 0 999px}
body .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--plus{border-radius:0 999px 999px 0}
body .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button::before,
body .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--plus::after{
  content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  background:currentColor;border-radius:1px
}
body .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button::before{width:12px;height:2px}
body .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--plus::after{width:2px;height:12px}
body .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover{color:var(--action)}
body .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled{opacity:.35}
body .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus{box-shadow:none;outline:none}
body .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus-visible{
  outline:2px solid var(--action);outline-offset:-2px
}