/**
 * MV Alati: Kalkulator troška zaposlenika (frontend). Prefiks mvak-, !important jer Elementor i tema gaze gumbe i polja.
 * Izgled po ploči 16 (Kalkulator plaće) na platnu "MALI VELIKI: brend kit": kartice i kontrole iz kita, radijus 12,
 * polja 48 px, gumbi 44 px, preklopni redovi na mobitelu i tabletu, traka s rezultatom. Tekst najmanje 7:1.
 */

.mvak { --mvak-tinta: #1F2021; --mvak-tekst: #3A3B3C; --mvak-sitno: #545454; --mvak-navy: #162394; --mvak-navy-tamna: #0E1766; --mvak-navy-svijetla: #EEF0FC; --mvak-zuta: #F4B107; --mvak-zuta-tamna: #DDA000; --mvak-zuta-svijetla: #FDEFCD; --mvak-krem: #F8F6F3; --mvak-pijesak: #ECE8E2; --mvak-crta: #E2DED8; --mvak-rub: #858382; --mvak-greska: #8A1013; --mvak-naslov: Montserrat, "Open Sans", Arial, sans-serif; --mvak-tijelo: "Open Sans", Arial, sans-serif; --mvak-sjena: 0 1px 2px rgba(31,32,33,.06), 0 8px 24px -12px rgba(31,32,33,.18);
	color: var(--mvak-tinta) !important; font-family: var(--mvak-tijelo) !important; font-size: 16px !important; line-height: 1.5 !important; display: flex !important; flex-direction: column !important; gap: 24px !important; max-width: 1136px !important; margin: 0 auto !important; }
.mvak *, .mvak *::before, .mvak *::after { box-sizing: border-box !important; }
.mvak p { margin: 0 !important; }
.mvak-sr { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
.mvak [hidden] { display: none !important; }

/* ---------- stranica: krem podloga, naslov i uvod iz kita (tema Hello Elementor) ---------- */
body.mvak-stranica, body:has(.mvak) { background: #F8F6F3 !important; }
body:has(.mvak) main#content.site-main { width: 100% !important; max-width: 1184px !important; margin: 0 auto !important; padding: 48px 24px 64px !important; }
body:has(.mvak) main#content .page-header { max-width: 760px !important; margin: 0 0 12px !important; padding: 0 !important; }
body:has(.mvak) main#content .page-header .entry-title { margin: 0 !important; padding: 0 !important; font-family: Montserrat, "Open Sans", Arial, sans-serif !important; font-size: 48px !important; line-height: 56px !important; font-weight: 800 !important; letter-spacing: 0 !important; color: #1F2021 !important; text-transform: none !important; }
body:has(.mvak) main#content .page-content > p { max-width: 760px !important; margin: 0 0 24px !important; font-family: "Open Sans", Arial, sans-serif !important; font-size: 20px !important; line-height: 32px !important; color: #3A3B3C !important; }
@media (max-width: 1199px) { body:has(.mvak) main#content.site-main { max-width: none !important; padding: 32px 24px 48px !important; } }
@media (max-width: 767px) {
	body:has(.mvak) main#content.site-main { padding: 24px 20px 40px !important; }
	body:has(.mvak) main#content .page-header .entry-title { font-size: 36px !important; line-height: 44px !important; }
	body:has(.mvak) main#content .page-content > p { font-size: 16px !important; line-height: 26px !important; margin-bottom: 16px !important; }
	.mvak { gap: 16px !important; }
}

/* ---------- tekst ---------- */
.mvak-h3 { margin: 0 !important; font-family: var(--mvak-naslov) !important; font-size: 20px !important; line-height: 28px !important; font-weight: 700 !important; letter-spacing: 0 !important; color: var(--mvak-tinta) !important; text-transform: none !important; }
.mvak-hint { font-family: var(--mvak-tijelo) !important; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; color: var(--mvak-tekst) !important; }
.mvak-tekst { font-size: 15px !important; line-height: 24px !important; color: var(--mvak-tinta) !important; }
.mvak-lbl { display: block !important; margin: 0 !important; font-family: var(--mvak-tijelo) !important; font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--mvak-tinta) !important; }
.mvak a { color: var(--mvak-navy) !important; text-decoration: underline !important; text-underline-offset: 3px !important; }

/* ---------- kartice i raspored ---------- */
.mvak-kartica { display: flex !important; flex-direction: column !important; gap: 12px !important; min-width: 0 !important; padding: 20px !important; margin: 0 !important; border: 0 !important; border-radius: 12px !important; background: #FFFFFF !important; box-shadow: var(--mvak-sjena) !important; }
.mvak-raspored { display: grid !important; grid-template-columns: 420px minmax(0, 1fr) !important; gap: 28px !important; align-items: start !important; }
.mvak-rezultati { display: flex !important; flex-direction: column !important; gap: 20px !important; min-width: 0 !important; }
@media (max-width: 1199px) { .mvak-raspored { grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; } }
@media (max-width: 767px) { .mvak-raspored, .mvak-rezultati { gap: 16px !important; } }

/* ---------- segmenti (kut, vrsta iznosa) ---------- */
.mvak-seg { display: flex !important; gap: 4px !important; padding: 4px !important; border-radius: 12px !important; background: var(--mvak-pijesak) !important; }
.mvak-kut { width: 100% !important; max-width: 420px !important; }
.mvak .mvak-seg__btn { flex: 1 1 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; margin: 0 !important; padding: 0 8px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; font-family: var(--mvak-tijelo) !important; font-size: 14px !important; line-height: 20px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; text-align: center !important; color: var(--mvak-tinta) !important; cursor: pointer !important; }
.mvak .mvak-seg__btn:hover { background: var(--mvak-crta) !important; color: var(--mvak-tinta) !important; }
.mvak .mvak-seg__btn--on, .mvak .mvak-seg__btn--on:hover { background: var(--mvak-navy) !important; color: #FFFFFF !important; }

/* ---------- obrazac ---------- */
.mvak-forma { gap: 20px !important; }
.mvak-blok { display: flex !important; flex-direction: column !important; gap: 6px !important; min-width: 0 !important; }
.mvak-dva { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 12px !important; }
@media (max-width: 359px) { .mvak-dva { grid-template-columns: minmax(0, 1fr) !important; } }
.mvak .mvak-in, .mvak .mvak-sel { display: block !important; width: 100% !important; height: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid var(--mvak-rub) !important; border-radius: 12px !important; background-color: #FFFFFF !important; box-shadow: none !important; font-family: var(--mvak-tijelo) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--mvak-tinta) !important; outline: 0 !important; }
.mvak .mvak-sel { appearance: none !important; -webkit-appearance: none !important; padding-right: 40px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231F2021' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 20px 20px !important; cursor: pointer !important; }
.mvak .mvak-in::placeholder { color: var(--mvak-tekst) !important; opacity: 1 !important; }
.mvak .mvak-in:focus, .mvak .mvak-sel:focus { border-color: var(--mvak-navy) !important; }
.mvak .mvak-in:focus-visible, .mvak .mvak-sel:focus-visible, .mvak button:focus-visible, .mvak a:focus-visible, .mvak summary:focus-visible, .mvak input[type="checkbox"]:focus-visible { outline: 3px solid var(--mvak-navy) !important; outline-offset: 2px !important; }
.mvak .mvak-in--velik { height: 56px !important; min-height: 56px !important; font-family: var(--mvak-naslov) !important; font-size: 24px !important; line-height: 32px !important; font-weight: 800 !important; font-variant-numeric: tabular-nums !important; }
.mvak .mvak-in--mali { height: 44px !important; min-height: 44px !important; padding: 0 10px !important; font-size: 15px !important; text-align: right !important; font-variant-numeric: tabular-nums !important; }
/* krivo polje: obrub 2 px kao u obrascima teme (WCAG 2.2, ne samo boja); unutarnji razmak manji za 1 px da tekst ne skoči; ostaje i dok je polje u fokusu */
.mvak .mvak-in--greska, .mvak .mvak-in--greska:focus { border: 2px solid var(--mvak-greska) !important; padding-left: 13px !important; padding-right: 13px !important; }
.mvak-iznos { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 10px !important; align-items: center !important; margin-top: 4px !important; }
.mvak-iznos__jed { font-size: 16px !important; line-height: 24px !important; font-weight: 700 !important; color: var(--mvak-tinta) !important; }
.mvak-brzo { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 4px !important; }
.mvak .mvak-gumb-mali { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 12px !important; background: transparent !important; box-shadow: inset 0 0 0 1.5px var(--mvak-navy) !important; font-family: var(--mvak-tijelo) !important; font-size: 14px !important; line-height: 20px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; text-align: left !important; white-space: normal !important; color: var(--mvak-navy) !important; cursor: pointer !important; }
.mvak .mvak-gumb-mali:hover { background: var(--mvak-navy-svijetla) !important; color: var(--mvak-navy-tamna) !important; }
.mvak-gumb-mali span { margin-left: 4px !important; }

/* kvačice: kit, 22 px, radijus 6 */
.mvak .mvak-chk { display: flex !important; align-items: center !important; gap: 10px !important; min-height: 44px !important; margin: 0 !important; font-size: 15px !important; line-height: 22px !important; font-weight: 400 !important; color: var(--mvak-tinta) !important; cursor: pointer !important; }
.mvak input[type="checkbox"] { appearance: none !important; -webkit-appearance: none !important; flex: none !important; width: 22px !important; height: 22px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 1px solid var(--mvak-rub) !important; border-radius: 6px !important; background: #FFFFFF !important; box-shadow: none !important; cursor: pointer !important; vertical-align: middle !important; }
.mvak input[type="checkbox"]:checked { border-color: var(--mvak-navy) !important; background: var(--mvak-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important; }

/* brojač */
.mvak-step { display: inline-grid !important; grid-template-columns: 44px 56px 44px !important; align-self: flex-start !important; height: 44px !important; overflow: hidden !important; border: 1px solid var(--mvak-rub) !important; border-radius: 12px !important; background: #FFFFFF !important; }
.mvak .mvak-step button { display: flex !important; align-items: center !important; justify-content: center !important; height: 42px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-family: var(--mvak-tijelo) !important; font-size: 20px !important; line-height: 1 !important; font-weight: 700 !important; color: var(--mvak-navy) !important; cursor: pointer !important; }
.mvak .mvak-step button:hover { background: var(--mvak-navy-svijetla) !important; color: var(--mvak-navy-tamna) !important; }
.mvak-step > span { display: grid !important; place-items: center !important; font-size: 16px !important; font-weight: 700 !important; color: var(--mvak-tinta) !important; font-variant-numeric: tabular-nums !important; }

/* grad: combobox */
.mvak-combo { position: relative !important; }
.mvak-combo__lista { position: absolute !important; z-index: 30 !important; top: calc(100% + 4px) !important; left: 0 !important; right: 0 !important; max-height: 320px !important; overflow: auto !important; margin: 0 !important; padding: 6px !important; list-style: none !important; border-radius: 12px !important; background: #FFFFFF !important; box-shadow: 0 12px 32px -12px rgba(31,32,33,.4) !important; }
.mvak-combo__stavka { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; min-height: 44px !important; margin: 0 !important; padding: 8px 12px !important; border-radius: 8px !important; font-size: 15px !important; line-height: 22px !important; color: var(--mvak-tinta) !important; cursor: pointer !important; }
.mvak-combo__stavka:hover, .mvak-combo__stavka--on { background: var(--mvak-navy-svijetla) !important; }

/* preklopni redovi (kit, molekula 13) */
.mvak-pk-skup { display: flex !important; flex-direction: column !important; }
.mvak-pk { margin: 0 !important; padding: 0 !important; border: 0 !important; border-top: 1px solid var(--mvak-crta) !important; }
.mvak-pk-skup .mvak-pk:last-child { border-bottom: 1px solid var(--mvak-crta) !important; }
.mvak .mvak-pk__s { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; min-height: 56px !important; margin: 0 !important; padding: 14px 0 !important; list-style: none !important; font-family: var(--mvak-naslov) !important; font-size: 18px !important; line-height: 26px !important; font-weight: 700 !important; color: var(--mvak-tinta) !important; cursor: pointer !important; }
.mvak .mvak-pk__s::-webkit-details-marker { display: none !important; }
.mvak .mvak-pk__s::marker { content: "" !important; }
.mvak-pk__broj { font-family: var(--mvak-tijelo) !important; font-size: 15px !important; font-weight: 400 !important; color: var(--mvak-tekst) !important; white-space: nowrap !important; }
.mvak-pk__ikona { flex: none !important; transition: transform 240ms cubic-bezier(.2, 0, 0, 1) !important; }
.mvak-pk[open] > .mvak-pk__s .mvak-pk__ikona { transform: rotate(180deg) !important; }
.mvak-pk__t { display: flex !important; flex-direction: column !important; gap: 16px !important; padding: 0 0 20px !important; }
.mvak-kartica--pk { gap: 0 !important; padding: 4px 20px !important; }
.mvak-kartica--pk .mvak-pk { border: 0 !important; }
@media (max-width: 767px) { .mvak .mvak-pk__s { font-size: 16px !important; line-height: 24px !important; } }
@media (prefers-reduced-motion: reduce) { .mvak-pk__ikona { transition: none !important; } }
/* računalo: sve otvoreno, Podaci o radniku bez naslova, Neoporezivi dodaci kao naslov skupine */
@media (min-width: 1200px) {
	.mvak-pk-skup { gap: 20px !important; }
	.mvak-pk--forma, .mvak-pk-skup .mvak-pk:last-child { border: 0 !important; }
	.mvak-pk--radnik > .mvak-pk__s { display: none !important; }
	.mvak .mvak-pk--forma > .mvak-pk__s { min-height: 0 !important; padding: 0 0 6px !important; cursor: default !important; pointer-events: none !important; }
	.mvak-pk--forma .mvak-pk__ikona, .mvak-pk__broj { display: none !important; }
	.mvak-pk--forma > .mvak-pk__t { gap: 20px !important; padding: 0 !important; }
}

/* neoporezivi dodaci */
.mvak-dodaci { display: flex !important; flex-direction: column !important; }
.mvak-red { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) 92px !important; gap: 12px !important; align-items: center !important; padding: 12px 0 !important; border-top: 1px solid var(--mvak-crta) !important; }
.mvak-red__tekst { display: flex !important; flex-direction: column !important; gap: 2px !important; min-width: 0 !important; }
.mvak .mvak-red__tekst label { margin: 0 !important; font-size: 15px !important; line-height: 22px !important; font-weight: 600 !important; color: var(--mvak-tinta) !important; cursor: pointer !important; }
.mvak-red__iznos { display: flex !important; flex-direction: column !important; gap: 2px !important; text-align: right !important; }
.mvak .mvak-veza { align-self: flex-start !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-family: var(--mvak-tijelo) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; text-align: left !important; white-space: normal !important; color: var(--mvak-navy) !important; text-decoration: underline !important; text-underline-offset: 3px !important; cursor: pointer !important; }
.mvak .mvak-veza:hover { background: transparent !important; color: var(--mvak-navy-tamna) !important; }

/* ---------- velike brojke ---------- */
.mvak-velike { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 20px !important; scroll-margin-top: 96px !important; }
.mvak-velika { gap: 4px !important; padding: 16px !important; }
.mvak-velika__naslov { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--mvak-navy) !important; }
.mvak-velika__broj { font-family: var(--mvak-naslov) !important; font-size: 36px !important; line-height: 44px !important; font-weight: 800 !important; color: var(--mvak-tinta) !important; font-variant-numeric: tabular-nums !important; }
.mvak-velika__mj { font-family: var(--mvak-tijelo) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 700 !important; color: var(--mvak-tekst) !important; }
.mvak-napomena { margin-top: -8px !important; }
@media (max-width: 767px) {
	.mvak-velike { gap: 12px !important; }
	.mvak-velika__broj { font-size: 26px !important; line-height: 34px !important; }
	.mvak-velika__mj { font-size: 13px !important; }
}
@media (max-width: 359px) { .mvak-velike { grid-template-columns: minmax(0, 1fr) !important; } }

/* ---------- traka udjela ---------- */
.mvak-traka__rec { font-family: var(--mvak-naslov) !important; font-size: 18px !important; line-height: 26px !important; font-weight: 700 !important; color: var(--mvak-tinta) !important; }
.mvak-traka__bar { display: flex !important; gap: 2px !important; height: 20px !important; overflow: hidden !important; border-radius: 6px !important; }
.mvak-traka__seg { display: block !important; flex: 0 1 auto !important; min-width: 2px !important; height: 100% !important; }
.mvak-traka__legenda { display: flex !important; flex-wrap: wrap !important; gap: 6px 18px !important; }
.mvak-traka__leg { display: inline-flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 0 6px !important; font-size: 14px !important; line-height: 20px !important; color: var(--mvak-tekst) !important; }
.mvak-traka__leg b { color: var(--mvak-tinta) !important; }
.mvak-traka__dot { display: block !important; flex: none !important; width: 12px !important; height: 12px !important; border-radius: 3px !important; }

/* ---------- Ideja (kit: okvir Važno) ---------- */
.mvak-ideja { display: flex !important; flex-direction: column !important; gap: 8px !important; margin: 0 !important; padding: 20px 24px !important; border-radius: 12px !important; background: var(--mvak-zuta-svijetla) !important; }
.mvak-ideja__oz { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; letter-spacing: .04em !important; text-transform: uppercase !important; color: var(--mvak-tinta) !important; }
.mvak-ideja__nas { margin: 2px 0 0 !important; font-family: var(--mvak-naslov) !important; font-size: 18px !important; line-height: 24px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--mvak-tinta) !important; }
.mvak-ideja__tekst { font-size: 16px !important; line-height: 26px !important; color: var(--mvak-tinta) !important; }
@media (max-width: 767px) { .mvak-ideja { padding: 16px 20px !important; } }

/* ---------- put od troška do neta ---------- */
.mvak-vodopad { display: flex !important; flex-direction: column !important; }
.mvak-vod { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 16px !important; padding: 10px 0 !important; border-top: 1px solid var(--mvak-crta) !important; font-size: 15px !important; line-height: 22px !important; color: var(--mvak-tinta) !important; }
.mvak-vod:first-child { border-top: 0 !important; padding-top: 0 !important; }
.mvak-vod__l b { display: block !important; font-weight: 600 !important; color: var(--mvak-tinta) !important; }
.mvak-vod__l em { display: block !important; font-style: normal !important; font-size: 14px !important; line-height: 20px !important; color: var(--mvak-tekst) !important; }
.mvak-vod__n { flex: none !important; text-align: right !important; white-space: nowrap !important; font-variant-numeric: tabular-nums !important; color: var(--mvak-tinta) !important; }
.mvak-vod--jak .mvak-vod__l b, .mvak-vod--jak .mvak-vod__n { font-weight: 800 !important; }

/* ---------- povišica ---------- */
.mvak-povisica { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 12px !important; }
.mvak-povisica__kutija { display: flex !important; flex-direction: column !important; gap: 4px !important; padding: 14px !important; border-radius: 12px !important; background: var(--mvak-pijesak) !important; font-size: 15px !important; line-height: 22px !important; color: var(--mvak-tinta) !important; }
.mvak-povisica__kutija--zuta { background: var(--mvak-zuta-svijetla) !important; }
.mvak-povisica__naslov { font-size: 14px !important; line-height: 20px !important; font-weight: 700 !important; color: var(--mvak-tinta) !important; }
@media (max-width: 359px) { .mvak-povisica { grid-template-columns: minmax(0, 1fr) !important; } }

/* ---------- tablice ---------- */
.mvak-tablica-okvir { overflow-x: auto !important; }
.mvak .mvak-tablica { width: 100% !important; margin: 0 !important; border: 0 !important; border-collapse: collapse !important; background: transparent !important; font-size: 15px !important; line-height: 22px !important; color: var(--mvak-tinta) !important; font-variant-numeric: tabular-nums !important; }
.mvak .mvak-tablica th { padding: 8px !important; border: 0 !important; border-bottom: 1px solid var(--mvak-tinta) !important; background: transparent !important; font-size: 14px !important; line-height: 20px !important; font-weight: 700 !important; text-align: right !important; white-space: nowrap !important; color: var(--mvak-tinta) !important; }
.mvak .mvak-tablica td { padding: 8px !important; border: 0 !important; border-bottom: 1px solid var(--mvak-crta) !important; background: transparent !important; text-align: right !important; white-space: nowrap !important; vertical-align: top !important; color: var(--mvak-tinta) !important; }
.mvak .mvak-tablica th:first-child, .mvak .mvak-tablica td:first-child { text-align: left !important; }
.mvak .mvak-tablica--gradovi td:first-child { white-space: normal !important; min-width: 72px !important; }
.mvak .mvak-tablica__sad td { background: var(--mvak-pijesak) !important; }
.mvak .mvak-tablica__sum td { font-weight: 800 !important; border-bottom: 0 !important; }
.mvak-mj-dod { display: none !important; }
.mvak-kratko { display: none !important; }
.mvak-mjeseci { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
@media (max-width: 767px) {
	.mvak .mvak-tablica--gradovi th, .mvak .mvak-tablica--gradovi td { padding: 8px 4px !important; }
	.mvak .mvak-tablica--mjeseci th:nth-child(2), .mvak .mvak-tablica--mjeseci td:nth-child(2), .mvak .mvak-tablica--mjeseci th:nth-child(3), .mvak .mvak-tablica--mjeseci td:nth-child(3) { display: none !important; }
	.mvak .mvak-tablica--mjeseci th, .mvak .mvak-tablica--mjeseci td { padding: 8px 4px !important; }
	.mvak-mj-dod { display: block !important; font-size: 13px !important; line-height: 18px !important; color: var(--mvak-tekst) !important; white-space: nowrap !important; }
	.mvak-dug { display: none !important; }
	.mvak-kratko { display: inline !important; }
	.mvak-mjeseci { grid-template-columns: minmax(0, 1fr) !important; }
}

@media (max-width: 389px) { .mvak .mvak-tablica { font-size: 14px !important; line-height: 20px !important; } .mvak .mvak-tablica th { font-size: 13px !important; } .mvak .mvak-tablica--gradovi th, .mvak .mvak-tablica--gradovi td { padding: 8px 3px !important; } .mvak .mvak-kartica:not(.mvak-kartica--pk) { padding: 16px !important; } .mvak .mvak-kartica--pk { padding: 4px 16px !important; } }

/* ---------- gumbi ---------- */
.mvak .mvak-gumb { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 48px !important; margin: 0 !important; padding: 0 20px !important; border: 0 !important; border-radius: 12px !important; background: var(--mvak-navy) !important; box-shadow: none !important; font-family: var(--mvak-tijelo) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; text-align: center !important; text-decoration: none !important; white-space: normal !important; color: #FFFFFF !important; cursor: pointer !important; }
.mvak .mvak-gumb:hover { background: var(--mvak-navy-tamna) !important; color: #FFFFFF !important; }
.mvak .mvak-gumb--rub { background: transparent !important; box-shadow: inset 0 0 0 1.5px var(--mvak-navy) !important; color: var(--mvak-navy) !important; }
.mvak .mvak-gumb--rub:hover { background: var(--mvak-navy-svijetla) !important; color: var(--mvak-navy-tamna) !important; }
.mvak .mvak-gumb--zuti { align-self: stretch !important; width: 100% !important; min-height: 52px !important; background: var(--mvak-zuta) !important; color: var(--mvak-tinta) !important; }
.mvak .mvak-gumb--zuti:hover { background: var(--mvak-zuta-tamna) !important; color: var(--mvak-tinta) !important; }
.mvak .mvak-gumb:disabled { background: var(--mvak-crta) !important; color: var(--mvak-tekst) !important; cursor: default !important; }
.mvak-radnje { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important; }
@media (max-width: 767px) { .mvak-radnje .mvak-gumb { flex: 1 1 100% !important; } }

/* ---------- slanje izračuna na mail ---------- */
.mvak-magnet { gap: 16px !important; }
.mvak-magnet__forma { display: flex !important; flex-direction: column !important; gap: 16px !important; margin: 0 !important; }
.mvak-magnet__tekst { display: flex !important; flex-direction: column !important; gap: 4px !important; }
.mvak-magnet__polja { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 12px !important; }
.mvak-blok--puni { grid-column: 1 / -1 !important; }
@media (max-width: 359px) { .mvak-magnet__polja { grid-template-columns: minmax(0, 1fr) !important; } }
.mvak-magnet__privola { font-size: 13px !important; line-height: 20px !important; color: var(--mvak-sitno) !important; }
.mvak-greska { display: block !important; margin-top: 4px !important; font-size: 13px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--mvak-greska) !important; }
.mvak-greska--opca { margin-top: 0 !important; font-size: 14px !important; }
/* Pravilo za forme (Dinko 8. 11. 2026.): na mobitelu greška između oznake i polja, da je tipkovnica ne prekrije dok se ispravlja, pa su Ime i Prezime
   jedno ispod drugog (greška iznad jednog ne pomiče drugo); od 768 px greška ispod polja. U HTML-u je greška iza polja. */
@media (max-width: 767px) {
	.mvak-magnet__polja { grid-template-columns: minmax(0, 1fr) !important; }
	.mvak-blok > .mvak-lbl { order: -2 !important; }
	.mvak-blok > .mvak-greska { order: -1 !important; margin-top: 0 !important; }
}
.mvak-poslano { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) !important; gap: 14px !important; align-items: start !important; }
.mvak-poslano > div { display: flex !important; flex-direction: column !important; gap: 6px !important; }
.mvak-poslano__ikona { display: grid !important; place-items: center !important; width: 40px !important; height: 40px !important; border-radius: 12px !important; background: #0A5917 !important; }
.mvak .mvak-magnet--poslano { background: #E3F6E6 !important; }

/* ---------- ograda ---------- */
.mvak-ograda { display: flex !important; flex-direction: column !important; gap: 8px !important; font-size: 14px !important; line-height: 20px !important; color: var(--mvak-tekst) !important; }
.mvak-ograda p { font-size: 14px !important; line-height: 20px !important; color: var(--mvak-tekst) !important; }
.mvak .mvak-ograda__naslov { font-weight: 700 !important; color: var(--mvak-tinta) !important; }
.mvak-sazetak { display: none !important; }
.mvak-iskljucen { padding: 12px 16px !important; border-radius: 12px !important; background: var(--mvak-zuta-svijetla) !important; color: var(--mvak-tinta) !important; }

/* ---------- traka s rezultatom (kad velike brojke odu s ekrana) ---------- */
.mvak-rez-traka { position: fixed !important; z-index: 90 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: #FFFFFF !important; box-shadow: 0 -8px 24px -12px rgba(31,32,33,.3) !important; }
.mvak-rez-traka__u { display: flex !important; align-items: center !important; gap: 20px !important; max-width: 1184px !important; min-height: 68px !important; margin: 0 auto !important; padding: 10px 24px !important; }
.mvak-rez-traka__b { display: flex !important; flex-direction: column !important; min-width: 0 !important; }
.mvak-rez-traka__b small { font-size: 13px !important; line-height: 18px !important; color: var(--mvak-tekst) !important; }
.mvak-rez-traka__b b { font-family: var(--mvak-naslov) !important; font-size: 20px !important; line-height: 26px !important; font-weight: 800 !important; color: var(--mvak-tinta) !important; font-variant-numeric: tabular-nums !important; white-space: nowrap !important; }
.mvak .mvak-rez-traka__g { display: inline-flex !important; align-items: center !important; min-height: 44px !important; margin-left: auto !important; font-size: 15px !important; line-height: 22px !important; font-weight: 700 !important; color: var(--mvak-navy) !important; }
@media (max-width: 767px) { .mvak-rez-traka__u { padding: 10px 20px !important; } }
@media (max-width: 359px) { .mvak-rez-traka__u { gap: 12px !important; padding: 10px 16px !important; } .mvak-rez-traka__b b { font-size: 18px !important; line-height: 24px !important; } }

/* ---------- ispis (ploča "Ispis kalkulatora", 9. 11. 2026.): A4, samo izračun, tvoji podaci na vrhu ---------- */
.mvak-ispis, .mvak-ispis-pov { display: none !important; }
@page { size: A4; margin: 14mm 14mm 18mm; @bottom-left { content: "MALI VELIKI - Kalkulator plaće. Informativni izračun, ne savjet ni obračun."; font-family: "Open Sans", Arial, sans-serif; font-size: 7.5pt; color: #3A3B3C; } @bottom-right { content: "Stranica " counter(page) " od " counter(pages); font-family: "Open Sans", Arial, sans-serif; font-size: 7.5pt; color: #3A3B3C; } }
@media print {
	html, body:has(.mvak) { margin: 0 !important; padding: 0 !important; background: #FFFFFF !important; }
	/* sve što nije kalkulator ni njegov roditelj: zaglavlje, izbornik, podnožje, newsletter, privola, oznake deva */
	body:has(.mvak) *:not(:has(.mvak)):not(.mvak):not(.mvak *) { display: none !important; }
	body:has(.mvak) *:has(.mvak) { display: block !important; position: static !important; width: auto !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; }
	body:has(.mvak) a::after, body:has(.mvak) a::before { content: none !important; }
	/* stil stranice kalkulatora (id u selektoru) ima jaču težinu: bez ovoga 40 px donjeg razmaka zna otvoriti praznu stranicu */
	body:has(.mvak) main#content.site-main { padding: 0 !important; margin: 0 !important; max-width: none !important; }
	.mvak-tablica-okvir { overflow: visible !important; }
	.mvak { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; display: flex !important; gap: 12px !important; max-width: none !important; font-size: 9.5pt !important; line-height: 1.45 !important; color: #1F2021 !important; }
	.mvak-ispis { display: flex !important; flex-direction: column !important; gap: 10px !important; }
	.mvak-ispis__zag { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 16px !important; padding-bottom: 8px !important; border-bottom: 1px solid #1F2021 !important; }
	.mvak-ispis__zag img { display: block !important; width: 38mm !important; height: auto !important; }
	.mvak-ispis__zag > span { display: flex !important; flex-direction: column !important; align-items: flex-end !important; text-align: right !important; font-size: 8pt !important; line-height: 1.4 !important; color: #3A3B3C !important; }
	.mvak-ispis__zag b { font-family: var(--mvak-naslov) !important; font-size: 9.5pt !important; color: #1F2021 !important; }
	.mvak .mvak-ispis__h1 { margin: 4px 0 0 !important; font-family: var(--mvak-naslov) !important; font-size: 17pt !important; line-height: 1.25 !important; font-weight: 800 !important; color: #1F2021 !important; }
	.mvak .mvak-ispis__h2 { font-family: var(--mvak-naslov) !important; font-size: 10.5pt !important; font-weight: 700 !important; margin: 0 0 4px !important; }
	.mvak-ispis__podaci dl { display: grid !important; grid-template-columns: 38mm minmax(0, 1fr) !important; gap: 2px 10px !important; margin: 0 !important; padding: 8px 10px !important; border: 1px solid var(--mvak-crta) !important; border-radius: 6px !important; }
	.mvak-ispis__podaci dt { font-weight: 600 !important; color: #3A3B3C !important; }
	.mvak-ispis__podaci dd { margin: 0 !important; }
	.mvak-ispis-pov { display: flex !important; flex-direction: column !important; gap: 2px !important; padding: 8px 10px !important; border: 1px solid var(--mvak-crta) !important; border-radius: 6px !important; break-inside: avoid !important; }
	.mvak-ispis-pov span { font-size: 8pt !important; color: var(--mvak-navy) !important; overflow-wrap: anywhere !important; }
	.mvak-ispis-pov small { font-size: 8pt !important; color: #3A3B3C !important; }
	.mvak-forma, .mvak-kut, .mvak-radnje, .mvak-magnet, .mvak-mjeseci, .mvak-rez-traka, .mvak-pk__ikona, .mvak-sazetak, .mvak-brzo { display: none !important; }
	.mvak-raspored { display: block !important; }
	.mvak-rezultati { gap: 10px !important; }
	.mvak-kartica { gap: 6px !important; padding: 8px 10px !important; border: 1px solid var(--mvak-crta) !important; border-radius: 6px !important; box-shadow: none !important; break-inside: avoid !important; }
	.mvak-kartica--pk { padding: 2px 10px !important; break-inside: auto !important; }
	.mvak .mvak-pk__s { min-height: 0 !important; padding: 6px 0 !important; font-size: 10.5pt !important; line-height: 1.3 !important; break-after: avoid !important; }
	.mvak-pk__t { gap: 6px !important; padding: 0 0 6px !important; }
	.mvak .mvak-h3, .mvak-traka__rec { font-size: 10.5pt !important; line-height: 1.3 !important; }
	.mvak-hint, .mvak-ograda, .mvak-ograda p { font-size: 8pt !important; line-height: 1.4 !important; }
	.mvak-velike { gap: 8px !important; }
	.mvak-velika { padding: 8px 10px !important; }
	.mvak-velika__broj { font-size: 17pt !important; line-height: 1.25 !important; }
	.mvak-velika__mj { font-size: 8pt !important; }
	.mvak-ideja { padding: 10px 12px !important; break-inside: avoid !important; background: #FDF5E1 !important; }
	.mvak-ideja__nas { font-size: 10.5pt !important; }
	.mvak-ideja__tekst, .mvak-tekst { font-size: 9.5pt !important; line-height: 1.45 !important; }
	.mvak .mvak-tablica { font-size: 8.5pt !important; line-height: 1.35 !important; }
	.mvak .mvak-tablica th, .mvak .mvak-tablica td { padding: 3px 5px !important; }
	.mvak-tablica tr, .mvak-vod { break-inside: avoid !important; }
	.mvak-vod { padding: 4px 0 !important; font-size: 9pt !important; }
	.mvak-vod__l em { font-size: 8pt !important; }
	/* kalkulator plaće: redoslijed kao na ploči (redak po redak prije Ideje, gradovi na kraju) */
	.mvak:not(.mvko) .mvak-ideja { order: 2 !important; }
	.mvak:not(.mvko) .mvak-kartica:has(.mvak-povisica) { order: 3 !important; }
	.mvak:not(.mvko) .mvak-kartica:has(.mvak-tablica--mjeseci) { order: 4 !important; }
	.mvak:not(.mvko) .mvak-kartica:has(.mvak-tablica--gradovi) { order: 5 !important; }
	.mvak:not(.mvko) .mvak-ispis-pov { order: 6 !important; }
	.mvak:not(.mvko) .mvak-ograda { order: 7 !important; }
	/* na ispisu se tablica mjeseci ne skraćuje kao na mobitelu */
	/* ispis je uži od 768 px, pa vrijede i pravila za mobitel: vratiti stupce */
	.mvak .mvak-tablica--mjeseci th:nth-child(n), .mvak .mvak-tablica--mjeseci td:nth-child(n) { display: table-cell !important; padding: 3px 5px !important; }
	.mvak .mvak-dug { display: inline !important; }
	.mvak .mvak-kratko, .mvak .mvak-mj-dod { display: none !important; }
}