/* „Moj profil na Festival-S" (/profil, 18.10.2026.) — ploča i obrasci profila izvođača i event menadžera */
.profil-app { max-width: 1040px; }
.profil-app .op-cipovi { display: flex; flex-wrap: wrap; gap: 6px; }
.profil-app .op-cipovi button { border: 1px solid var(--crta-2); background: var(--noc-1); color: var(--tekst-2); border-radius: 999px; padding: 6px 12px; font-size: 13px; font-weight: 700; cursor: pointer; }
.profil-app .op-cipovi button[aria-pressed="true"] { background: var(--tekst); color: var(--noc); border-color: var(--tekst); }
.pr-racun { margin: 0 0 14px; }
.pr-racun .poveznica, .profil-app button.poveznica { background: none; border: 0; padding: 0; font: inherit; color: var(--cijan); text-decoration: underline; cursor: pointer; }
.pr-sekcija { margin: 0 0 26px; }
.pr-naslov { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.pr-naslov h2, .pr-naslov h3 { margin: 0; }
.pr-kartica { display: grid; grid-template-columns: 72px 1fr; gap: 14px; padding: 14px; border-radius: var(--r); background: var(--noc-1); border: 1px solid var(--crta); }
.pr-kartica + .pr-kartica { margin-top: 10px; }
.pr-kartica.pr-bez-slike { grid-template-columns: 1fr; }
.pr-kartica h3 { margin: 0 0 4px; font-size: 18px; overflow-wrap: anywhere; }
.pr-kartica .gumbi { margin-top: 10px; }
.pr-kartica-slika { width: 72px; height: 72px; border-radius: 12px; overflow: hidden; background: linear-gradient(135deg, #2F5BFF, #7B3AF0, #E447D8); }
.pr-kartica-slika img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pr-oznaka { display: inline-block; vertical-align: middle; padding: 3px 9px; border-radius: 999px; font: 700 11.5px/1.2 var(--f-t); }
.pr-oznaka.ceka { background: rgba(255, 176, 32, .16); color: #8A5A00; }
.pr-oznaka.dopuna { background: rgba(228, 71, 216, .12); color: #9A1D8F; }
.pr-oznaka.odbijen { background: rgba(217, 45, 86, .1); color: #9B1636; }
.pr-oznaka.javno { background: rgba(47, 91, 255, .1); color: var(--plava); }
.pr-kod { margin-top: 10px; padding: 12px 14px; border-radius: 12px; background: var(--noc-2); border: 1px dashed var(--crta-2); }
.pr-kod b { font-size: 18px; letter-spacing: .08em; }
.pr-upit { padding: 14px 16px; border-radius: var(--r); background: var(--noc-1); border: 1px solid var(--crta); }
.pr-upit + .pr-upit { margin-top: 10px; }
.pr-upit h3 { font-size: 16px; margin: 0; }
.pr-odgovor { display: grid; gap: 8px; border-top: 1px solid var(--crta); padding-top: 10px; }
.pr-odgovor .gumbi { margin: 0; }
.pr-dio { margin-bottom: 14px; }
.pr-dio h2 { margin: 0 0 12px; }
.pr-cipovi { display: flex; flex-wrap: wrap; gap: 6px; }
.pr-cipovi label { cursor: pointer; }
.pr-zanr-grupa { border: 1px solid var(--crta); border-radius: 12px; padding: 6px 10px; margin: 0 0 6px; }
.pr-zanr-grupa > summary { cursor: pointer; font-weight: 700; padding: 4px 0; }
.pr-zanr-grupa[open] > summary { margin-bottom: 8px; }
.pr-cipovi input { position: absolute; opacity: 0; pointer-events: none; }
.pr-cipovi span { display: inline-block; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--crta-2); background: var(--noc); color: var(--tekst-2); font-size: 13.5px; font-weight: 700; }
.pr-cipovi input:checked + span { background: var(--plava); border-color: var(--plava); color: #fff; }
.pr-cipovi input:focus-visible + span { outline: 2px solid var(--cijan); outline-offset: 2px; }
.pr-slika-red { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.pr-slika-mala { width: 84px; height: 84px; border-radius: 12px; overflow: hidden; background: var(--noc-2); border: 1px solid var(--crta); flex: none; }
.pr-slika-mala img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pr-galerija-mreza { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 8px; }
.pr-galerija-mreza:empty { display: none; }
.pr-galerija-stavka { position: relative; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden; background: var(--noc-2); }
.pr-galerija-stavka img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pr-galerija-stavka button { position: absolute; top: 4px; right: 4px; width: 26px; height: 26px; border-radius: 50%; border: 0; background: rgba(7, 11, 34, .7); color: #fff; font-size: 16px; line-height: 1; cursor: pointer; }
.pr-datoteka .gumbi { align-items: center; }
.pr-nastup { display: flex; gap: 12px; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--crta); }
.pr-nastup:last-child { border-bottom: 0; }
.pr-spremi { position: sticky; bottom: 0; z-index: 2; padding: 12px 0 calc(12px + env(safe-area-inset-bottom)); background: linear-gradient(transparent, var(--noc) 30%); }
.pr-spremi .gumbi { margin: 6px 0 4px; }