/* PSD – stranica Doniraj i obrazac [psd_donacija] (05.10.2026). Učitava se samo na strani sa obrascem. */

/* Traka „Doniraj / Akcije“ nije potrebna na samoj strani za donacije (na telefonu je prekrivala polje „Drugi iznos“). */
.psd-doniraj .psd-traka{display:none!important}
@media (max-width:781px){ body.psd-doniraj{padding-bottom:0} }

/* ===== Raspored: telefon = jedna kolona (foto, naslov, obrazac, akcija, računi); računar = priča levo, obrazac desno ===== */
.psd-don-raspored{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding-top:8px;padding-bottom:48px}
.psd-don-raspored > *{min-width:0;margin-top:0!important;margin-bottom:0!important}
.psd-don-uvod{display:flex;flex-direction:column;gap:10px}
.psd-don-uvod h1{margin:0}
.psd-don-uvod p{margin:0;max-width:58ch}
.psd-don-foto{order:-1;margin:0!important}
.psd-don-foto img{display:block;width:100%;height:auto!important;aspect-ratio:4/3;object-fit:cover;object-position:center 35%;border-radius:var(--psd-r)}
.psd-don-foto figcaption{margin:8px 4px 0!important;font-size:14px;color:var(--psd-sivo);text-align:left}
@media (min-width:1000px){
 .psd-don-raspored{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"uvod don" "foto don" "akcija don" "racuni don";column-gap:48px;row-gap:24px;align-items:start;padding-top:24px}
 .psd-don-uvod{grid-area:uvod}
 .psd-don-foto{grid-area:foto;order:0}
 .psd-don-foto img{aspect-ratio:16/10}
 .psd-don-kartica{grid-area:don;position:sticky;top:96px}
 .psd-don-akcija{grid-area:akcija}
 .psd-don-racuni{grid-area:racuni}
}

/* ===== Kartica sa obrascem ===== */
.psd-don-kartica{padding:24px 20px!important;display:flex;flex-direction:column;gap:14px}
.psd-don-kartica > h2{margin:0!important}
@media (min-width:600px){ .psd-don-kartica{padding:30px 28px!important} }

.psd-don{display:flex;flex-direction:column;gap:14px}
.psd-don button{font-family:inherit;cursor:pointer}
.psd-don button:focus-visible{outline:3px solid var(--psd-plava);outline-offset:2px}

.psd-don__ucestalost{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:var(--psd-pesak);border-radius:18px;padding:5px}
.psd-don__ucestalost button{min-height:58px;border:0;border-radius:14px;background:transparent;color:var(--psd-plava);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 8px;text-align:center}
.psd-don__ucestalost b{font-size:16px;font-weight:800;line-height:1.2}
.psd-don__ucestalost small{font-size:12px;font-weight:800;line-height:1.2;color:var(--psd-sivo)}
.psd-don__ucestalost .psd-don__bedz{color:var(--psd-crvena-tamna)}
.psd-don__ucestalost button[aria-pressed="true"]{background:#fff;box-shadow:var(--psd-senka-mala)}

.psd-don__iznosi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.psd-don__iznosi button{height:56px;border-radius:16px;border:2px solid var(--psd-ivica);background:#fff;color:var(--psd-plava);font-size:clamp(16px,4.6vw,20px);font-weight:900;padding:0 2px;white-space:nowrap;font-variant-numeric:tabular-nums}
.psd-don__iznosi button[aria-pressed="true"]{border-color:var(--psd-crvena);background:var(--psd-roze);color:var(--psd-crvena-tamna)}
.psd-don__drugi{height:48px;border-radius:14px;border:2px dashed var(--psd-ivica);background:#fff;color:var(--psd-plava);font-size:16px;font-weight:800}
.psd-don__polje{display:flex;align-items:center;gap:8px;border:2px solid var(--psd-crvena);border-radius:14px;padding:0 14px;background:#fff}
.psd-don__polje span{font-weight:900;font-size:19px;color:var(--psd-plava)}
.psd-don__polje input{border:0!important;outline:0;box-shadow:none!important;font:inherit;font-size:18px;font-weight:800;color:var(--psd-plava);width:100%;min-width:0;height:48px;background:transparent;padding:0!important}

.psd-don__ucinak{display:flex;gap:12px;align-items:flex-start;background:var(--psd-krem);border:1px dashed #E2CFC0;border-radius:16px;padding:12px 14px;color:var(--psd-crvena)}
.psd-don__ucinak svg{flex-shrink:0;margin-top:2px}
.psd-don__ucinak > div{display:flex;flex-direction:column;gap:3px;min-width:0}
.psd-don__oznaka{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--psd-crvena-tamna)}
.psd-don__ucinak strong{font-size:16px;font-weight:700;line-height:1.4;color:var(--psd-plava)}
.psd-don__ucinak small{font-size:14px;line-height:1.4;color:var(--psd-telo)}

.psd-don__greska{margin:0;background:var(--psd-roze);color:var(--psd-crvena-tamna);border-radius:14px;padding:10px 14px;font-weight:700;font-size:15px}

.psd-don__placanje{display:flex;flex-direction:column;gap:10px}
.psd-don__dugme{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;min-height:62px;padding:10px 18px;border:0;border-radius:999px;background:var(--psd-crvena);color:#fff;font-size:19px;font-weight:900;line-height:1.2;box-shadow:0 6px 0 var(--psd-crvena-tamna);text-align:center;transition:transform .08s,box-shadow .08s,background .15s}
.psd-don__dugme:hover{background:var(--psd-crvena-tamna)}
.psd-don__dugme:active{transform:translateY(3px);box-shadow:0 3px 0 var(--psd-crvena-tamna)}
.psd-don__dugme small{font-size:14px;font-weight:700;opacity:.9}
.psd-don__dugme[disabled]{opacity:.55;cursor:not-allowed}
.psd-don__dugme--paypal{min-height:52px;background:#fff;color:var(--psd-plava);border:2px solid var(--psd-ivica);box-shadow:none;font-size:16px;font-weight:800}
.psd-don__dugme--paypal:hover{background:var(--psd-krem);border-color:var(--psd-plava)}
.psd-don__dugme--paypal:active{transform:none;box-shadow:none}
@media (prefers-reduced-motion:reduce){ .psd-don__dugme{transition:none} .psd-don__dugme:active{transform:none} }

.psd-don__sigurno{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:13px;line-height:1.4;color:var(--psd-sivo);text-align:center}
.psd-don__sigurno svg{flex-shrink:0}

.psd-don__poverenje{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid var(--psd-ivica);padding-top:14px}
.psd-don__poverenje > *{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;text-decoration:none;color:var(--psd-plava)}
.psd-don__poverenje b{font-size:18px;font-weight:900;line-height:1.2}
.psd-don__poverenje span{font-size:12.5px;line-height:1.3;color:var(--psd-sivo)}
.psd-don__poverenje a span{color:var(--psd-crvena-tamna);text-decoration:underline}

/* PayPal motor (postojeća forma) – nevidljiv, ali radi */
.psd-don__motor{display:none!important}

/* ===== Poslednja akcija ===== */
.psd-don-akcija{padding:16px!important;display:flex;flex-direction:column;gap:6px}
.psd-don-akcija > p{margin:0!important}
.psd-don-akcija__oznaka{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#FDECEA}
.psd-don-akcija .wp-block-post-template{margin:0!important;padding:0;list-style:none}
.psd-don-akcija .wp-block-post{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;margin:0}
.psd-don-akcija .wp-block-post-featured-image{margin:0;width:96px;height:96px;border-radius:14px;overflow:hidden}
.psd-don-akcija .wp-block-post-featured-image img,.psd-don-akcija .psd-bez-slike{width:96px!important;height:96px!important;object-fit:cover;display:block}
.psd-don-akcija .wp-block-post-title{margin:0!important;font-size:18px;line-height:1.3}
.psd-don-akcija .wp-block-post-title a{color:#fff;text-decoration:none}
.psd-don-akcija .wp-block-post-title a:hover{text-decoration:underline}
.psd-don-akcija__link a{color:var(--psd-zuta);font-weight:800}

/* ===== Uplata na račun (sklopljeno) ===== */
.psd-don-racuni{display:flex;flex-direction:column;gap:10px}
.psd-don-racuni > p{margin:0 0 0 4px!important;font-size:15px;font-weight:800;color:var(--psd-sivo)}
.psd-don-racuni .wp-block-group{margin:0!important}
.psd-don-racuni details{background:#fff;border:1px solid var(--psd-ivica);border-radius:18px;padding:0;overflow:hidden}
.psd-don-racuni summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 18px;font-weight:800;font-size:17px;color:var(--psd-plava);cursor:pointer}
.psd-don-racuni summary::-webkit-details-marker{display:none}
.psd-don-racuni summary::after{content:"+";font-size:24px;line-height:1;color:var(--psd-crvena);flex-shrink:0}
.psd-don-racuni details[open] summary::after{content:"−"}
.psd-don-racuni details > :not(summary){margin-left:18px!important;margin-right:18px!important}
.psd-don-racuni details > :last-child{margin-bottom:18px!important}
.psd-don-racuni details p{margin-top:6px;margin-bottom:6px}
