/* Ready Mom dnevnik – stil (Lady Mom Stil: krem i blijedo roze podloge, smeđi tekst,
   roze za akciju, tamni tirkiz za okvir). Vrijednosti su iz dizajn sistema „Lady Mom Stil“. */

@font-face{font-family:"Raleway";font-style:normal;font-weight:100 900;font-display:swap;
  src:url(../fonts/raleway-latin-wght-normal.woff2) format("woff2-variations"),url(../fonts/raleway-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Raleway";font-style:normal;font-weight:100 900;font-display:swap;
  src:url(../fonts/raleway-latin-ext-wght-normal.woff2) format("woff2-variations"),url(../fonts/raleway-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Clash Display: fajlovi sa sajta (wp-content/uploads/lm-fonts/) kopiraju se u fonts/ pri postavljanju.
   Bez njih naslovi idu u Raleway-u, kao u dizajn sistemu. */
@font-face{font-family:"Clash Display";font-weight:500;font-display:swap;src:url(../fonts/clash-display-500.woff2) format("woff2")}
@font-face{font-family:"Clash Display";font-weight:600 700;font-display:swap;src:url(../fonts/clash-display-600.woff2) format("woff2")}

:root{
  --bijela:#fff;--krem:#fdf2ec;--blijedo:#f6ded4;--roze:#db9e99;--roze-tamna:#a06f68;--tirkiz:#659699;
  --mint:#d6ede9;--smedja:#6d4e39;--smedja-t:#553c2c;--tekst:#7a6250;--linija:#e7d7cc;--akcija:#a05c57;
  --akcija-h:#8a4b47;--tirkiz-gore:#4a7a7d;--tirkiz-f:#3f6265;--f-tekst:#d4e5e4;--f-link:#e3efee;
  --obav:#35595c;--okvir-dugmeta:#cf9b95;--pilula:#fbf3f1;--papir:#f5eae0;--okvir-foto:#f0decf;
  --kartica:#fcf7f5;--meta:#8a7565;--naslov:#422f23;
  --r-dugme:6px;--r-kartica:10px;--r-blok:14px;--r-panel:18px;
  --display:"Clash Display","Raleway",system-ui,-apple-system,sans-serif;
  --body:"Raleway",system-ui,-apple-system,"Segoe UI",sans-serif;
  --nav-h:62px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);
  --sir:560px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:var(--body);font-size:16px;line-height:1.55;color:var(--tekst);background:var(--bijela);
  -webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;color:var(--smedja);letter-spacing:-.01em;margin:0}
h1,h2,h3{text-wrap:balance}
h1{font-size:28px;line-height:1.12}h2{font-size:21px;line-height:1.2}h3{font-size:18px;line-height:1.28}h4{font-size:16px;line-height:1.35}
p{margin:0 0 10px}a{color:var(--akcija);text-underline-offset:3px}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;cursor:pointer}
button,input,select,textarea{-webkit-appearance:none;appearance:none}
:focus-visible{outline:2px solid var(--akcija);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ikon{width:24px;height:24px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ikon.s{width:20px;height:20px}.ikon.xs{width:16px;height:16px}.ikon.l{width:30px;height:30px}

/* Okvir aplikacije */
#app{max-width:var(--sir);margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--bijela);
  padding-bottom:calc(var(--nav-h) + var(--sab) + 28px);position:relative}
@media (min-width:640px){body{background:var(--krem)}#app{box-shadow:0 0 0 1px var(--linija)}}
.top{display:flex;align-items:center;gap:8px;padding:calc(14px + var(--sat)) 16px 14px 8px}
.top-n{flex:1;min-width:0}
.meni-d{flex:0 0 auto;align-self:flex-start;margin-top:-2px}
.top h1{font-size:28px}
.top-s{margin:4px 0 0;font-size:14px;color:var(--meta);font-weight:500}
.top-a{display:flex;gap:6px}

/* Donja navigacija – tamni tirkiz kao okvir sajta */
.tabs{position:fixed;z-index:30;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:var(--sir);
  background:var(--tirkiz-f);padding:0 4px var(--sab);display:grid;grid-template-columns:repeat(5,1fr)}
.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--nav-h);
  border:0;background:none;color:var(--f-tekst);font-size:11.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap;padding:0 2px}
.tab .ikon{width:24px;height:24px}
.tab[aria-current="page"]{color:#fff;font-weight:700}
.tab[aria-current="page"]::before{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--roze)}
.fab{position:fixed;z-index:31;right:max(16px,calc(50% - var(--sir)/2 + 16px));bottom:calc(var(--nav-h) + var(--sab) + 16px);
  width:58px;height:58px;border-radius:50%;border:0;background:var(--akcija);color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 20px rgba(160,92,87,.34)}
.fab:active{background:var(--akcija-h);transform:scale(.97)}
.fab .ikon{width:28px;height:28px;stroke-width:2}

/* Dugmad */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:var(--r-dugme);
  border:0;background:var(--akcija);color:#fff;font:700 13px/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;text-align:center}
.btn:hover{background:var(--akcija-h);color:#fff}
.btn:disabled{opacity:.45;cursor:default}
.btn .ikon{width:20px;height:20px}
.btn.puno{width:100%}
.btn.dva{background:transparent;color:var(--akcija);border:1.5px solid var(--okvir-dugmeta)}
.btn.dva:hover{background:var(--akcija);color:#fff;border-color:var(--akcija)}
.btn.tir{background:var(--tirkiz-f)}.btn.tir:hover{background:var(--obav)}
.btn.opas{background:#9b3b33}
.btn.mali{min-height:38px;padding:8px 14px;font-size:12px}
.lnk{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:6px 0;color:var(--akcija);font-weight:700;font-size:14.5px;text-decoration:none}
.lnk:hover{text-decoration:underline}
.ib{width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--smedja);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.ib.k{background:var(--krem)}.ib:hover{background:var(--krem)}
.dugmad{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.dugmad>.btn{flex:1 1 auto}

/* Sekcije i kartice */
.sek{padding:0 20px;margin:0 0 26px}
.sek-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}
.kart{border-radius:var(--r-blok);padding:16px;background:var(--krem);margin-bottom:12px}
.kart.b{background:var(--blijedo)}.kart.m{background:var(--mint)}.kart.w{background:#fff;border:1px solid var(--linija)}
.kart h3{margin-bottom:6px}
.kart p:last-child{margin-bottom:0}
.nad{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--akcija);margin:0 0 6px}
.m .nad,.nad.t{color:var(--obav)}
.sitno{font-size:14px;color:var(--meta)}
.jak{color:var(--smedja);font-weight:700}
.razm{height:8px}

/* Uvodna nedjelja (hero) */
.hero{position:relative;margin:2px 20px 22px;padding:20px 18px 14px;border-radius:var(--r-panel);background:var(--blijedo);overflow:hidden}
.hero-g{display:flex;gap:16px;align-items:center}
.hero-plod{flex:0 0 auto;width:92px;height:92px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
.hero-n{font:600 46px/0.95 var(--display);color:var(--smedja);letter-spacing:-.02em;margin:0}
.hero-n small{display:block;font:600 20px/1.2 var(--display);letter-spacing:-.01em;margin-top:2px}
.hero-d{margin:8px 0 0;font-size:14.5px;color:var(--tekst);font-weight:500}
.put{display:block;width:100%;height:56px;margin:10px 0 2px}
.put-l{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--meta);padding:0 2px}
.hero-v{margin:10px 0 0;font-size:15px;color:var(--smedja)}
.hero-v b{font-weight:700}

/* Lista redova */
.red{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--linija);text-decoration:none;color:inherit;background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:left}
.red:last-child{border-bottom:0}
.red-i{width:42px;height:42px;border-radius:12px;background:var(--krem);color:var(--akcija);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.red-t{flex:1;min-width:0}
.red-t strong{display:block;color:var(--smedja);font-weight:700;font-size:15.5px;line-height:1.3}
.red-t span{display:block;font-size:13.5px;color:var(--meta);line-height:1.4;margin-top:1px}
.red>.ikon:last-child{color:var(--okvir-dugmeta)}

/* Brze akcije */
.brze{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.brza{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:var(--r-blok);border:0;background:var(--krem);color:var(--smedja);font-size:12.5px;font-weight:700;line-height:1.2;text-align:center}
.brza .ikon{color:var(--akcija);width:26px;height:26px}

/* Segmenti */
.seg{display:flex;gap:4px;padding:4px;margin:0 20px 18px;background:var(--pilula);border-radius:999px;overflow-x:auto;scrollbar-width:none}
.seg::-webkit-scrollbar{display:none}
.seg button{flex:1 0 auto;min-height:40px;padding:0 14px;border-radius:999px;border:0;background:transparent;font-weight:600;font-size:14.5px;color:var(--tekst);white-space:nowrap}
.seg button[aria-selected="true"]{background:#fff;color:var(--smedja);font-weight:700;box-shadow:0 1px 3px rgba(109,78,57,.16)}

/* Čipovi */
.cipovi{display:flex;flex-wrap:wrap;gap:8px}
.cip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 14px;border-radius:999px;border:1.5px solid var(--linija);background:#fff;color:var(--smedja);font-size:14px;font-weight:600}
.cip[aria-pressed="true"]{background:var(--smedja);border-color:var(--smedja);color:#fff}
.cip.mali{min-height:30px;padding:4px 10px;font-size:12.5px}
.oznaka{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--krem);color:var(--smedja);font-size:12px;font-weight:700}
.oznaka.m{background:var(--mint);color:var(--obav)}.oznaka.r{background:var(--roze);color:var(--smedja-t)}

/* Forme */
.polje{display:block;margin:0 0 16px}
.polje>span,.lbl{display:block;font-size:14px;font-weight:700;color:var(--smedja);margin:0 0 6px}
.polje small{display:block;font-size:13px;color:var(--meta);margin-top:5px}
input[type=text],input[type=date],input[type=time],input[type=number],input[type=password],input[type=search],input[type=datetime-local],input[type=email],select,textarea{
  width:100%;font:500 16px/1.4 var(--body);color:var(--smedja);background:var(--krem);border:1.5px solid var(--linija);border-radius:var(--r-kartica);padding:12px 14px;min-height:50px}
textarea{min-height:120px;resize:vertical;line-height:1.6}
select{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='%23a05c57' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}
input::placeholder,textarea::placeholder{color:#b49e8f}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--akcija);background:#fff}
.dvoje{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.troje{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}
.cek{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--linija);cursor:pointer}
.cek:last-child{border-bottom:0}
.cek input{flex:0 0 auto;width:24px;height:24px;margin:1px 0 0;border:1.75px solid var(--okvir-dugmeta);border-radius:7px;background:#fff;display:grid;place-content:center}
.cek input:checked{background:var(--akcija);border-color:var(--akcija)}
.cek input:checked::after{content:"";width:12px;height:7px;border:2.5px solid #fff;border-top:0;border-right:0;transform:translateY(-2px) rotate(-45deg)}
.cek-t{flex:1;color:var(--smedja);font-size:15px;line-height:1.4}
.cek-t small{display:block;color:var(--meta);font-size:13px}
.cek input:checked+.cek-t{color:var(--meta);text-decoration:line-through;text-decoration-color:var(--okvir-dugmeta)}
.prekidac{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0}
.prekidac input{width:50px;height:30px;border-radius:999px;background:var(--linija);position:relative;flex:0 0 auto;border:0;transition:background .15s}
.prekidac input::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .15s}
.prekidac input:checked{background:var(--akcija)}.prekidac input:checked::after{transform:translateX(20px)}

/* Slojevi: list i stranica */
.ov{position:fixed;inset:0;z-index:60;background:rgba(53,40,30,.42);display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}
.list{width:100%;max-width:var(--sir);max-height:92vh;max-height:92dvh;overflow:auto;background:#fff;border-radius:var(--r-panel) var(--r-panel) 0 0;
  padding:8px 20px calc(22px + var(--sab));animation:gore .24s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}
.list::before{content:"";display:block;width:42px;height:5px;border-radius:3px;background:var(--linija);margin:2px auto 10px}
.list-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}
.list-h h2{font-size:21px}
.pg{position:fixed;inset:0;z-index:50;background:#fff;overflow:auto;animation:desno .24s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}
.pg-u{max-width:var(--sir);margin:0 auto;min-height:100%;padding-bottom:calc(32px + var(--sab))}
.pg-h{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:6px;padding:calc(8px + var(--sat)) 10px 8px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid transparent}
.pg-h h2{flex:1;font-size:19px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-t{padding:6px 20px 0}
.dijalog{background:#fff;border-radius:var(--r-panel);margin:auto 20px;max-width:420px;width:100%;padding:22px 20px 18px;animation:gore .2s ease}
.ov.centar{align-items:center}
.ov.lijevo{justify-content:flex-start;align-items:stretch}
.ladica{width:min(86vw,340px);height:100%;overflow:auto;background:#fff;padding:calc(14px + var(--sat)) 0 calc(18px + var(--sab));animation:lijevo .24s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain;box-shadow:6px 0 24px rgba(53,40,30,.18)}
.mn-h{display:flex;align-items:center;gap:12px;padding:4px 18px 16px;border-bottom:1px solid var(--linija);margin-bottom:6px}
.mn-h strong{display:block;font:600 18px/1.2 var(--display);color:var(--smedja)}
.mn-h span{font-size:13.5px;color:var(--meta)}
.mn-g{padding:8px 0 6px;border-bottom:1px solid var(--linija)}
.mn-g:last-child{border-bottom:0}
.mn-gn{margin:6px 18px 4px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--akcija)}
.mn-st{display:flex;align-items:center;gap:14px;width:100%;min-height:46px;padding:8px 18px;border:0;background:none;color:var(--smedja);font-size:15.5px;font-weight:600;text-align:left;text-decoration:none}
.mn-st .ikon{color:var(--akcija);width:22px;height:22px}
.mn-st:hover,.mn-st:focus-visible{background:var(--krem)}
.mn-st[aria-current="page"]{background:var(--krem);box-shadow:inset 3px 0 0 var(--akcija)}
.mn-st small{display:block;font-size:12.5px;font-weight:500;color:var(--meta)}
@keyframes lijevo{from{transform:translateX(-40px);opacity:.3}}
/* Proizvodi */
.police{display:flex;gap:10px;overflow-x:auto;padding:2px 20px 8px;margin:0 -20px;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none}
.police::-webkit-scrollbar{display:none}
.proizvod{flex:0 0 148px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--smedja)}
.proizvod-s{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--krem)}
.proizvod-s img{width:100%;height:100%;object-fit:cover}
.proizvod-z{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:600 30px var(--display);color:var(--roze)}
.proizvod-n{font-size:13.5px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.proizvod-c{font-size:15px;font-weight:700;color:var(--akcija)}
.proizvod-c del{font-weight:400;color:#a89588;font-size:13px;margin-left:6px}
.proizvod .oznaka{position:absolute;top:8px;left:8px;background:var(--roze);color:var(--smedja-t);text-transform:uppercase;letter-spacing:.06em}
/* Grafikon trimestara */
.tr-graf text{font:600 11px var(--body);fill:var(--smedja)}
.tr-graf .sl{fill:var(--meta);font-weight:500}
.trimestar{border-radius:var(--r-blok);padding:14px 16px;margin:0 0 10px;border:1px solid var(--linija);background:#fff}
.trimestar h3{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.trimestar h3 span{font:600 12.5px var(--body);color:var(--meta)}
.trimestar ul{margin:8px 0 0;padding-left:18px;color:var(--smedja);font-size:14.5px}
.trimestar.sad{border-color:var(--akcija);background:#fff8f5}
.mreza-ned{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.ned{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;aspect-ratio:1;border-radius:12px;border:1px solid var(--linija);background:#fff;color:var(--smedja);font:600 16px/1 var(--display);padding:0}
.ned small{font:500 10.5px var(--body);color:var(--meta)}
.ned i{width:8px;height:8px;border-radius:50%}
.ned.prosla{background:var(--krem);border-color:var(--krem)}
.ned.sad{background:var(--akcija);border-color:var(--akcija);color:#fff}.ned.sad small{color:#fff}
/* Brojači (ishrana) */
.grupa-hrane{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--linija)}
.grupa-hrane:last-child{border-bottom:0}
.gh-t{flex:1;min-width:0}
.gh-t strong{display:block;color:var(--smedja);font-size:15.5px}
.gh-t span{font-size:13px;color:var(--meta)}
.gh-tacke{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}
.gh-tacke i{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--okvir-dugmeta);background:#fff}
.gh-tacke i.p{background:var(--akcija);border-color:var(--akcija)}
.brojilo{display:flex;align-items:center;gap:6px}
.brojilo b{min-width:22px;text-align:center;font:600 18px var(--display);color:var(--smedja);font-variant-numeric:tabular-nums}
.obrok{padding:10px 0;border-bottom:1px solid var(--linija);color:var(--smedja);font-size:15px}
.obrok:last-child{border-bottom:0}
.obrok b{display:block;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--akcija);margin-bottom:2px}
/* Kegel */
.kegel-krug{width:200px;height:200px;border-radius:50%;margin:8px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--blijedo);color:var(--smedja);transition:transform 1s ease-in-out,background .6s;text-align:center}
.kegel-krug b{font:600 28px/1.1 var(--display)}
.kegel-krug span{font-size:14px;font-weight:600;color:var(--tekst)}
.kegel-krug.stegni{transform:scale(.82);background:var(--akcija);color:#fff}.kegel-krug.stegni span{color:#fff}
.kegel-krug.opusti{transform:scale(1);background:var(--mint);color:var(--obav)}
.dani7{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}
.dani7 div{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:11.5px;font-weight:700;color:var(--meta)}
.dani7 i{width:100%;max-width:34px;border-radius:6px;background:var(--krem);display:block;position:relative;height:46px;overflow:hidden}
.dani7 i em{position:absolute;left:0;right:0;bottom:0;background:var(--akcija);border-radius:6px}
.uporedi{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.uporedi figure{margin:0}
.uporedi img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;background:var(--krem)}
.uporedi figcaption{text-align:center;font:600 15px var(--display);color:var(--smedja);margin-top:6px}
@keyframes fade{from{opacity:0}}
@keyframes gore{from{transform:translateY(40px);opacity:.4}}
@keyframes desno{from{transform:translateX(28px);opacity:.3}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Obavještenje */
.toast{position:fixed;z-index:90;left:50%;bottom:calc(var(--nav-h) + var(--sab) + 90px);transform:translate(-50%,20px);max-width:calc(100% - 40px);
  background:var(--smedja);color:#fff;font-size:14.5px;font-weight:600;padding:12px 18px;border-radius:var(--r-kartica);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 6px 18px rgba(85,60,44,.25)}
.toast.vid{opacity:1;transform:translate(-50%,0)}

/* Prazno stanje */
.prazno{text-align:center;padding:26px 18px;border-radius:var(--r-blok);background:var(--kartica);border:1.5px dashed var(--linija)}
.prazno h3{margin-bottom:6px}.prazno p{color:var(--meta);font-size:14.5px}

/* Osjećanja: lica */
.lica{display:flex;gap:6px}
.lice{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 0 8px;border-radius:12px;border:1.5px solid transparent;background:#fff;color:var(--tekst);font-size:12px;font-weight:700;min-width:0}
.lice svg{width:42px;height:42px}
.lice[aria-pressed="true"]{border-color:var(--akcija);background:#fff8f5;color:var(--smedja)}
.kart .lice{background:rgba(255,255,255,.7)}

/* Dnevnik */
.nedj-h{display:flex;align-items:baseline;justify-content:space-between;margin:22px 0 10px;font:600 16px/1.3 var(--display);color:var(--smedja)}
.nedj-h:first-child{margin-top:0}
.nedj-h span{font:600 12.5px var(--body);color:var(--meta)}
.zapis{display:flex;gap:12px;width:100%;text-align:left;padding:14px;border-radius:var(--r-blok);background:#fff;border:1px solid var(--linija);margin:0 0 10px;color:inherit}
.zapis-t{flex:1;min-width:0}
.zapis-t strong{display:block;color:var(--smedja);font-size:15.5px;line-height:1.3;margin-bottom:3px}
.zapis-t p{margin:0;font-size:14px;line-height:1.5;color:var(--tekst);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.zapis-d{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;color:var(--meta);font-weight:600}
.zapis img{width:68px;height:68px;border-radius:10px;object-fit:cover;flex:0 0 auto}
.tekst-zapis{white-space:pre-wrap;color:var(--smedja);font-size:16.5px;line-height:1.7}
.ideja{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--krem);margin:0 0 14px;font-size:14.5px;color:var(--smedja)}
.ideja .ikon{color:var(--akcija);margin-top:1px}

/* Slike */
.slike{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.slika{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--krem);border:0;padding:0}
.slika img{width:100%;height:100%;object-fit:cover}
.slika .ukloni{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--smedja);display:flex;align-items:center;justify-content:center}
.dodaj-sl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:1;border-radius:10px;border:1.5px dashed var(--okvir-dugmeta);background:#fff;color:var(--akcija);font-size:12.5px;font-weight:700;cursor:pointer}
.dodaj-sl input{display:none}
.galerija-v{display:flex;flex-direction:column;gap:10px}
.galerija-v img{width:100%;border-radius:var(--r-blok)}

/* Uspomene: stomak kroz nedjelje */
.mreza-n{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.mn{position:relative;aspect-ratio:3/4;border-radius:12px;background:var(--krem);overflow:hidden;border:0;padding:0;display:flex;align-items:flex-end;justify-content:flex-start;color:var(--smedja)}
.mn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mn b{position:relative;margin:5px;padding:2px 7px;border-radius:7px;background:rgba(255,255,255,.88);font-size:12.5px;font-weight:700}
.mn.bud{background:#fff;border:1.5px dashed var(--linija);color:#c3b0a3}
.mn.sad{box-shadow:inset 0 0 0 2px var(--akcija)}
.mn .plus{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--okvir-dugmeta)}
.trenutak{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--linija)}
.trenutak:last-child{border-bottom:0}
.tr-k{width:44px;height:44px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--krem);color:var(--akcija)}
.tr-k.da{background:var(--akcija);color:#fff}
.tr-t{flex:1;min-width:0}
.tr-t strong{display:block;color:var(--smedja);font-size:15.5px}
.tr-t span{font-size:13.5px;color:var(--meta)}
.tr-t img{margin-top:8px;border-radius:12px;max-height:220px;width:100%;object-fit:cover}
.pismo{position:relative;padding:18px 18px 16px;border-radius:4px;background:var(--papir);color:var(--smedja);margin:0 0 14px;transform:rotate(-.6deg);box-shadow:0 6px 16px rgba(109,78,57,.12);border:0;width:100%;text-align:left}
.pismo:nth-child(even){transform:rotate(.5deg)}
.pismo strong{display:block;font:600 17px/1.3 var(--display);margin-bottom:4px}
.pismo p{margin:0;font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pismo .zap{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--akcija)}
.zvuk{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-blok);background:var(--krem);margin:0 0 10px}
.zvuk audio{width:100%;height:36px}
.snimanje{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0}
.snimaj-d{width:84px;height:84px;border-radius:50%;border:0;background:var(--akcija);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px var(--blijedo)}
.snimaj-d.radi{animation:puls 1.4s ease-in-out infinite}
@keyframes puls{50%{box-shadow:0 0 0 16px var(--blijedo)}}
.vrijeme-v{font:600 34px/1 var(--display);color:var(--smedja);font-variant-numeric:tabular-nums}

/* Nalazi */
.nalaz{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;padding:14px;border-radius:var(--r-blok);border:1px solid var(--linija);background:#fff;margin:0 0 10px;color:inherit}
.vrijednosti{width:100%;border-collapse:collapse;font-size:14.5px}
.vrijednosti th{text-align:left;font-size:12.5px;color:var(--meta);font-weight:700;padding:6px 6px 6px 0;border-bottom:1px solid var(--linija)}
.vrijednosti td{padding:9px 6px 9px 0;border-bottom:1px solid var(--linija);color:var(--smedja);vertical-align:top}
.vrijednosti td.van{color:#9b3b33;font-weight:700}
.vred-red{display:grid;grid-template-columns:1fr .8fr 1.2fr 34px;grid-template-areas:"n n n x" "v j r r";gap:6px;margin-bottom:10px;padding:10px;border-radius:12px;background:var(--kartica);border:1px solid var(--linija)}
.vred-red input{min-height:44px;padding:10px 12px;font-size:16px;background:#fff}
.vred-red input:nth-child(1){grid-area:n;font-weight:700}.vred-red input:nth-child(2){grid-area:v}.vred-red input:nth-child(3){grid-area:j}.vred-red input:nth-child(4){grid-area:r}
.vred-red .ib{grid-area:x;width:34px;height:34px;align-self:center;justify-self:end}
.mjere{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.mjera{padding:14px;border-radius:var(--r-blok);background:var(--krem)}
.mjera b{display:block;font:600 24px/1.1 var(--display);color:var(--smedja)}
.mjera span{font-size:13px;color:var(--meta)}

/* Ready Mom */
.rm-hero{margin:2px 20px 22px;padding:20px 18px 18px;border-radius:var(--r-panel);background:var(--mint);position:relative;overflow:hidden}
.rm-hero h2{font-size:24px;color:var(--obav);margin-bottom:6px}
.rm-hero p{color:var(--obav)}
.rm-brojke{display:flex;gap:18px;margin:12px 0 14px}
.rm-brojke div{font-size:13px;color:var(--obav);font-weight:600;line-height:1.25}
.rm-brojke b{display:block;font:600 26px/1 var(--display);color:var(--tirkiz-f)}
.grupa{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r-blok);border:1.5px solid #e8cfc8;background:#fff;margin:0 0 10px}
.grupa.prep{border-color:var(--akcija);background:#fff8f5}
.grupa-t{flex:1;min-width:0}
.grupa-t strong{display:block;color:var(--smedja);font-size:16px;line-height:1.3}
.grupa-t span{display:block;font-size:13.5px;color:var(--meta);margin-top:2px}
.grupa-t .oznaka{display:inline-block;font-size:12px;color:var(--smedja-t);margin:0 0 6px}
.predavanje{border-radius:var(--r-blok);background:#fff;border:1px solid var(--linija);margin:0 0 10px;overflow:hidden}
.pred-h{display:flex;gap:12px;align-items:center;width:100%;padding:14px;border:0;background:none;text-align:left;color:inherit}
.pred-br{width:40px;height:40px;border-radius:50%;flex:0 0 auto;background:var(--mint);color:var(--obav);font:600 17px/40px var(--display);text-align:center;overflow:hidden}
.pred-br img{width:100%;height:100%;object-fit:cover}
.pred-br.da{background:var(--tirkiz-f);color:#fff}
.pred-t{flex:1;min-width:0}
.pred-t strong{display:block;color:var(--smedja);font-size:15.5px;line-height:1.3}
.pred-t span{display:block;font-size:13px;color:var(--meta);margin-top:2px}
.pred-s{padding:0 14px 14px}
.pred-s ul{margin:0 0 12px;padding-left:18px;font-size:14.5px;color:var(--smedja)}
.pred-s li{margin-bottom:4px}
.partneri{display:grid;grid-template-columns:1fr;gap:8px}
.partner{padding:12px 14px;border-radius:12px;background:var(--krem);font-size:14px;line-height:1.45}
.partner strong{display:block;color:var(--smedja);font-size:15px}
.kontakt{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kontakt a{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;background:#fff;border:1px solid var(--linija);color:var(--smedja);font-weight:700;font-size:14px;text-decoration:none}
.kontakt a .ikon{color:var(--obav)}
details.pitanje{border-bottom:1px solid var(--linija);padding:12px 0}
details.pitanje summary{list-style:none;cursor:pointer;color:var(--smedja);font-weight:700;font-size:15px;display:flex;justify-content:space-between;gap:10px}
details.pitanje summary::-webkit-details-marker{display:none}
details.pitanje summary::after{content:"+";font-weight:600;color:var(--akcija);font-size:20px;line-height:1}
details.pitanje[open] summary::after{content:"–"}
details.pitanje p{margin:8px 0 0;font-size:14.5px}

/* Grafikoni */
.graf{position:relative}
.graf svg{display:block;width:100%;height:auto;overflow:visible}
.graf .os{font:500 11.5px var(--body);fill:var(--meta)}
.graf .mreza{stroke:var(--linija);stroke-width:1}
.tt{position:absolute;z-index:3;pointer-events:none;background:var(--smedja);color:#fff;font-size:13px;line-height:1.35;padding:7px 10px;border-radius:8px;white-space:nowrap;transform:translate(-50%,-100%);margin-top:-10px;display:none}
.tt b{font-weight:700}
.legenda{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 8px;font-size:13px;color:var(--tekst);font-weight:600}
.legenda i{display:inline-block;width:18px;height:0;border-top:2.5px solid;vertical-align:middle;margin-right:6px}
.legenda i.isp{border-top-style:dashed}
.trake{display:flex;flex-direction:column;gap:8px}
.traka{display:grid;grid-template-columns:118px 1fr 28px;gap:10px;align-items:center;font-size:13.5px;color:var(--smedja);font-weight:600}
.traka-p{height:10px;border-radius:5px;background:var(--krem);overflow:hidden}
.traka-p i{display:block;height:100%;border-radius:5px;background:var(--akcija)}
.traka em{font-style:normal;color:var(--meta);text-align:right;font-variant-numeric:tabular-nums}
.kal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.kal-h strong{color:var(--smedja);font:600 16px var(--display);text-transform:capitalize}
.kal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.kal-dn{text-align:center;font-size:11.5px;font-weight:700;color:var(--meta);padding-bottom:2px}
.kal-d{aspect-ratio:1;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--smedja);background:#fff;border:1px solid var(--linija);padding:0}
.kal-d.p{visibility:hidden}
.kal-d.d{outline:2px solid var(--smedja);outline-offset:-2px}
.kal-d.m1{background:#deaaa2;border-color:#deaaa2}.kal-d.m2{background:#cc8f87;border-color:#cc8f87}
.kal-d.m3{background:#b8766e;border-color:#b8766e;color:#fff}.kal-d.m4{background:#9e5d57;border-color:#9e5d57;color:#fff}.kal-d.m5{background:#7d4541;border-color:#7d4541;color:#fff}
.skala{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:var(--meta);font-weight:600}
.skala i{width:16px;height:16px;border-radius:5px;display:inline-block}

/* Alati */
.brojac{display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px 0 6px;text-align:center}
.brojac-d{width:180px;height:180px;border-radius:50%;border:0;background:var(--akcija);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 10px var(--blijedo);font-weight:700;letter-spacing:.04em;font-size:13px;text-transform:uppercase}
.brojac-d b{font:600 64px/1 var(--display);letter-spacing:0;text-transform:none}
.brojac-d:active{transform:scale(.97)}
.brojac-d.kon{background:var(--tirkiz-f);box-shadow:0 0 0 10px var(--mint)}
.sazetak{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
.sazetak div{padding:12px 6px;border-radius:12px;background:var(--krem);font-size:12px;color:var(--meta);font-weight:600}
.sazetak b{display:block;font:600 20px/1.2 var(--display);color:var(--smedja)}
.upozorenje{display:flex;gap:10px;padding:12px 14px;border-radius:12px;background:var(--mint);color:var(--obav);font-size:14px;line-height:1.5}
.upozorenje .ikon{flex:0 0 auto;margin-top:1px}

/* Nedjelje (pregled svih) */
.nedjelja-v{padding:0 20px}
.nedjelja-n{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}
.nedjelja-n h2{font-size:26px}
.nedjelja-tekst h3{margin:16px 0 6px}
.nedjelja-tekst p{color:var(--smedja);font-size:15.5px;line-height:1.65}

/* Zaključavanje (PIN) */
.brava{position:fixed;inset:0;z-index:100;background:var(--krem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px}
.brava h2{text-align:center}
.tacke{display:flex;gap:14px}
.tacke i{width:14px;height:14px;border-radius:50%;border:2px solid var(--akcija)}
.tacke i.p{background:var(--akcija)}
.tastatura{display:grid;grid-template-columns:repeat(3,76px);gap:12px}
.tastatura button{height:76px;border-radius:50%;border:0;background:#fff;color:var(--smedja);font:600 26px var(--display)}
.tastatura button:active{background:var(--blijedo)}
.tastatura .prazan{visibility:hidden}
.trese{animation:trese .35s}
@keyframes trese{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}

/* Uvod */
.uvod{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:calc(28px + var(--sat)) 24px calc(24px + var(--sab));max-width:var(--sir);margin:0 auto}
.uvod-k{flex:1;display:flex;flex-direction:column;justify-content:center}
.uvod h1{font-size:34px;margin:18px 0 12px}
.uvod p.v{font-size:16.5px;color:var(--smedja);line-height:1.6}
.uvod-tacke{display:flex;gap:6px;justify-content:center;margin-bottom:16px}
.uvod-tacke i{width:8px;height:8px;border-radius:50%;background:var(--linija)}
.uvod-tacke i.a{background:var(--akcija);width:22px;border-radius:4px}
.izbor{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}
.izbor label{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r-blok);border:1.5px solid var(--linija);background:#fff;color:var(--smedja);font-weight:600;cursor:pointer}
.izbor input{width:22px;height:22px;border-radius:50%;border:1.75px solid var(--okvir-dugmeta);flex:0 0 auto;display:grid;place-content:center;margin:0}
.izbor input:checked{border-color:var(--akcija)}
.izbor input:checked::after{content:"";width:11px;height:11px;border-radius:50%;background:var(--akcija)}
.izbor label:has(input:checked){border-color:var(--akcija);background:#fff8f5}
.rezultat{padding:14px 16px;border-radius:var(--r-blok);background:var(--blijedo);color:var(--smedja);font-weight:600;margin:0 0 16px}

/* Knjiga uspomena (pregled i štampa) */
.knjiga{background:var(--krem);padding:18px 14px 40px}
.kn-str{background:#fff;border-radius:6px;padding:28px 22px;margin:0 auto 16px;max-width:520px;box-shadow:0 4px 18px rgba(109,78,57,.1);page-break-after:always;break-after:page}
.kn-nas{font:600 30px/1.1 var(--display);color:var(--smedja);margin:0 0 6px}
.kn-podn{font-size:14px;color:var(--meta);margin:0 0 18px}
.kn-cover{text-align:center;padding:46px 22px;background:var(--blijedo)}
.kn-cover .kn-nas{font-size:38px}
.kn-cover img{width:70%;margin:20px auto;border:10px solid #fff;transform:rotate(-2deg);box-shadow:0 6px 18px rgba(109,78,57,.18)}
.kn-mreza{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kn-mreza figure{margin:0}
.kn-mreza img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px}
.kn-mreza figcaption{font-size:12px;font-weight:700;color:var(--smedja);text-align:center;margin-top:3px}
.kn-zapis{margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid var(--linija)}
.kn-zapis:last-child{border-bottom:0}
.kn-zapis h4{margin:0 0 2px}
.kn-zapis .d{font-size:12.5px;color:var(--meta);font-weight:700;margin-bottom:6px}
.kn-zapis p{white-space:pre-wrap;color:var(--smedja);font-size:14.5px;line-height:1.65}
.kn-zapis img{margin:8px 0;border-radius:6px;max-height:320px;object-fit:cover;width:100%}
@media print{
  @page{margin:12mm}
  body{background:#fff}
  #app,.tabs,.fab,.toast,.pg-h,.knjiga-alati{display:none!important}
  .pg{position:static;overflow:visible;animation:none}
  .knjiga{background:#fff;padding:0}
  .kn-str{box-shadow:none;max-width:none;border-radius:0;padding:0 0 10mm}
}

/* Svi artikli na stanju (prodavnica) */
.mreza-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
.mreza-art .proizvod{flex:none;min-width:0}
@media (min-width:560px){.mreza-art{grid-template-columns:repeat(3,minmax(0,1fr))}}