/* Stranica korpe (modul shop-korpa). HTML: page-templates/korpa.php, template-parts/shop/korpa-*.php
   Boje i razmaci: varijable u glavni.css (:root). WooCommerceovi stilovi se nadjačavaju većom specifičnošću. */

/* --- Naslov stranice -------------------------------------------------------- */
.strana__uvod{padding-top:var(--r8);padding-bottom:var(--r4);text-align:center}
.strana__nadnaslov{margin-bottom:var(--r2);font:600 12px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--zlato-tekst)}
.strana__naslov{margin-bottom:var(--r3);font:400 clamp(34px,5vw,56px)/1.1 var(--akcent);letter-spacing:.03em}
.strana__uvod .ornament{color:var(--zlato);margin-bottom:0}

/* --- Raspored: stavke lijevo, zbir desno ------------------------------------ */
.korpa-stranica__sadrzaj{padding-bottom:var(--r12)}
.korpa-stranica .woocommerce{display:block}
.korpa-stranica .woocommerce:has(.woocommerce-cart-form){display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--r4);align-items:start}
.korpa-stranica .woocommerce-notices-wrapper{grid-column:1/-1}
.korpa-stranica .woocommerce-notices-wrapper:empty{display:none}
.korpa-stranica .cart-collaterals{position:sticky;top:calc(var(--zaglavlje) + var(--r3));float:none;width:auto}

/* Obavijesti (kupon primijenjen, stavka uklonjena...) */
.korpa-stranica .woocommerce-message,.korpa-stranica .woocommerce-info,.korpa-stranica .woocommerce-error{display:flex;flex-wrap:wrap;align-items:center;gap:var(--r2);margin:0 0 var(--r3);padding:var(--r2) var(--r3);border:1px solid var(--linija);border-left:3px solid var(--zlato);border-radius:2px;background:var(--bijela);color:var(--ponoc);font-size:14px;list-style:none}
.korpa-stranica .woocommerce-message::before,.korpa-stranica .woocommerce-info::before,.korpa-stranica .woocommerce-error::before{display:none}
.korpa-stranica .woocommerce-error{border-left-color:#9B2C2C}
.korpa-stranica .woocommerce-message a.button{order:2;margin-left:auto}

/* --- Tabela stavki ---------------------------------------------------------- */
html body .korpa-stranica .woocommerce-cart-form table.shop_table{display:block;width:100%;margin:0;border:1px solid var(--linija);border-radius:3px;background:var(--bijela);border-collapse:separate}
html body .korpa-stranica .woocommerce-cart-form table.shop_table thead,html body .korpa-stranica .woocommerce-cart-form table.shop_table tbody{display:block}
html body .korpa-stranica .woocommerce-cart-form table.shop_table tr{display:grid;grid-template-columns:32px 88px minmax(0,1fr) 110px 110px 120px;align-items:center;gap:var(--r2);padding:var(--r2) var(--r3);border:0}
html body .korpa-stranica .woocommerce-cart-form table.shop_table thead tr{display:grid!important;padding-top:var(--r2);padding-bottom:var(--r2);border-bottom:1px solid var(--linija)}
html body .korpa-stranica .woocommerce-cart-form table.shop_table th{display:block;padding:0;border:0;font:600 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--taupe);text-align:left}
html body .korpa-stranica .woocommerce-cart-form table.shop_table th.product-remove{grid-column:1}
html body .korpa-stranica .woocommerce-cart-form table.shop_table th.product-thumbnail{grid-column:2}
html body .korpa-stranica .woocommerce-cart-form table.shop_table th.product-name{grid-column:3}
html body .korpa-stranica .woocommerce-cart-form table.shop_table th.product-price{grid-column:4}
html body .korpa-stranica .woocommerce-cart-form table.shop_table th.product-quantity{grid-column:5}
html body .korpa-stranica .woocommerce-cart-form table.shop_table th.product-subtotal{grid-column:6}
html body .korpa-stranica .woocommerce-cart-form table.shop_table th.product-subtotal,html body .korpa-stranica .woocommerce-cart-form table.shop_table td.product-subtotal{text-align:right}
html body .korpa-stranica .woocommerce-cart-form table.shop_table td{display:block;padding:0;border:0;background:transparent!important;text-align:left;font-size:15px}
html body .korpa-stranica .woocommerce-cart-form table.shop_table td.product-remove::before,html body .korpa-stranica .woocommerce-cart-form table.shop_table td.product-thumbnail::before,html body .korpa-stranica .woocommerce-cart-form table.shop_table td.product-name::before{display:none!important}
html body .korpa-stranica .woocommerce-cart-form table.shop_table tr.cart_item{border-bottom:1px solid var(--linija)}

/* Uklanjanje stavke */
html body .korpa-stranica .woocommerce-cart-form td.product-remove a.remove{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;color:var(--taupe);font:300 24px/1 var(--sans);text-decoration:none;transition:background-color .2s,color .2s}
html body .korpa-stranica .woocommerce-cart-form td.product-remove a.remove:hover{background:var(--pijesak);color:var(--ponoc)}

/* Slika i naziv */
html body .korpa-stranica .woocommerce-cart-form td.product-thumbnail a,html body .korpa-stranica .woocommerce-cart-form td.product-thumbnail img{display:block;width:88px;height:88px;object-fit:cover;border-radius:2px;background:var(--pijesak)}
html body .korpa-stranica .woocommerce-cart-form td.product-name{font:400 17px/1.35 var(--akcent);letter-spacing:.04em;text-transform:uppercase}
html body .korpa-stranica .woocommerce-cart-form td.product-name a{text-decoration:none}
html body .korpa-stranica .woocommerce-cart-form td.product-name a:hover{color:var(--zlato-tekst)}
html body .korpa-stranica .woocommerce-cart-form td.product-name dl.variation{display:flex;flex-wrap:wrap;gap:0 var(--r1);margin:var(--r1) 0 0;font:400 13px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--taupe)}
html body .korpa-stranica .woocommerce-cart-form td.product-name dl.variation dt,html body .korpa-stranica .woocommerce-cart-form td.product-name dl.variation dd{margin:0;padding:0}
html body .korpa-stranica .woocommerce-cart-form td.product-name dl.variation dd p{margin:0}

/* Cijene (Montserrat, čitljive cifre) */
html body .korpa-stranica .woocommerce-cart-form td.product-price,html body .korpa-stranica .woocommerce-cart-form td.product-subtotal{font:500 15px/1.3 var(--sans);color:var(--ponoc)}
html body .korpa-stranica .woocommerce-cart-form td.product-subtotal{color:var(--zlato-tekst)}

/* Količina */
html body .korpa-stranica .woocommerce-cart-form .quantity{display:inline-block}
html body .korpa-stranica .woocommerce-cart-form .quantity input.qty{width:72px;min-height:44px;padding:0 var(--r1);border:1px solid var(--linija);border-radius:2px;background:var(--bijela);color:var(--ponoc);font:500 15px/1 var(--sans);text-align:center}
html body .korpa-stranica .woocommerce-cart-form .quantity input.qty:focus{border-color:var(--ponoc);outline:0}

/* Kupon i ažuriranje */
html body .korpa-stranica .woocommerce-cart-form table.shop_table tr:last-child{display:block;padding:var(--r3)}
html body .korpa-stranica .woocommerce-cart-form table.shop_table td.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--r2)}
html body .korpa-stranica .woocommerce-cart-form table.shop_table td.actions .coupon{display:flex;flex-wrap:wrap;gap:var(--r1);float:none}
html body .korpa-stranica .woocommerce-cart-form table.shop_table td.actions .coupon input.input-text{width:200px;min-height:44px;padding:0 var(--r2);border:1px solid var(--linija);border-radius:2px;background:var(--bijela);font:400 14px/1 var(--sans)}
html body .korpa-stranica .woocommerce-cart-form table.shop_table td.actions .coupon input.input-text:focus{border-color:var(--ponoc);outline:0}

/* Dugmad (kupon, ažuriranje, zbir) */
html body .korpa-stranica .button,html body .korpa-stranica button.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--r3);border:1px solid var(--ponoc);border-radius:2px;background:transparent;color:var(--ponoc);font:600 12px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,opacity .2s}
html body .korpa-stranica .button:hover{background:var(--pijesak);color:var(--ponoc)}
html body .korpa-stranica .button:disabled,html body .korpa-stranica .button[disabled]{opacity:.4;cursor:default;pointer-events:none}

/* --- Zbir korpe --------------------------------------------------------------- */
html body .korpa-stranica .cart-collaterals{float:none!important;width:auto!important}
html body .korpa-stranica .cart_totals{float:none!important;width:100%!important;max-width:none;padding:var(--r4) var(--r3);border:1px solid var(--linija);border-radius:3px;background:var(--bijela)}
html body .korpa-stranica .cart_totals h2{margin:0 0 var(--r3);padding-bottom:var(--r2);border-bottom:1px solid var(--linija);font:400 22px/1.3 var(--akcent);letter-spacing:.04em;text-transform:uppercase}
html body .korpa-stranica .cart_totals table.shop_table{display:table;width:100%;border:0;border-radius:0;background:transparent}
html body .korpa-stranica .cart_totals table.shop_table tbody{display:table-row-group}
html body .korpa-stranica .cart_totals table.shop_table tr{display:table-row;padding:0;border:0}
html body .korpa-stranica .cart_totals table.shop_table th,html body .korpa-stranica .cart_totals table.shop_table td{display:table-cell!important;padding:var(--r1) 0;border:0;border-bottom:1px solid var(--linija);font-size:14px;vertical-align:top}
html body .korpa-stranica .cart_totals table.shop_table th{font:600 11px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--taupe)}
html body .korpa-stranica .cart_totals table.shop_table td{text-align:right;font-weight:500}
html body .korpa-stranica .cart_totals table.shop_table tr.order-total th,html body .korpa-stranica .cart_totals table.shop_table tr.order-total td{padding-top:var(--r2);border-bottom:0;color:var(--ponoc)}
html body .korpa-stranica .cart_totals table.shop_table tr.order-total td{font-size:20px;color:var(--zlato-tekst)}
html body .korpa-stranica .cart_totals table.shop_table td::before{display:none}
html body .korpa-stranica .cart_totals table.shop_table th,html body .korpa-stranica .cart_totals table.shop_table td{background:transparent!important}
html body .korpa-stranica .wc-proceed-to-checkout{padding:var(--r3) 0 0}
html body .korpa-stranica .wc-proceed-to-checkout a.checkout-button{display:flex;width:100%;min-height:52px;margin:0;border-color:var(--ponoc);background:var(--ponoc);color:var(--krem);font-size:13px}
html body .korpa-stranica .wc-proceed-to-checkout a.checkout-button:hover{background:var(--espresso);border-color:var(--espresso);color:var(--krem)}

/* --- Prazna korpa ------------------------------------------------------------- */
.korpa-prazna{max-width:520px;margin:0 auto;padding:var(--r6) 0;text-align:center}
.korpa-prazna__naslov{margin-bottom:var(--r1);font:400 26px/1.3 var(--akcent);letter-spacing:.04em}
.korpa-prazna__tekst{margin-bottom:var(--r4);color:var(--taupe)}
.korpa-prazna__dugme{display:inline-flex;align-items:center;min-height:52px;padding:0 var(--r4);border-radius:2px;background:var(--ponoc);color:var(--krem);font:600 12px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background-color .2s}
.korpa-prazna__dugme:hover{background:var(--espresso)}

/* --- Tablet i mobitel ---------------------------------------------------------- */
@media (max-width:980px){
  .korpa-stranica .woocommerce:has(.woocommerce-cart-form){grid-template-columns:1fr}
  .korpa-stranica .cart-collaterals{position:static}
}
@media (max-width:760px){
  .strana__uvod{padding-top:var(--r6)}
  html body .korpa-stranica .woocommerce-cart-form table.shop_table thead{display:none}
  /* Stavka: slika + naziv u prvom redu, ispod cijena / količina / iznos sa oznakama; uklanjanje gore desno */
  html body .korpa-stranica .woocommerce-cart-form table.shop_table tr.cart_item{position:relative;grid-template-columns:72px minmax(0,1fr);grid-template-areas:"slika naziv" "cijena cijena" "kolicina kolicina" "iznos iznos";gap:var(--r1) var(--r2);padding:var(--r2)}
  html body .korpa-stranica .woocommerce-cart-form td.product-thumbnail{grid-area:slika}
  html body .korpa-stranica .woocommerce-cart-form td.product-thumbnail a,html body .korpa-stranica .woocommerce-cart-form td.product-thumbnail img{width:72px;height:72px}
  html body .korpa-stranica .woocommerce-cart-form td.product-name{grid-area:naziv;padding-right:36px;font-size:15px;text-align:left}
  html body .korpa-stranica .woocommerce-cart-form table.shop_table td.product-name,html body .korpa-stranica .woocommerce-cart-form table.shop_table td.product-thumbnail{display:block}
  html body .korpa-stranica .woocommerce-cart-form td.product-remove{position:absolute;top:var(--r1);right:var(--r1)}
  html body .korpa-stranica .woocommerce-cart-form td.product-price{grid-area:cijena}
  html body .korpa-stranica .woocommerce-cart-form td.product-quantity{grid-area:kolicina}
  html body .korpa-stranica .woocommerce-cart-form td.product-subtotal{grid-area:iznos;text-align:left}
  html body .korpa-stranica .woocommerce-cart-form table.shop_table td.product-price,html body .korpa-stranica .woocommerce-cart-form table.shop_table td.product-quantity,html body .korpa-stranica .woocommerce-cart-form table.shop_table td.product-subtotal{display:flex;align-items:center;justify-content:space-between;padding-top:var(--r1);border-top:1px solid var(--linija);text-align:right}
  html body .korpa-stranica .woocommerce-cart-form table.shop_table td.product-price::before,html body .korpa-stranica .woocommerce-cart-form table.shop_table td.product-quantity::before,html body .korpa-stranica .woocommerce-cart-form table.shop_table td.product-subtotal::before{content:attr(data-title);float:none;font:600 11px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--taupe)}
  html body .korpa-stranica .woocommerce-cart-form table.shop_table td.actions{flex-direction:column;align-items:stretch}
  html body .korpa-stranica .woocommerce-cart-form table.shop_table td.actions .coupon{flex-direction:column}
  html body .korpa-stranica .woocommerce-cart-form table.shop_table td.actions .coupon input.input-text{width:100%}
}