@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');

/* ── DROPDOWN — transparentan, bez pozadine ── */
nav .sub-menu,
.main-menu .sub-menu {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
nav .sub-menu li a,
.main-menu .sub-menu li a {
  background: transparent !important;
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
  padding: 6px 16px !important;
}
nav .sub-menu li a:hover,
.main-menu .sub-menu li a:hover {
  color: #c9a45c !important;
  background: transparent !important;
}

/* ── TOOL WRAPPER — kao Kalkulator stranica ── */
.dp-alat-wrapper {
  font-family: 'Jost', 'Segoe UI', system-ui, sans-serif !important;
  background: transparent !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* Sakrij interni app header (eyebrow + naslov) */


}

/* Ukloni fullscreen/min-height ponašanje */
.dp-alat-wrapper > div {
  min-height: unset !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Content area — bijele kartice na bež pozadini */
.dp-alat-wrapper > div > div:not(:first-child) {
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Fontovi */
.dp-alat-wrapper,
.dp-alat-wrapper * {
  font-family: 'Jost', 'Segoe UI', system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Input focus */
.dp-alat-wrapper input:focus,
.dp-alat-wrapper select:focus,
.dp-alat-wrapper textarea:focus {
  border-color: #c9a45c !important;
  outline: none !important;
}

/* Select options */
.dp-alat-wrapper select option {
  background: #ffffff;
  color: #1a1208;
}

/* Scrollbar */
.dp-alat-wrapper ::-webkit-scrollbar { width: 4px; }
.dp-alat-wrapper ::-webkit-scrollbar-track { background: #f5f0e8; }
.dp-alat-wrapper ::-webkit-scrollbar-thumb { background: #c8b89a; }

/* Recharts */
.dp-alat-wrapper .recharts-text { fill: #9a8878 !important; }
.dp-alat-wrapper .recharts-cartesian-grid line { stroke: #ece5d8 !important; }

/* Animacija */
@keyframes dpFadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Planer dimljenja fullscreen timer ostaje vidljiv */
.dp-alat-wrapper > div > div[style*="position: fixed"] {
  display: flex !important;
}

/* Input date ikone */
.dp-alat-wrapper input[type="number"] { -moz-appearance: textfield; }
.dp-alat-wrapper input[type="number"]::-webkit-inner-spin-button { opacity: 0.4; }

/* ── ZAOBLJENI RUBOVI — usklađeno s Kalkulatorom ── */
.dp-alat-wrapper div[style*="border: 1px solid"],
.dp-alat-wrapper div[style*="border:1px solid"],
.dp-alat-wrapper button[style*="border"] {
  border-radius: 8px !important;
}
.dp-alat-wrapper button {
  border-radius: 6px !important;
}
.dp-alat-wrapper input,
.dp-alat-wrapper select,
.dp-alat-wrapper textarea {
  border-radius: 6px !important;
}

/* ── ZAOBLJENI RUBOVI — usklađeno s Kalkulatorom ── */
.dp-alat-wrapper div[style*="border: 1px solid"],
.dp-alat-wrapper div[style*="border:1px solid"],
.dp-alat-wrapper button[style*="border"] {
  border-radius: 8px !important;
}
.dp-alat-wrapper button {
  border-radius: 6px !important;
}
.dp-alat-wrapper input,
.dp-alat-wrapper select,
.dp-alat-wrapper textarea {
  border-radius: 6px !important;
}

/* BORDER RADIUS — agresivno za sve kartice */
.dp-alat-wrapper div,
.dp-alat-wrapper button,
.dp-alat-wrapper input,
.dp-alat-wrapper select,
.dp-alat-wrapper textarea {
  border-radius: 8px !important;
}
.dp-alat-wrapper button { border-radius: 6px !important; }
.dp-alat-wrapper input,
.dp-alat-wrapper select,
.dp-alat-wrapper textarea { border-radius: 6px !important; }
/* Pill badges ostaju zaobljeni */
.dp-alat-wrapper span[style*="border-radius"] { border-radius: 20px !important; }

/* ── TEKST INTENZITET FIX ── */
/* Povećaj čitljivost svugdje u alatima */
.dp-alat-wrapper {
  color: #1a1208 !important;
}

/* Sekundarni tekst — tamniji */
.dp-alat-wrapper p,
.dp-alat-wrapper span,
.dp-alat-wrapper div {
  color: inherit;
}

/* Muted/subtitle tekst — minimalno #5a4836 */
.dp-alat-wrapper [style*="color: #9a"],
.dp-alat-wrapper [style*="color: #a8"],
.dp-alat-wrapper [style*="color: #b0"],
.dp-alat-wrapper [style*="color: #7a6a56"],
.dp-alat-wrapper [style*="color: #6a5a46"],
.dp-alat-wrapper [style*="color: #8a78"] {
  color: #5a4836 !important;
}

/* Label eyebrow (uppercase mali tekst) */
.dp-alat-wrapper [style*="letterSpacing"][style*="uppercase"] {
  color: #5a4836 !important;
}

/* Limit/opis text u HACCP karticama */
.dp-alat-wrapper [style*="font-size: 11px"],
.dp-alat-wrapper [style*="fontSize: 11"],
.dp-alat-wrapper [style*="fontSize: \"11"] {
  color: #5a4836 !important;
}

/* Tab linkovi neaktivni */
.dp-alat-wrapper button[style*="color: #5a4a30"],
.dp-alat-wrapper button[style*="color: #6a5a46"] {
  color: #4a3826 !important;
}

/* Datum/meta info u karticama */
.dp-alat-wrapper [style*="fontFamily"][style*="monospace"] {
  color: #4a3826 !important;
}

/* Svaki span koji prikazuje datum ili autor */
.dp-alat-wrapper span[style*="color: #3a"],
.dp-alat-wrapper span[style*="color: #4a3"],
.dp-alat-wrapper span[style*="color: #5a4"] {
  color: #5a4836 !important;
}

/* Italic font-style tipično za opisni tekst */
.dp-alat-wrapper [style*="fontStyle: \"italic\""],
.dp-alat-wrapper [style*="fontStyle:'italic'"] {
  color: #5a4836 !important;
}

/* Jedino zlatna (#c9a45c) i status boje ostaju nepromijenjena */
.dp-alat-wrapper [style*="color: #c9a45c"],
.dp-alat-wrapper [style*="color: #2d7a4f"],
.dp-alat-wrapper [style*="color: #b83a2a"] {
  /* zadržati originalnu boju */
}

/* ── BORDER RADIUS — svi okviri ── */
.dp-alat-wrapper > div > div > div,
.dp-alat-wrapper > div > div > div > div {
  border-radius: 8px;
}

/* ── HACK: override sivo na bijelo za progress bar pozadinu ── */
.dp-alat-wrapper [style*="background: #1a1610"],
.dp-alat-wrapper [style*="background:#1a1610"] {
  background: #ece5d8 !important;
}

/* Sakrij interni app header u svim alatima osim tool-07 (koji ga nema) */
#dp-alat-02-mount > div > div:first-child,
#dp-alat-03-mount > div > div:first-child,
#dp-alat-04-mount > div > div:first-child,
#dp-alat-05-mount > div > div:first-child,
#dp-alat-06-mount > div > div:first-child,
#dp-alat-08-mount > div > div:first-child {
  display: none !important;
}

/* Ukloni padding koji ostaje nakon skrivanja headera */
#dp-alat-02-mount > div,
#dp-alat-03-mount > div,
#dp-alat-04-mount > div,
#dp-alat-05-mount > div,
#dp-alat-06-mount > div,
#dp-alat-08-mount > div {
  padding-top: 0 !important;
  background: transparent !important;
  min-height: unset !important;
}

/* Content area — max širina i centriranje kao tool-07 */
#dp-alat-02-mount > div > div:last-child,
#dp-alat-03-mount > div > div:last-child,
#dp-alat-04-mount > div > div:last-child,
#dp-alat-05-mount > div > div:last-child,
#dp-alat-06-mount > div > div:last-child,
#dp-alat-08-mount > div > div:last-child {
  padding: 0 !important;
}

/* ── TEKST ČITLJIVOST — pojačaj sve blijede tekstove ── */
.dp-alat-wrapper * {
  color: inherit;
}
.dp-alat-wrapper [style*="color: #a8"],
.dp-alat-wrapper [style*="color: #9a"],
.dp-alat-wrapper [style*="color: #b0"],
.dp-alat-wrapper [style*="color: rgb(168"],
.dp-alat-wrapper [style*="color: rgb(154"] {
  color: #5a4836 !important;
}
.dp-alat-wrapper [style*="color: #5a4836"],
.dp-alat-wrapper [style*="color: #6a5a46"] {
  color: #4a3826 !important;
}

/* ── OKVIRI — makni sve tamne border ostatke ── */
.dp-alat-wrapper [style*="border: 1px solid #1"],
.dp-alat-wrapper [style*="border: 1px solid #2"],
.dp-alat-wrapper [style*="border: 1px solid #3"] {
  border-color: #e8ddd0 !important;
  border-radius: 8px !important;
}
.dp-alat-wrapper [style*="borderBottom: \"1px solid #1"],
.dp-alat-wrapper [style*="borderBottom: \"1px solid #2"] {
  border-bottom-color: #e8ddd0 !important;
}

/* Serija header bar — gornji dio tracker-a */
#dp-alat-02-mount > div > div:nth-child(2) > div:first-child {
  border-radius: 10px !important;
  border-color: #e8ddd0 !important;
  overflow: hidden;
}

/* Batch tab gumbi */
#dp-alat-02-mount button[style*="border: 1px solid #c8b89a"],
#dp-alat-02-mount button[style*="border: 1px solid #1"] {
  border-radius: 20px !important;
  border-color: #e8ddd0 !important;
}

/* Tekst u header baru */
#dp-alat-02-mount [style*="color: #fdf8f0"],
#dp-alat-02-mount [style*="color: #f5f0e8"] {
  color: #1a1208 !important;
}

/* Ukloni vidljive okvire sa stat karticama */
.dp-alat-wrapper div[style*="border: 1px solid rgb(232"] {
  border: none !important;
  box-shadow: 0 1px 4px rgba(26,18,8,0.06) !important;
}
.dp-alat-wrapper div[style*="border: 1px solid #e8ddd0"] {
  border: none !important;
  box-shadow: 0 1px 4px rgba(26,18,8,0.06) !important;
}
.dp-alat-wrapper div[style*="border: 1px solid #ddd0be"] {
  border: none !important;
  box-shadow: 0 1px 4px rgba(26,18,8,0.06) !important;
}
.dp-alat-wrapper div[style*="border: 1px solid #ece5d8"] {
  border: none !important;
  box-shadow: 0 1px 4px rgba(26,18,8,0.06) !important;
}

/* Sve div bordere unutar alata → nevidljivi (boja pozadine stranice) */
.dp-alat-wrapper div {
  border-color: #f5f0e8 !important;
}

/* Iznimke — zadrži funkcionalne bordere */
/* Zlatna lijeva linija na karticama */
.dp-alat-wrapper div[style*="borderLeft: 3px"],
.dp-alat-wrapper div[style*="border-left: 3px"] {
  border-left-color: inherit !important;
}
/* Tab aktivna linija */
.dp-alat-wrapper button {
  border-color: inherit !important;
}

/* ── FIX-OUTER-WRAPPER-2026: ukloni dvostruki okvir na alatima 10, 11, 12 ── */
/* Root React komponente alata 10/11/12 imaju vlastiti background/border koji */
/* duplira pozadinu stranice. Stari alati (2-9) ga nemaju. Override targetira  */
/* isključivo direktno dijete mount diva (= root React komponenta), pa unutarnje */
/* kartice (PROIZVOD, PROCIJENJENO TRAJANJE, REFERENTNE VRIJEDNOSTI itd.)      */
/* zadržavaju svoj original styling.                                          */
#dp-alat-10-mount > div,
#dp-alat-11-mount > div,
#dp-alat-12-mount > div {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}