/* Ime za personalizaciju (assets/ime.js). Paleta: tamna #2f2a25, zlatna #dc9814, tamna zlatna (tekst) #8a5f0c, krem #f6efe4 */

/* Dugme u formi: ceo red iznad količine i „Dodaj u korpu" */
.lumello-ime { flex: 0 0 100%; width: 100%; margin: 0 0 12px; }
.lumello-ime .lumello-ime__dugme { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 52px; margin: 0; padding: 8px 16px 8px 8px; border: 1.5px dashed #dc9814; border-radius: 6px; background: #fffcf7; color: #2f2a25; font: inherit; font-size: 15px; font-weight: 600; line-height: 1.3; text-align: left; letter-spacing: normal; text-transform: none; box-shadow: none; cursor: pointer; transition: background-color .2s, border-color .2s; }
.lumello-ime .lumello-ime__dugme:hover { background: #f6efe4; color: #2f2a25; }
.lumello-ime .lumello-ime__dugme:focus-visible { outline: 2px solid #2f2a25; outline-offset: 2px; }
.lumello-ime__ikona { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 6px; background: #2f2a25; color: #f6efe4; font-family: "Roboto Slab", Georgia, serif; font-size: 15px; font-weight: 700; }
.lumello-ime__tekst { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.lumello-ime__izmeni { flex: none; color: #8a5f0c; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.lumello-ime.is-upisano .lumello-ime__dugme { border-style: solid; background: #fff; }
.lumello-ime.is-upisano .lumello-ime__ikona { background: #dc9814; color: #2f2a25; }
.lumello-ime.is-greska .lumello-ime__dugme { border: 1.5px solid #a2561f; background: #fbeee6; }

/* Prozorčić */
.li-dlg { width: min(440px, calc(100% - 32px)); max-width: none; margin: auto; padding: 0; border: 0; border-radius: 12px; background: #fff; color: #2f2a25; box-shadow: 0 24px 64px rgba(47, 42, 37, .3); }
.li-dlg::backdrop { background: rgba(47, 42, 37, .55); }
@starting-style { .li-dlg[open] { opacity: 0; transform: scale(.96); } }
.li-dlg[open] { transition: opacity .2s, transform .25s cubic-bezier(.22, 1, .36, 1); }
.li-dlg__panel { display: flex; flex-direction: column; margin: 0; padding: 18px 24px 24px; }
.li-dlg__glava { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.li-dlg__naslov { margin: 0; font-family: "Roboto Slab", Georgia, serif; font-size: 21px; font-weight: 700; line-height: 1.25; color: #2f2a25; }
.li-dlg .li-dlg__x { display: grid; place-items: center; flex: none; width: 40px; height: 40px; margin: 0 -10px 0 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #2f2a25; cursor: pointer; }
.li-dlg .li-dlg__x:hover { background: #f6efe4; }
.li-dlg__label { margin-bottom: 6px; font-size: 14px; font-weight: 600; }
.li-dlg .li-dlg__polje { width: 100%; height: 50px; margin: 0; padding: 0 14px; border: 1.5px solid #d9cdb9; border-radius: 6px; background: #fff; color: #2f2a25; font-size: 17px; box-shadow: none; }
.li-dlg .li-dlg__polje:focus { border-color: #dc9814; outline: 2px solid rgba(220, 152, 20, .25); outline-offset: 0; }
.li-dlg__pomoc { display: flex; justify-content: space-between; gap: 12px; margin: 6px 0 0; font-size: 13px; color: #6b6259; }
.li-dlg__broj { margin-left: auto; font-variant-numeric: tabular-nums; }
.li-dlg__greska { margin: 8px 0 0; color: #a2561f; font-size: 14px; font-weight: 600; }
.li-dlg__greska:empty { display: none; }
.li-dlg .li-dlg__sacuvaj { height: 50px; margin: 16px 0 0; border: 0; border-radius: 6px; background: #2f2a25; color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; transition: background-color .2s; }
.li-dlg .li-dlg__sacuvaj:hover { background: #8a5f0c; }

@media (max-width: 767px) {
	.li-dlg { width: 100%; margin: auto 0 0; border-radius: 16px 16px 0 0; }
	@starting-style { .li-dlg[open] { opacity: 1; transform: translateY(100%); } }
	.li-dlg__panel { padding: 14px 16px calc(20px + env(safe-area-inset-bottom, 0px)); }
}
@media (prefers-reduced-motion: reduce) { .li-dlg[open] { transition: none; } }