/* Moj nalog: isti jezik kao uputstva (tamno zaglavlje strane) i kupovina (bele kartice na svetlosivom). */
body.woocommerce-account { background: #F9F9FA; }
.nalog { background: #F9F9FA; }
.nalog-glava { background: var(--gradijent); color: #fff; }
.nalog-glava__okvir { width: min(1309px, 100% - 40px); margin-inline: auto; padding: 56px 0; display: flex; flex-direction: column; gap: 16px; }
.nalog-glava__putanja { font: 500 13px/16px var(--inter); color: rgba(255, 255, 255, .6); }
.nalog-glava__naslov { font: 700 52px/57px var(--dm); letter-spacing: -.02em; }
.nalog-glava__podnaslov { font: 400 18px/22px var(--inter); color: rgba(255, 255, 255, .75); }

.nalog__telo { width: min(1309px, 100% - 40px); margin: 0 auto; padding: 40px 0 96px; }
.nalog__telo > .woocommerce { display: grid; grid-template-columns: 232px minmax(0, 1fr); column-gap: 40px; align-items: start; }
.nalog__telo--prijava > .woocommerce { display: block; }
.nalog__sadrzaj { min-width: 0; }
/* nikad jedna reč sama u poslednjem redu */
.nalog :is(p, dd, li, b, small, figcaption, summary) { text-wrap: pretty; }
.nalog__naslov { margin-bottom: 20px; font: 700 28px/34px var(--dm); letter-spacing: -.01em; color: #0E0E0E; }

/* Meni naloga */
.nalog-meni { position: sticky; top: calc(var(--glava, 0px) + 24px); display: flex; flex-direction: column; gap: 4px; padding: 12px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px #E6E6EC; }
.nalog-meni__stavka { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; border-radius: 9px; font: 500 15px/20px var(--inter); color: #41434F; text-decoration: none; }
.nalog-meni__stavka:hover { background: #F6F6F9; color: #0E0E0E; }
.nalog-meni__stavka.aktivno { background: #F1EAFD; font-weight: 600; color: #3F1F80; }
.nalog-meni__stavka--odjava { margin-top: 6px; border-top: 1px solid #F0F0F4; border-radius: 0 0 9px 9px; color: #6B6D7A; }

/* Poruke WooCommerce-a */
.nalog .woocommerce-error, .nalog .woocommerce-message, .nalog .woocommerce-info, .nalog .woocommerce-notices-wrapper > * {
  list-style: none; margin: 0 0 20px; padding: 14px 18px; border-radius: 10px; font: 400 14.5px/21px var(--inter);
}
.nalog .woocommerce-error { background: #FDE7E8; box-shadow: inset 0 0 0 1px #F4C4C6; color: #8E1F23; }
.nalog .woocommerce-message { background: #E6F6EF; box-shadow: inset 0 0 0 1px #BFE3D0; color: #0B5A3B; }
.nalog .woocommerce-info { background: #FFF9E6; box-shadow: inset 0 0 0 1px #F0DFA8; color: #6B4E00; }
.nalog .woocommerce-notices-wrapper:empty { display: none; }
.nalog .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.nalog .woocommerce-error a, .nalog .woocommerce-message a { color: inherit; font-weight: 600; }

/* Licence */
.licence { display: flex; flex-direction: column; gap: 20px; }
.licenca { padding: 24px 28px 22px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px #E6E6EC; }
.licenca__glava { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.licenca__stanje { flex: none; padding: 5px 12px; border-radius: 50px; font: 600 12.5px/15px var(--inter); }
.licenca__stanje--aktivna { background: #E6F6EF; color: #0B7A50; }
.licenca__stanje--istice { background: #FFF4D6; color: #7A5A00; }
.licenca__stanje--istekla, .licenca__stanje--opozvana { background: #FDE7E8; color: #A2282D; }
.licenca__kljuc { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 18px; padding: 18px 20px; border-radius: 10px; background: var(--svetla, #F6F6F9); }
.licenca__kljuc .kljuc { font-size: 22px; line-height: 28px; margin-top: 6px; }
.licenca__kljuc .kopiraj { margin-top: 0; background: #fff; }
/* Oznaka na obojenoj podlozi plugina: tamnija siva da kontrast ostane iznad 4,5:1 na svakoj boji */
.licenca__kljuc .k-oznaka { color: #5B5C66; }
.licenca__podaci { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 18px 0 0; }
.licenca__podaci dt { font: 300 13.5px/18px var(--inter); color: #6B6D7A; }
.licenca__podaci dd { margin: 4px 0 0; font: 500 15px/21px var(--inter); color: #0E0E0E; overflow-wrap: anywhere; }
.licenca__tiho { font: 400 13.5px/19px var(--inter); color: #6B6D7A; }
.licenca__radnje { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 22px; }
.licenca__radnje .k-dugme { height: 46px; padding: 0 22px; font-size: 15px; }
.licenca__link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font: 600 15px/20px var(--inter); color: #6731C6; text-decoration: none; }
.licenca__link span { transition: transform .15s; }
.licenca__link:hover span { transform: translateX(3px); }
.licenca__link:hover { text-decoration: underline; }
.licenca__domen { margin-top: 18px; border-top: 1px solid #F0F0F4; padding-top: 6px; }
.licenca__domen summary { display: flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; list-style: none; font: 500 14px/20px var(--inter); color: #5B5C66; }
.licenca__domen summary::-webkit-details-marker { display: none; }
.licenca__domen summary::after { content: ""; width: 7px; height: 7px; margin-top: -4px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg); transition: transform .15s, margin .15s; }
.licenca__domen[open] summary::after { margin-top: 3px; transform: rotate(-135deg); }
.licenca__domen summary:hover { color: #0E0E0E; }
.licenca__domen-forma { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 12px 16px; margin-top: 14px; }
.licenca__domen-forma .k-dugme { height: 48px; }
.licenca__domen-forma .licenca__tiho { grid-column: 1 / -1; }
.nalog-ceka { margin-bottom: 20px; padding: 18px 22px 22px; border-radius: 12px; background: #FFF9E6; border: 1px solid #F0DFA8; }
.nalog-ceka__glava { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.nalog-ceka__uplata { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; margin-top: 18px; padding: 22px 24px; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 1px #F0DFA8; }
.nalog-ceka__uplata--bez-qr { grid-template-columns: minmax(0, 1fr); }
.nalog-ceka__podaci { gap: 8px; margin-top: 12px; }
.nalog-ceka__podaci > div { grid-template-columns: 190px minmax(0, 1fr); gap: 12px; }
.nalog-ceka__podaci dt { font-weight: 400; color: #6B6D7A; }
.nalog-ceka__podaci dd { overflow-wrap: anywhere; }
.nalog-ceka__qr { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 176px; margin: 0; }
.nalog-ceka__qr .qr { display: block; width: 160px; height: 160px; }
.nalog-ceka__qr figcaption { font: 400 12.5px/17px var(--inter); color: #5B5C66; text-align: center; }
.nalog-ceka__qr figcaption b { display: block; font-weight: 600; color: #0E0E0E; }
.nalog-ceka__naslov { font: 600 15px/22px var(--inter); color: #6B4E00; }
.nalog-ceka__tekst { margin-top: 2px; font: 300 14px/20px var(--inter); color: #6B4E00; }
.nalog-ceka .k-dugme { flex: none; height: 44px; font-size: 14.5px; }
.nalog-prazno { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 32px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px #E6E6EC; font: 300 15.5px/23px var(--inter); color: #3C3C3C; }
.nalog-prazno__naslov { font: 700 22px/28px var(--dm); color: #0E0E0E; }
.nalog-prazno .k-dugme { margin-top: 8px; }

/* Tabela porudžbina */
.tabela-omot { overflow-x: auto; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px #E6E6EC; }
.tabela { width: 100%; border-collapse: collapse; font: 400 14.5px/21px var(--inter); color: #0E0E0E; }
.tabela th { padding: 14px 18px; background: #F6F6F9; font: 600 12px/16px var(--inter); letter-spacing: .04em; text-transform: uppercase; color: #6B6D7A; text-align: left; }
.tabela td { padding: 16px 18px; border-top: 1px solid #F0F0F4; vertical-align: top; }
.tabela .desno { text-align: right; white-space: nowrap; }
.tabela__datum { white-space: nowrap; }
.tabela__dokumenti a { display: block; min-height: 44px; color: #6731C6; font-weight: 500; text-decoration: none; white-space: nowrap; }
.tabela__dokumenti a + a { margin-top: 10px; }
.tabela__dokumenti a span, .tabela__dokumenti a b { display: block; }
.tabela__dokumenti a b { font-weight: 600; }
.tabela__dokumenti a b::after, .tabela__plati::after { content: " ↗"; font-weight: 500; }
.tabela__plati::after { content: " →"; }
.tabela__dokumenti .tabela__plati { display: inline-flex; align-items: center; }
.tabela__dokumenti a:hover { text-decoration: underline; }
.oznaka { display: inline-block; padding: 3px 10px; border-radius: 50px; font: 600 12.5px/17px var(--inter); white-space: nowrap; }
.oznaka--placeno { background: #E6F6EF; color: #0B7A50; }
.oznaka--ceka { background: #FFF4D6; color: #7A5A00; }
.oznaka--greska { background: #FDE7E8; color: #A2282D; }
.oznaka--sivo { background: #F0F0F4; color: #5B5C66; }

/* Podaci firme */
.nalog-forma { padding: 28px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px #E6E6EC; }
.nalog-forma .polja { margin-top: 0; }
.nalog-forma__podnaslov { margin-top: 32px; font: 700 20px/26px var(--dm); }
.nalog-forma__tiho { margin: 4px 0 16px; font: 300 14px/20px var(--inter); color: #6B6D7A; }
.nalog-forma > .k-dugme { margin-top: 28px; }

/* Prijava i nova lozinka */
.prijava { display: grid; grid-template-columns: minmax(0, 520px) minmax(0, 1fr); gap: 40px; align-items: start; }
.prijava--jedna { grid-template-columns: minmax(0, 520px); }
.prijava__forma { display: flex; flex-direction: column; gap: 18px; padding: 32px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px #E6E6EC; }
.prijava__uvod, .prijava__potvrda { font: 300 15.5px/23px var(--inter); color: #3C3C3C; }
.prijava__zapamti { margin-top: 0; }
.prijava__zaboravljena { text-align: center; font: 500 14.5px/20px var(--inter); }
.prijava__zaboravljena a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; color: #6731C6; text-decoration: none; }
.prijava__zaboravljena a:hover { text-decoration: underline; }
.prijava__strana { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 32px 8px; font: 300 15.5px/24px var(--inter); color: #3C3C3C; }
.prijava__strana h2 { font: 700 24px/30px var(--dm); color: #0E0E0E; }
.prijava__strana .k-dugme { height: 48px; }
.prijava__mala { font-size: 13.5px; line-height: 20px; color: #6B6D7A; }
.prijava__mala a { color: inherit; }

@media (max-width: 1023px) {
  .nalog__telo > .woocommerce { grid-template-columns: minmax(0, 1fr); row-gap: 20px; }
  .nalog-meni { position: static; flex-direction: row; flex-wrap: wrap; gap: 4px; padding: 6px; }
  .nalog-meni__stavka { flex: none; white-space: nowrap; }
  .nalog-meni__stavka--odjava { margin: 0 0 0 auto; border-top: 0; border-radius: 9px; }
  .prijava { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
@media (max-width: 759px) {
  .nalog-glava__okvir { padding: 36px 0 40px; gap: 12px; }
  .nalog-glava__naslov { font-size: 32px; line-height: 38px; }
  .nalog-glava__podnaslov { font-size: 16px; line-height: 23px; }
  .nalog__telo { padding: 24px 0 64px; }
  .nalog__naslov { font-size: 24px; line-height: 30px; }
  .licenca { padding: 20px 18px; }
  .licenca__glava { flex-wrap: wrap; }
  .licenca__kljuc { flex-direction: column; align-items: stretch; }
  .licenca__kljuc .kljuc { font-size: 17px; line-height: 24px; }
  .licenca__podaci { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .licenca__radnje .k-dugme { flex: 1 1 100%; }
  .licenca__domen-forma { grid-template-columns: minmax(0, 1fr); }
  .nalog-ceka { padding: 16px 16px 18px; }
  .nalog-ceka__glava { flex-direction: column; align-items: stretch; gap: 14px; }
  .nalog-ceka__uplata { grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 16px; padding: 18px 16px; }
  .nalog-ceka__podaci > div { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .nalog-ceka__qr { width: auto; flex-direction: row; align-items: center; gap: 14px; padding-top: 16px; border-top: 1px solid #F0F0F4; }
  .nalog-ceka__qr .qr { flex: none; width: 128px; height: 128px; }
  .nalog-ceka__qr figcaption { text-align: left; }
  .tabela thead { display: none; }
  .tabela tr { display: block; padding: 12px 0; border-top: 1px solid #F0F0F4; }
  .tabela td { display: flex; justify-content: space-between; gap: 12px; padding: 4px 16px; border: 0; text-align: right; }
  .tabela td::before { content: attr(data-naslov); font: 500 13px/21px var(--inter); color: #6B6D7A; text-align: left; }
  .tabela .desno { text-align: right; }
  .nalog-forma, .prijava__forma { padding: 20px; }
}

/* Podrška: spisak pitanja, razgovor, forma (sabloni/podrska.php) */
.polje select, .polje textarea {
  padding: 12px 14px; border: 1px solid #E6E6EA; border-radius: 8px; background: #fff;
  font: 300 15.5px/22px var(--inter); color: #0E0E0E; transition: border-color .15s, box-shadow .15s;
}
.polje select {
  height: 48px; padding-block: 0; padding-right: 44px; appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230E0E0E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 18px center;
}
.polje textarea { resize: vertical; min-height: 120px; }
/* Padajuće polje u stilu sajta (kupovina.js, select[data-izbor]); bez JS-a ostaje gornji select */
.izbor__izvor { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.izbor { position: relative; }
.izbor__dugme {
  display: flex; align-items: center; width: 100%; height: 48px; padding: 0 44px 0 14px; border: 1px solid #E6E6EA; border-radius: 8px; cursor: pointer; text-align: left;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230E0E0E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 18px center;
  font: 300 15.5px/22px var(--inter); color: #0E0E0E; transition: border-color .15s, box-shadow .15s;
}
.izbor__dugme--prazno { color: #75757F; }
.izbor__dugme:hover { border-color: #CFCFD8; }
.izbor__dugme:focus-visible, .izbor--otvoren .izbor__dugme { outline: none; border-color: #6731C6; box-shadow: 0 0 0 3px rgba(103, 49, 198, .14); }
.izbor--otvoren .izbor__dugme { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 6.5l5-5 5 5' fill='none' stroke='%236731C6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.izbor--greska .izbor__dugme { border-color: #C0392B; box-shadow: 0 0 0 3px rgba(192, 57, 43, .12); }
.izbor__lista {
  display: none; position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; right: 0; max-height: 280px; overflow-y: auto;
  margin: 0; padding: 6px; list-style: none; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px #E6E6EC, 0 16px 40px rgba(20, 15, 46, .16);
}
.izbor__lista:focus { outline: none; }
.izbor--otvoren .izbor__lista { display: block; }
.izbor__stavka { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border-radius: 8px; cursor: pointer; font: 400 15px/21px var(--inter); color: #0E0E0E; }
.izbor__stavka--aktivna { background: #F6F6F9; }
.izbor__stavka[aria-selected="true"] { font-weight: 600; color: #6731C6; }
.izbor__stavka[aria-selected="true"]::after { content: ""; flex: none; width: 14px; height: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M1 5l4 4 8-8' fill='none' stroke='%236731C6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; }
.polje select:focus, .polje textarea:focus { outline: none; border-color: #6731C6; box-shadow: 0 0 0 3px rgba(103, 49, 198, .14); }
.polje textarea::placeholder { color: #75757F; opacity: 1; }
.podrska__uvod { margin: -8px 0 24px; max-width: 640px; font: 300 15.5px/23px var(--inter); color: #3C3C3C; }
.podrska__lista { list-style: none; margin: 0 0 24px; padding: 0; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px #E6E6EC; }
.podrska__lista li + li { border-top: 1px solid #F0F0F4; }
.podrska__stavka { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; text-decoration: none; }
.podrska__stavka:hover { background: #FAFAFC; }
.podrska__desno { display: flex; align-items: center; gap: 14px; flex: none; }
.podrska__strelica { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; box-shadow: inset 0 0 0 1px #E1E1E8; font: 500 16px/1 var(--inter); color: #0E0E0E; transition: background-color .15s, color .15s, box-shadow .15s; }
.podrska__stavka:hover .podrska__strelica { background: #6731C6; box-shadow: none; color: #fff; }
.podrska__naslov { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.podrska__naslov b { font: 600 15.5px/21px var(--inter); color: #0E0E0E; }
.podrska__naslov small { font: 400 13px/18px var(--inter); color: #6B6D7A; }
.podrska__forma-naslov { margin-bottom: 18px; font: 700 20px/26px var(--dm); color: #0E0E0E; }
.podrska__forma > .k-dugme { margin-top: 24px; }
.podrska__nazad { margin-bottom: 10px; font: 500 14px/20px var(--inter); }
.podrska__nazad a { display: inline-flex; align-items: center; min-height: 44px; color: #6731C6; text-decoration: none; }
.podrska__nazad a:hover { text-decoration: underline; }
.podrska__oznake { display: flex; align-items: center; gap: 12px; margin: -8px 0 20px; }
.podrska__tema { font: 400 14px/20px var(--inter); color: #6B6D7A; }
.razgovor { list-style: none; display: flex; flex-direction: column; gap: 14px; margin: 0 0 24px; padding: 0; }
.razgovor__poruka { max-width: 760px; padding: 16px 20px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px #E6E6EC; }
.razgovor__poruka--nas { margin-left: auto; background: #F6F2FD; box-shadow: inset 0 0 0 1px #E4D9F8; }
.razgovor__ko { margin-bottom: 6px; font: 400 13px/18px var(--inter); color: #6B6D7A; }
.razgovor__ko b { font-weight: 600; color: #0E0E0E; }
.razgovor__tekst { font: 400 15px/23px var(--inter); color: #2E2E33; }
.razgovor__tekst p + p { margin-top: 10px; }
@media (max-width: 759px) {
  .podrska__stavka { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 14px; row-gap: 8px; padding: 14px 16px; }
  .podrska__desno { display: contents; }
  .podrska__stavka .oznaka { grid-column: 1; grid-row: 2; justify-self: start; }
  .podrska__strelica { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
  .razgovor__poruka { padding: 14px 16px; }
}

/* Pro → Business: doplata ili produženje kao Business (inc/nadogradnja.php) */
.licenca__business { display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; margin-top: 18px; padding: 16px 20px; border-radius: 10px; background: #F6F3FD; box-shadow: inset 0 0 0 1px #E4DAF8; }
.licenca__business-tekst { max-width: 620px; font: 400 14px/21px var(--inter); color: #3C3C44; }
.licenca__business-tekst b { font-weight: 600; color: #3F1F80; }
.licenca__business .k-dugme { flex: none; height: 46px; padding: 0 22px; font-size: 15px; white-space: nowrap; }
@media (max-width: 759px) {
  .licenca__business { flex-direction: column; align-items: stretch; padding: 14px 16px; }
  .licenca__business .k-dugme { width: 100%; height: auto; min-height: 46px; padding: 12px 18px; white-space: normal; text-align: center; }
}

/* Nova lozinka: link za drugi nalog (obaveštenje umesto forme) */
.prijava__forma--obavestenje { align-items: flex-start; }
.prijava__ikona { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #F1EAFD; color: #6731C6; }
.prijava__naslov { font: 700 24px/30px var(--dm); letter-spacing: -.01em; color: #0E0E0E; text-wrap: balance; }
.prijava__forma--obavestenje .prijava__uvod b { font-weight: 600; color: #0E0E0E; overflow-wrap: anywhere; }
.prijava__forma--obavestenje .k-dugme { width: 100%; justify-content: center; }
.prijava__forma--obavestenje .prijava__zaboravljena { align-self: stretch; }