{"id":898,"date":"2022-01-29T11:53:30","date_gmt":"2022-01-29T10:53:30","guid":{"rendered":"https:\/\/nsbi.org.rs\/?page_id=898"},"modified":"2026-07-21T20:22:49","modified_gmt":"2026-07-21T19:22:49","slug":"nsbi-volonter","status":"publish","type":"page","link":"https:\/\/nsbi.org.rs\/sr\/nsbi-volonter","title":{"rendered":"Volontiraj u NSBI"},"content":{"rendered":"\n<!-- PO\u010cETAK NSBI VOLONTERSKOG WIDGETA -->\n<div class=\"nsbi-volonteri-widget\">\n\n  <!-- Navigacija (Tabovi) -->\n  <div class=\"nsbi-tabs\">\n    <button class=\"nsbi-tab-btn active\" onclick=\"openNsbiTab(event, 'prijava')\">\n      <svg class=\"tab-icon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z\"\/><\/svg>\n      Volontiraj\n    <\/button>\n    <button class=\"nsbi-tab-btn\" onclick=\"openNsbiTab(event, 'pozicije')\">\n      <svg class=\"tab-icon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z\"\/><\/svg>\n      Otvorene pozicije\n    <\/button>\n    <button class=\"nsbi-tab-btn\" onclick=\"openNsbiTab(event, 'o-volontiranju')\">\n      <svg class=\"tab-icon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg>\n      Volontiranje u NSBI\n    <\/button>\n  <\/div>\n\n  <!-- TAB 1: Forma za prijavu -->\n  <div id=\"prijava\" class=\"nsbi-tab-content active\">\n    <div class=\"nsbi-header-box\">\n      <h2>Prijava za volontiranje<\/h2>\n      <p>Postani deo tima Novosadske biciklisti\u010dke inicijative i pomozi nam da Novi Sad u\u010dinimo boljim gradom za bicikliste!<\/p>\n    <\/div>\n\n    <form class=\"nsbi-form\" id=\"nsbi-volonteri-form\">\n      <div class=\"nsbi-form-row\">\n        <div class=\"nsbi-form-group\">\n          <label for=\"ime\">Ime i prezime *<\/label>\n          <input type=\"text\" id=\"ime\" name=\"ime\" required placeholder=\"Unesite va\u0161e ime i prezime\">\n        <\/div>\n        <div class=\"nsbi-form-group\">\n          <label for=\"email\">E-mail adresa *<\/label>\n          <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"Unesite va\u0161u e-mail adresu\">\n        <\/div>\n      <\/div>\n\n      <div class=\"nsbi-form-row\">\n        <div class=\"nsbi-form-group\">\n          <label for=\"telefon\">Broj telefona *<\/label>\n          <input type=\"tel\" id=\"telefon\" name=\"telefon\" required placeholder=\"Unesite va\u0161 broj telefona\">\n        <\/div>\n        <div class=\"nsbi-form-group\">\n          <label for=\"pozicija\">\u017deljena volonterska pozicija *<\/label>\n          <select id=\"pozicija\" name=\"pozicija\" required>\n            <option value=\"opsta\">Op\u0161ta prijava (Gde sam najpotrebniji\/a)<\/option>\n            <option value=\"novinar\">Novinar\/ka (medijski tim)<\/option>\n            <option value=\"prevodilac\">Prevodilac (medijski tim)<\/option>\n            <option value=\"koordinator_bike_kitchen\">Koordinator\/ka bike kitchen sekcije<\/option>\n            <option value=\"asistent_bike_kitchen\">Asistent\/kinja koordinatora\/ke bike kitchen sekcije<\/option>\n            <option value=\"asistent_social_media\">Asistent\/kinja menad\u017eera dru\u0161tvenih mre\u017ea (medijski tim)<\/option>\n            <option value=\"dizajner\" disabled>Dizajner\/ka (kreativni tim) \u2014 [POPUNJENO]<\/option>\n            <option value=\"koordinator_volontera\">Koordinator\/ka volontera (volonterski tim)<\/option>\n            <option value=\"asistent_volontera\">Asistent\/kinja koordinatora\/ke volontera (volonterski tim)<\/option>\n            <option value=\"redar_kriticna_masa\">Redar\/ka na kriti\u010dnim masama<\/option>\n            <option value=\"infrastruktura\" disabled>Stru\u010dnjak za infrastrukturu \u2014 [POPUNJENO]<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n\n      <div class=\"nsbi-form-group\">\n        <label for=\"poruka\">Za\u0161to \u017eeli\u0161 da volontira\u0161 u NSBI-ju? Ima\u0161 li neke napomene za nas? *<\/label>\n        <textarea id=\"poruka\" name=\"poruka\" rows=\"4\" required placeholder=\"Napi\u0161ite nam ukratko o svojim interesovanjima, iskustvu ili motivaciji...\"><\/textarea>\n      <\/div>\n\n      <!-- Mesto za prikaz statusa slanja -->\n      <div id=\"nsbi-form-status\" style=\"margin-bottom: 15px; font-weight: bold; text-align: center; display: none;\"><\/div>\n\n      <!-- Centrirano dugme -->\n      <div class=\"nsbi-btn-container\">\n        <button type=\"submit\" id=\"nsbi-btn-submit\" class=\"nsbi-submit-btn\">\n          Prijavi se za volontiranje\n        <\/button>\n      <\/div>\n    <\/form>\n  <\/div>\n\n  <!-- TAB 2: Otvorene pozicije (Harmonika) -->\n  <div id=\"pozicije\" class=\"nsbi-tab-content\">\n    <div class=\"nsbi-header-box\">\n      <h2>Otvorene volonterske pozicije<\/h2>\n      <p>Klikni na poziciju kako bi saznao\/la vi\u0161e detalja o opisu posla i anga\u017eovanju.<\/p>\n    <\/div>\n\n    <div class=\"nsbi-accordion\">\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n          <span class=\"acc-title\">Novinar\/ka (medijski tim)<\/span>\n          <span class=\"acc-badge badge-open\">3 pozicije<\/span>\n          <span class=\"acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"accordion-content\">\n          <p><strong>Opis pozicije:<\/strong> Istra\u017eivanje biciklisti\u010dkih tema i problema na lokalnom i regionalnom nivou, komunikacija sa novosadskom biciklisti\u010dkom zajednicom, organizacijama i institucijama, pisanje autorskih \u010dlanaka.<\/p>\n          <p><strong>Nedeljno anga\u017eovanje:<\/strong> Do 4 sata nedeljno<\/p>\n          <p><strong>Broj otvorenih pozicija:<\/strong> 3 pozicije<\/p>\n          <button class=\"apply-acc-btn\" onclick=\"selectPositionAndSwitch('novinar')\">Prijavi se za ovu poziciju<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n          <span class=\"acc-title\">Prevodilac (medijski tim)<\/span>\n          <span class=\"acc-badge badge-open\">2 pozicije<\/span>\n          <span class=\"acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"accordion-content\">\n          <p><strong>Opis pozicije:<\/strong> Istra\u017eivanje i prevo\u0111enje svetskih aktuelnosti sa temama urbanog bicikliranja, cikloturizma, lokalnih biciklisti\u010dkih tema i problema.<\/p>\n          <p><strong>Nedeljno anga\u017eovanje:<\/strong> Do 4 sata nedeljno<\/p>\n          <p><strong>Broj otvorenih pozicija:<\/strong> 2 pozicije<\/p>\n          <button class=\"apply-acc-btn\" onclick=\"selectPositionAndSwitch('prevodilac')\">Prijavi se za ovu poziciju<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n          <span class=\"acc-title\">Koordinator\/ka bike kitchen sekcije<\/span>\n          <span class=\"acc-badge badge-open\">4 pozicije<\/span>\n          <span class=\"acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"accordion-content\">\n          <p><strong>Opis pozicije:<\/strong> Priprema i realizacija Bike Kitchen aktivnosti za koju se opredeli\u0161 (tribine, radionice, bike cafei i sl.).<\/p>\n          <p><strong>Nedeljno anga\u017eovanje:<\/strong> Do 4 sata nedeljno<\/p>\n          <p><strong>Broj otvorenih pozicija:<\/strong> 4 pozicije<\/p>\n          <button class=\"apply-acc-btn\" onclick=\"selectPositionAndSwitch('koordinator_bike_kitchen')\">Prijavi se za ovu poziciju<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n          <span class=\"acc-title\">Asistent\/kinja koordinatora\/ke bike kitchen sekcije<\/span>\n          <span class=\"acc-badge badge-open\">8 pozicija<\/span>\n          <span class=\"acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"accordion-content\">\n          <p><strong>Opis pozicije:<\/strong> Pomo\u0107 i podr\u0161ka u pripremi i realizaciji Bike Kitchen aktivnosti, priprema i odr\u017eavanje prostora pre i posle doga\u0111aja.<\/p>\n          <p><strong>Nedeljno anga\u017eovanje:<\/strong> Do 4 sata nedeljno<\/p>\n          <p><strong>Broj otvorenih pozicija:<\/strong> 8 pozicija<\/p>\n          <button class=\"apply-acc-btn\" onclick=\"selectPositionAndSwitch('asistent_bike_kitchen')\">Prijavi se za ovu poziciju<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n          <span class=\"acc-title\">Asistent\/kinja menad\u017eera dru\u0161tvenih mre\u017ea (medijski tim)<\/span>\n          <span class=\"acc-badge badge-open\">2 pozicije<\/span>\n          <span class=\"acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"accordion-content\">\n          <p><strong>Opis pozicije:<\/strong> Priprema materijala (tekstovi, najave, fotografije) i objavljivanje sadr\u017eaja na dru\u0161tvenim mre\u017eama i sajtu.<\/p>\n          <p><strong>Nedeljno anga\u017eovanje:<\/strong> Do 4 sata nedeljno<\/p>\n          <p><strong>Broj otvorenih pozicija:<\/strong> 2 pozicije<\/p>\n          <button class=\"apply-acc-btn\" onclick=\"selectPositionAndSwitch('asistent_social_media')\">Prijavi se za ovu poziciju<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item item-filled\">\n        <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n          <span class=\"acc-title\">Dizajner\/ka (kreativni tim)<\/span>\n          <span class=\"acc-badge badge-closed\">Mesta popunjena<\/span>\n          <span class=\"acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"accordion-content\">\n          <p><strong>Opis pozicije:<\/strong> Osmi\u0161ljavanje dizajna i vizuala za dru\u0161tvene mre\u017ee i sajt.<\/p>\n          <p><strong>Nedeljno anga\u017eovanje:<\/strong> 2-4 sata nedeljno ili po potrebi<\/p>\n          <p><strong>Broj otvorenih pozicija:<\/strong> Popunjena pozicija (trenutno nema slobodnih mesta)<\/p>\n          <button class=\"apply-acc-btn disabled\" disabled>Pozicija je trenutno popunjena<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n          <span class=\"acc-title\">Koordinator\/ka volontera<\/span>\n          <span class=\"acc-badge badge-open\">1 pozicija<\/span>\n          <span class=\"acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"accordion-content\">\n          <p><strong>Opis pozicije:<\/strong> Priprema i realizacija aktivnosti, komunikacija sa volonterima, regrutovanje novih volontera i animiranje tima.<\/p>\n          <p><strong>Nedeljno anga\u017eovanje:<\/strong> 2-4 sata nedeljno<\/p>\n          <p><strong>Broj otvorenih pozicija:<\/strong> 1 pozicija<\/p>\n          <button class=\"apply-acc-btn\" onclick=\"selectPositionAndSwitch('koordinator_volontera')\">Prijavi se za ovu poziciju<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n          <span class=\"acc-title\">Asistent koordinatora volontera (volonterski tim)<\/span>\n          <span class=\"acc-badge badge-open\">2 pozicije<\/span>\n          <span class=\"acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"accordion-content\">\n          <p><strong>Opis pozicije:<\/strong> Pomo\u0107 u pripremanju i realizaciji aktivnosti udru\u017eenja i podr\u0161ka u komunikaciji sa volonterima.<\/p>\n          <p><strong>Nedeljno anga\u017eovanje:<\/strong> 2-4 sata nedeljno<\/p>\n          <p><strong>Broj otvorenih pozicija:<\/strong> 2 pozicije<\/p>\n          <button class=\"apply-acc-btn\" onclick=\"selectPositionAndSwitch('asistent_volontera')\">Prijavi se za ovu poziciju<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n          <span class=\"acc-title\">Redar\/ka na kriti\u010dnim masama<\/span>\n          <span class=\"acc-badge badge-open\">10 pozicija<\/span>\n          <span class=\"acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"accordion-content\">\n          <p><strong>Opis pozicije:<\/strong> Obezbe\u0111ivanje doga\u0111aja \u201cNovosadska kriti\u010dna masa\u201d, usmeravanje saobra\u0107aja na raskrsnicama i asistencija u\u010desnicima.<\/p>\n          <p><strong>Nedeljno anga\u017eovanje:<\/strong> 4 sata mese\u010dno (tokom Kriti\u010dnih masa)<\/p>\n          <p><strong>Broj otvorenih pozicija:<\/strong> 10 pozicija<\/p>\n          <button class=\"apply-acc-btn\" onclick=\"selectPositionAndSwitch('redar_kriticna_masa')\">Prijavi se za ovu poziciju<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item item-filled\">\n        <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n          <span class=\"acc-title\">Stru\u010dnjak za infrastrukturu<\/span>\n          <span class=\"acc-badge badge-closed\">Mesta popunjena<\/span>\n          <span class=\"acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"accordion-content\">\n          <p><strong>Opis pozicije:<\/strong> Istra\u017eivanje i analiziranje biciklisti\u010dke infrastrukture, identifikacija nedostataka i pisanje predloga za gradske institucije.<\/p>\n          <p><strong>Nedeljno anga\u017eovanje:<\/strong> Do 4 sata nedeljno<\/p>\n          <p><strong>Broj otvorenih pozicija:<\/strong> Popunjena pozicija (trenutno nema slobodnih mesta)<\/p>\n          <button class=\"apply-acc-btn disabled\" disabled>Pozicija je trenutno popunjena<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- TAB 3: Volontiranje u NSBI -->\n  <div id=\"o-volontiranju\" class=\"nsbi-tab-content\">\n    <div class=\"nsbi-header-box\">\n      <h2>Volontiranje u NSBI<\/h2>\n      <p>Novosadskoj biciklisti\u010dkoj inicijativi su uvek potrebni ljudi koji su spremni i voljni da u\u010destvuju u organizaciji biciklisti\u010dkih doga\u0111aja u na\u0161em gradu. Svakog meseca organizujemo razne aktivnosti tako da nam je za to uvek potrebna va\u0161a pomo\u0107!<\/p>\n    <\/div>\n\n    <div class=\"nsbi-benefits-grid\">\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\ud83d\udeb2<\/div>\n        <h3>Organizacija doga\u0111aja<\/h3>\n        <p>Stekni ve\u0161tine u kreiranju, logistici i rukovanju tehnikom tokom biciklisti\u010dkih manifestacija.<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\ud83d\udca1<\/div>\n        <h3>Edukacije i projekti<\/h3>\n        <p>U\u010destvuj na besplatnim obukama, treninzima, pisanjima projekata i razvoju medijske pismenosti.<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\ud83d\udcbc<\/div>\n        <h3>Poslovna referenca<\/h3>\n        <p>Sticanje iskustva i prakti\u010dnih ve\u0161tina na na\u0161im pozicijama predstavlja odli\u010dnu referencu u tvojoj biografiji (CV-ju).<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"nsbi-note-box\">\n      <h4>Potvrda o volontiranju<\/h4>\n      <p>Za sve na\u0161e volontere obezbe\u0111ujemo zvani\u010dnu <strong>potvrdu o volontiranju \/ volontersku knji\u017eicu<\/strong>, kao i preporuke za budu\u0107e stipendije, prakse ili zaposlenja.<\/p>\n    <\/div>\n\n    <p style=\"margin-top: 20px; font-size: 14px; color: #555; line-height: 1.6;\">\n      Trudimo se da budemo veoma raznoliki a na\u0161im volonterima stojimo uvek na raspolaganju i uvek mogu da se oslone na nas jer smo spremni i otvoreni za sve.\n    <\/p>\n  <\/div>\n\n<\/div>\n\n<!-- CSS STILOVI -->\n<style>\n  :root {\n    --nsbi-green: #31a05f;\n    --nsbi-green-dark: #23834c;\n    --nsbi-yellow: #f1c40f;\n    --nsbi-dark: #22252a;\n    --nsbi-gray-bg: #f7f9fa;\n    --nsbi-border: #e2e8f0;\n    --nsbi-text: #333940;\n  }\n\n  .nsbi-volonteri-widget {\n    max-width: 820px;\n    margin: 25px auto;\n    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n    color: var(--nsbi-text);\n    border: 1px solid var(--nsbi-border);\n    border-radius: 12px;\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);\n    background: #ffffff;\n    overflow: hidden;\n  }\n\n  .nsbi-tabs {\n    display: flex;\n    background-color: var(--nsbi-dark);\n    border-bottom: 4px solid var(--nsbi-green);\n    margin: 0;\n    padding: 0;\n  }\n\n  .nsbi-tab-btn {\n    flex: 1;\n    padding: 14px 12px;\n    border: none;\n    background: transparent;\n    font-size: 15px;\n    font-weight: 700;\n    color: #cccccc;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    transition: all 0.25s ease;\n  }\n\n  .nsbi-tab-btn:hover {\n    color: #ffffff;\n    background-color: rgba(255, 255, 255, 0.05);\n  }\n\n  .nsbi-tab-btn.active {\n    background-color: var(--nsbi-green);\n    color: #ffffff;\n  }\n\n  .nsbi-tab-content {\n    display: none;\n    padding: 30px;\n    animation: fadeIn 0.3s ease-in-out;\n  }\n\n  .nsbi-tab-content.active {\n    display: block;\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(4px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .nsbi-header-box {\n    margin-bottom: 24px;\n  }\n\n  .nsbi-header-box h2 {\n    margin: 0 0 8px 0;\n    color: var(--nsbi-dark);\n    font-size: 24px;\n    font-weight: 800;\n  }\n\n  .nsbi-header-box p {\n    margin: 0;\n    color: #555;\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  .nsbi-form-row {\n    display: flex;\n    gap: 16px;\n  }\n\n  .nsbi-form-group {\n    flex: 1;\n    margin-bottom: 18px;\n  }\n\n  .nsbi-form-group label {\n    display: block;\n    margin-bottom: 6px;\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--nsbi-dark);\n  }\n\n  .nsbi-form-group input,\n  .nsbi-form-group select,\n  .nsbi-form-group textarea {\n    width: 100%;\n    padding: 11px 14px;\n    border: 2px solid var(--nsbi-border);\n    border-radius: 8px;\n    font-size: 14px;\n    box-sizing: border-box;\n    font-family: inherit;\n    color: #22252a !important;\n    background-color: #ffffff !important;\n    transition: border-color 0.2s;\n  }\n\n  .nsbi-form-group input::placeholder,\n  .nsbi-form-group textarea::placeholder {\n    color: #888888 !important;\n    opacity: 1;\n  }\n\n  .nsbi-form-group select option:disabled {\n    color: #999;\n    background-color: #f1f1f1;\n  }\n\n  .nsbi-form-group input:focus,\n  .nsbi-form-group select:focus,\n  .nsbi-form-group textarea:focus {\n    outline: none;\n    border-color: var(--nsbi-green);\n  }\n\n  \/* Centriran kontejner za dugme *\/\n  .nsbi-btn-container {\n    text-align: center;\n    margin-top: 20px;\n  }\n\n  .nsbi-submit-btn {\n    display: inline-block;\n    padding: 13px 32px;\n    background-color: var(--nsbi-green);\n    color: #ffffff;\n    border: none;\n    border-radius: 8px;\n    font-size: 15px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    cursor: pointer;\n    transition: background-color 0.2s, transform 0.1s;\n  }\n\n  .nsbi-submit-btn:hover {\n    background-color: var(--nsbi-green-dark);\n  }\n\n  .nsbi-submit-btn:active {\n    transform: scale(0.98);\n  }\n\n  .nsbi-accordion {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .accordion-item {\n    border: 1px solid var(--nsbi-border);\n    border-radius: 8px;\n    overflow: hidden;\n    background-color: #fff;\n    transition: border-color 0.2s;\n  }\n\n  .accordion-item.item-filled {\n    background-color: #fcfcfc;\n    opacity: 0.85;\n  }\n\n  .accordion-header {\n    width: 100%;\n    padding: 14px 18px;\n    background: #ffffff;\n    border: none;\n    text-align: left;\n    font-size: 15px;\n    font-weight: 700;\n    color: var(--nsbi-dark);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    transition: background-color 0.2s;\n  }\n\n  .accordion-header:hover {\n    background-color: var(--nsbi-gray-bg);\n  }\n\n  .acc-title {\n    flex: 1;\n  }\n\n  .acc-badge {\n    font-size: 12px;\n    padding: 4px 10px;\n    border-radius: 20px;\n    font-weight: 700;\n    white-space: nowrap;\n  }\n\n  .badge-open {\n    background-color: rgba(49, 160, 95, 0.15);\n    color: var(--nsbi-green-dark);\n  }\n\n  .badge-closed {\n    background-color: #e2e8f0;\n    color: #64748b;\n  }\n\n  .acc-icon {\n    font-size: 18px;\n    font-weight: bold;\n    color: var(--nsbi-green);\n    width: 20px;\n    text-align: center;\n  }\n\n  .accordion-content {\n    display: none;\n    padding: 18px;\n    border-top: 1px solid var(--nsbi-border);\n    background-color: var(--nsbi-gray-bg);\n    font-size: 14px;\n    line-height: 1.6;\n  }\n\n  .accordion-content p {\n    margin: 0 0 10px 0;\n  }\n\n  .apply-acc-btn {\n    margin-top: 10px;\n    padding: 8px 16px;\n    background-color: var(--nsbi-dark);\n    color: #fff;\n    border: none;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: background-color 0.2s;\n  }\n\n  .apply-acc-btn:hover {\n    background-color: var(--nsbi-green);\n  }\n\n  .apply-acc-btn.disabled {\n    background-color: #ccc;\n    cursor: not-allowed;\n  }\n\n  .nsbi-benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 16px;\n    margin-bottom: 24px;\n  }\n\n  .benefit-card {\n    border: 1px solid var(--nsbi-border);\n    padding: 20px;\n    border-radius: 8px;\n    background: var(--nsbi-gray-bg);\n  }\n\n  .benefit-icon {\n    font-size: 28px;\n    margin-bottom: 10px;\n  }\n\n  .benefit-card h3 {\n    margin: 0 0 8px 0;\n    font-size: 16px;\n    color: var(--nsbi-dark);\n  }\n\n  .benefit-card p {\n    margin: 0;\n    font-size: 13px;\n    color: #555;\n    line-height: 1.5;\n  }\n\n  .nsbi-note-box {\n    border-left: 4px solid var(--nsbi-yellow);\n    background-color: #fffdf0;\n    padding: 16px 20px;\n    border-radius: 0 8px 8px 0;\n  }\n\n  .nsbi-note-box h4 {\n    margin: 0 0 6px 0;\n    color: var(--nsbi-dark);\n  }\n\n  .nsbi-note-box p {\n    margin: 0;\n    font-size: 14px;\n    color: #555;\n    line-height: 1.5;\n  }\n\n  @media (max-width: 600px) {\n    .nsbi-form-row {\n      flex-direction: column;\n      gap: 0;\n    }\n\n    .nsbi-tabs {\n      flex-direction: column;\n    }\n\n    .nsbi-tab-btn {\n      padding: 12px;\n      justify-content: flex-start;\n      padding-left: 20px;\n    }\n\n    .accordion-header {\n      flex-wrap: wrap;\n    }\n\n    .acc-badge {\n      order: 3;\n    }\n\n    .nsbi-submit-btn {\n      width: 100%;\n    }\n  }\n<\/style>\n\n<!-- JAVASCRIPT LOGIKA -->\n<script>\n  function openNsbiTab(evt, tabName) {\n    const contents = document.querySelectorAll('.nsbi-tab-content');\n    contents.forEach(content => content.classList.remove('active'));\n\n    const buttons = document.querySelectorAll('.nsbi-tab-btn');\n    buttons.forEach(btn => btn.classList.remove('active'));\n\n    document.getElementById(tabName).classList.add('active');\n    \n    if(evt && evt.currentTarget) {\n      evt.currentTarget.classList.add('active');\n    } else {\n      document.querySelectorAll('.nsbi-tab-btn')[0].classList.add('active');\n    }\n  }\n\n  function toggleAccordion(buttonEl) {\n    const content = buttonEl.nextElementSibling;\n    const icon = buttonEl.querySelector('.acc-icon');\n    const isOpen = content.style.display === 'block';\n\n    document.querySelectorAll('.accordion-content').forEach(c => c.style.display = 'none');\n    document.querySelectorAll('.acc-icon').forEach(i => i.textContent = '+');\n\n    if (!isOpen) {\n      content.style.display = 'block';\n      icon.textContent = '\u2212';\n    }\n  }\n\n  function selectPositionAndSwitch(positionValue) {\n    const selectEl = document.getElementById('pozicija');\n    selectEl.value = positionValue;\n    openNsbiTab(null, 'prijava');\n    document.getElementById('prijava').scrollIntoView({ behavior: 'smooth' });\n  }\n\n  document.getElementById('nsbi-volonteri-form').addEventListener('submit', function(e) {\n    e.preventDefault();\n\n    const statusBox = document.getElementById('nsbi-form-status');\n    const submitBtn = document.getElementById('nsbi-btn-submit');\n    \n    statusBox.style.display = 'block';\n    statusBox.style.color = '#333';\n    statusBox.innerHTML = '\u0160aljem prijavu...';\n    submitBtn.disabled = true;\n\n    const formData = new FormData(this);\n    formData.append('action', 'nsbi_volonteri_prijava');\n\n    const ajaxUrl = '\/wp-admin\/admin-ajax.php';\n\n    fetch(ajaxUrl, {\n      method: 'POST',\n      body: formData\n    })\n    .then(response => response.json())\n    .then(data => {\n      if (data.success) {\n        statusBox.style.color = '#31a05f';\n        statusBox.innerHTML = data.data.message;\n        document.getElementById('nsbi-volonteri-form').reset();\n      } else {\n        statusBox.style.color = '#d9534f';\n        statusBox.innerHTML = data.data.message || 'Do\u0161lo je do gre\u0161ke. Poku\u0161ajte ponovo.';\n      }\n    })\n    .catch(error => {\n      statusBox.style.color = '#d9534f';\n      statusBox.innerHTML = 'Do\u0161lo je do gre\u0161ke prilikom slanja. Proverite internet konekciju.';\n    })\n    .finally(() => {\n      submitBtn.disabled = false;\n    });\n  });\n<\/script>\n<!-- KRAJ NSBI VOLONTERSKOG WIDGETA -->\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-67b694ca\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Volontiraj Otvorene pozicije Volontiranje u NSBI Prijava za volontiranje Postani deo tima Novosadske biciklisti\u010dke inicijative i pomozi nam da Novi Sad u\u010dinimo boljim gradom za bicikliste! Ime i prezime *&#8230;<\/p>\n","protected":false},"author":7,"featured_media":3075,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-898","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/nsbi.org.rs\/wp-content\/uploads\/2022\/08\/nsbi-volonteri-cover-fotka-scaled-e1661442975462.jpeg",1024,576,false],"thumbnail":["https:\/\/nsbi.org.rs\/wp-content\/uploads\/2022\/08\/nsbi-volonteri-cover-fotka-scaled-e1661442975462-150x150.jpeg",150,150,true],"medium":["https:\/\/nsbi.org.rs\/wp-content\/uploads\/2022\/08\/nsbi-volonteri-cover-fotka-scaled-e1661442975462-768x432.jpeg",768,432,true],"medium_large":["https:\/\/nsbi.org.rs\/wp-content\/uploads\/2022\/08\/nsbi-volonteri-cover-fotka-scaled-e1661442975462-768x432.jpeg",640,360,true],"large":["https:\/\/nsbi.org.rs\/wp-content\/uploads\/2022\/08\/nsbi-volonteri-cover-fotka-scaled-e1661442975462-990x557.jpeg",640,360,true],"1536x1536":["https:\/\/nsbi.org.rs\/wp-content\/uploads\/2022\/08\/nsbi-volonteri-cover-fotka-scaled-e1661442931262-1536x863.jpeg",1536,863,true],"2048x2048":["https:\/\/nsbi.org.rs\/wp-content\/uploads\/2022\/08\/nsbi-volonteri-cover-fotka-scaled-e1661442931262-2048x1151.jpeg",2048,1151,true]},"uagb_author_info":{"display_name":"NSBI","author_link":"https:\/\/nsbi.org.rs\/sr\/author\/nsbi"},"uagb_comment_info":0,"uagb_excerpt":"Volontiraj Otvorene pozicije Volontiranje u NSBI Prijava za volontiranje Postani deo tima Novosadske biciklisti\u010dke inicijative i pomozi nam da Novi Sad u\u010dinimo boljim gradom za bicikliste! Ime i prezime *...","_links":{"self":[{"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/pages\/898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/comments?post=898"}],"version-history":[{"count":23,"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/pages\/898\/revisions"}],"predecessor-version":[{"id":9400,"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/pages\/898\/revisions\/9400"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/media\/3075"}],"wp:attachment":[{"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/media?parent=898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}