/* Modul Depozit: stranica /deposit/ i polja depozita na plaćanju. Boje: Amman = espresso, Sultan = zlato. */

/* --- Jezik: bez JS-a odlučuje data-jezik na omotaču stranice (BS zadano) --- */
.depozit-stranica[data-jezik="bs"] .jz-en,
.depozit-stranica[data-jezik="en"] .jz-bs{display:none!important}

.dpz-jezik{display:inline-flex;gap:0;margin-top:var(--r3);border:1px solid var(--linija);border-radius:2px;overflow:hidden}
.dpz-jezik a{padding:8px 18px;font:600 12px/1 var(--sans);letter-spacing:.14em;text-decoration:none;color:var(--taupe);background:var(--bijela);transition:background-color .2s,color .2s}
.dpz-jezik a+a{border-left:1px solid var(--linija)}
.dpz-jezik a[aria-current]{background:var(--ponoc);color:var(--krem)}

.dpz-stranica{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:start;max-width:1100px;margin:0 auto}
@media (max-width:860px){.dpz-stranica{grid-template-columns:1fr;gap:24px}}

/* --- Pravila depozita (blokovi) --- */
.dpz-pravila{padding:var(--r4);background:var(--pijesak);border:1px solid var(--linija);border-top:3px solid var(--zlato);border-radius:3px}
.dpz-pravila h2{margin:0 0 var(--r3);font:400 22px/1.3 var(--akcent);letter-spacing:.03em;color:var(--ponoc)}
.dpz-pravila p{margin:0 0 12px;font:400 15px/1.75 var(--sans);color:var(--taupe)}
.dpz-pravila p:last-child{margin-bottom:0}

/* --- Forma --- */
.dpz-forma{padding:var(--r4);background:var(--bijela);border:1px solid var(--linija);border-radius:3px}
.dpz-grupa{margin:0 0 var(--r4);padding:0;border:0}
.dpz-grupa legend,.dpz-naslov{display:block;margin:0 0 8px;padding:0;font:600 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ponoc)}
.dpz-pomoc{margin:0 0 12px;font:400 14px/1.6 var(--sans);color:var(--taupe)}
.dpz-pomoc--dno{margin:var(--r2) 0 0;font-size:13px;text-align:center}

.dpz-saloni{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:480px){.dpz-saloni{grid-template-columns:1fr}}
.dpz-salon{position:relative;display:block;cursor:pointer}
.dpz-salon input{position:absolute;opacity:0;pointer-events:none}
.dpz-salon__tijelo{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--linija);border-left:4px solid var(--linija);border-radius:3px;background:var(--krem);transition:border-color .2s,background-color .2s,box-shadow .2s}
.dpz-salon__tijelo strong{font:400 19px/1.3 var(--akcent);letter-spacing:.03em;color:var(--ponoc)}
.dpz-salon__tijelo small{font:400 13px/1.5 var(--sans);color:var(--taupe)}
.dpz-salon--amman:hover .dpz-salon__tijelo,.dpz-salon--amman input:checked+.dpz-salon__tijelo{border-left-color:var(--espresso)}
.dpz-salon--sultan:hover .dpz-salon__tijelo,.dpz-salon--sultan input:checked+.dpz-salon__tijelo{border-left-color:var(--zlato)}
.dpz-salon input:checked+.dpz-salon__tijelo{background:var(--bijela);border-color:var(--ponoc);box-shadow:0 0 0 1px var(--ponoc)}
.dpz-salon--amman input:checked+.dpz-salon__tijelo{border-left-color:var(--espresso)}
.dpz-salon--sultan input:checked+.dpz-salon__tijelo{border-left-color:var(--zlato)}
.dpz-salon input:focus-visible+.dpz-salon__tijelo{outline:2px solid var(--zlato);outline-offset:2px}

.dpz-osoba{display:inline-flex;border:1px solid var(--linija);border-radius:3px;overflow:hidden}
.dpz-osoba input{width:72px;height:48px;border:0;border-left:1px solid var(--linija);border-right:1px solid var(--linija);border-radius:0;text-align:center;font:600 17px/1 var(--sans);color:var(--ponoc);background:var(--bijela);-moz-appearance:textfield}
.dpz-osoba input::-webkit-outer-spin-button,.dpz-osoba input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.dpz-korak{width:48px;height:48px;border:0;background:var(--krem);font:400 22px/1 var(--sans);color:var(--ponoc);cursor:pointer;transition:background-color .2s}
.dpz-korak:hover{background:var(--pijesak)}

.dpz-ukupno{margin:0 0 var(--r3);font:400 15px/1.4 var(--sans);color:var(--taupe)}
.dpz-ukupno strong{margin-left:6px;font:400 26px/1.2 var(--akcent);letter-spacing:.02em;color:var(--zlato-tekst)}
.dpz-dugme{width:100%}

/* --- Polja depozita na plaćanju --- */
html body .placanje-stranica #billing_deposit_spa_field .woocommerce-input-wrapper{display:flex;flex-wrap:wrap;gap:12px}
/* WooCommerce ispisuje input pa label kao susjede; tema sakriva native radio, pa je "kartica" sam label */
html body .placanje-stranica #billing_deposit_spa_field label.radio{display:inline-flex;align-items:center;gap:10px;margin:0;padding:14px 18px 14px 14px;border:1px solid var(--linija);border-left:4px solid var(--linija);border-radius:3px;background:var(--krem);cursor:pointer;font:400 14px/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--ponoc);transition:border-color .2s,background-color .2s,box-shadow .2s}
html body .placanje-stranica #billing_deposit_spa_field label.radio::before{content:"";flex:0 0 18px;height:18px;border:2px solid var(--taupe);border-radius:50%;background:var(--bijela);transition:border-color .2s,background-color .2s,box-shadow .2s}
html body .placanje-stranica #billing_deposit_spa_field label.radio .required{display:none}
html body .placanje-stranica #billing_deposit_spa_field input#billing_deposit_spa_amman:checked+label.radio,
html body .placanje-stranica #billing_deposit_spa_field label.radio[for="billing_deposit_spa_amman"]:hover{border-left-color:var(--espresso)}
html body .placanje-stranica #billing_deposit_spa_field input#billing_deposit_spa_sultan:checked+label.radio,
html body .placanje-stranica #billing_deposit_spa_field label.radio[for="billing_deposit_spa_sultan"]:hover{border-left-color:var(--zlato)}
html body .placanje-stranica #billing_deposit_spa_field input:checked+label.radio{border-color:var(--ponoc);background:var(--bijela);box-shadow:0 0 0 1px var(--ponoc);font-weight:600}
html body .placanje-stranica #billing_deposit_spa_field input#billing_deposit_spa_amman:checked+label.radio{border-left-color:var(--espresso)}
html body .placanje-stranica #billing_deposit_spa_field input#billing_deposit_spa_sultan:checked+label.radio{border-left-color:var(--zlato)}
html body .placanje-stranica #billing_deposit_spa_field input:checked+label.radio::before{border-color:var(--ponoc);background:var(--ponoc);box-shadow:inset 0 0 0 3px var(--bijela)}
html body .placanje-stranica #billing_deposit_spa_field input:focus-visible+label.radio{outline:2px solid var(--zlato);outline-offset:2px}