/* Novi meni (31.10.2026): bela gornja traka; na telefonu donja traka kao u aplikaciji + panel "Više". Markup: lib/meni.inc.php */
.tm,.tm *{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;text-transform:none!important;letter-spacing:normal}
.tm a{text-decoration:none!important}
.tm-ik{display:block;flex:none}
.tm-logo{display:inline-flex;align-items:center;gap:8px;color:#e23b3b!important;font-size:21px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.tm-logo img{width:36px!important;height:36px!important;display:block}
.tm-logo b{font-weight:800;color:#0e6fa8}

/* zaglavlje: bez starog plavog okvira, lepi se za vrh */
#header.tm-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e3e8ee;box-shadow:0 1px 4px rgba(16,40,70,.06)}
#header.tm-header #headerInner{border:0!important}

/* ========== računar ========== */
.tmD{display:none}
@media(min-width:769px){
  .tmD{display:block}
  .tmD-in{max-width:1036px;margin:0 auto;display:flex;align-items:center;gap:22px;height:68px;padding:0 4px}
  .tmD .tm-logo{font-size:25px}
  .tmD .tm-logo img{width:46px!important;height:46px!important}
  .tmD-nav{display:flex;gap:2px;flex:1}
  .tmD-st{position:relative}
  .tmD-st>a{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:10px;color:#1d2733!important;font-weight:700;font-size:15px}
  .tmD-st>a:hover,.tmD-st:focus-within>a{background:#eaf5fc;color:#0e6fa8!important}
  .tmD-st>a.akt{color:#0e6fa8!important}
  .tmD-st>a .tm-ik{color:#1690d4}
  .tmD-pad{display:none;position:absolute;top:100%;left:0;min-width:270px;background:#fff;border:1px solid #e3e8ee;border-radius:14px;box-shadow:0 10px 30px rgba(16,40,70,.14);padding:8px;z-index:10}
  .tmD-st:hover .tmD-pad,.tmD-st:focus-within .tmD-pad{display:block}
  .tmD-pad.dve{min-width:390px}
  .tmD-st:hover .tmD-pad.dve,.tmD-st:focus-within .tmD-pad.dve{display:grid;grid-template-columns:1fr 1fr}
  .tmD-pad a{display:block;padding:9px 12px;border-radius:9px;color:#1d2733!important;font-size:14px;font-weight:600;white-space:nowrap}
  .tmD-pad a:hover{background:#f3f6f9;color:#0e6fa8!important}
  .tmD-desno{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7785}
  .tmD-desno a{padding:7px 10px;border-radius:9px;border:1px solid #e3e8ee;color:#1d2733!important;font-weight:700;font-size:13px}
  .tmD-desno a:hover{border-color:#1690d4;color:#0e6fa8!important}
  .tmD-dat{white-space:nowrap}
}

/* ========== telefon: gornja traka + red prečica (predlog C; bez donje trake zbog anchor oglasa) ========== */
.tmM,.tmC-cipovi{display:none}
@media(max-width:768px){
  #header.tm-header{transition:transform .25s ease}
  #header.tm-header.tm-sklonjen{transform:translateY(-100%)}
  .tmM{display:flex;align-items:center;justify-content:space-between;gap:10px;height:56px;padding:0 12px}
  .tmM .tm-logo{font-size:20px}
  .tmM-dug{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 12px;border:0;border-radius:12px;background:#f3f6f9;color:#1d2733;font-weight:700;font-size:14px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .tmM-jez{font-size:13px;font-weight:800;color:#0e6fa8!important;padding:8px 10px;border-radius:10px;background:#eaf5fc}
  .tmC-cipovi{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 12px 10px}
  .tmC-cipovi::-webkit-scrollbar{display:none}
  .tmC-cipovi a{flex:none;display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#f3f6f9;color:#1d2733!important;font-weight:700;font-size:13.5px}
  .tmC-cipovi a .tm-ik{color:#1690d4}
  .tmC-cipovi a.akt{background:#1690d4;color:#fff!important}
  .tmC-cipovi a.akt .tm-ik{color:#fff}
}

/* ========== panel "Meni" (ceo ekran na telefonu, u sredini na računaru) ========== */
.tm-poz{position:fixed;inset:0;background:rgba(10,20,30,.45);z-index:1500;display:none}
.tm-poz.otv{display:block}
.tm-panel{position:fixed;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#f3f6f9;z-index:1501;transform:translateX(-105%);visibility:hidden;transition:transform .25s ease,visibility .25s;padding:0 14px calc(18px + env(safe-area-inset-bottom))}
.tm-panel.otv{transform:none;visibility:visible}
.tm-pnas{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:800;margin:0 -14px 10px;padding:12px 16px;background:#f3f6f9;color:#1d2733}
.tm-x{border:0;background:#e4ebf1;border-radius:50%;width:34px;height:34px;font-size:15px;cursor:pointer;color:#1d2733}
.tm-plocice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.tm-plocice a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 4px;background:#fff;border-radius:14px;color:#1d2733!important;font-size:12.5px;font-weight:700;text-align:center;box-shadow:0 1px 3px rgba(16,40,70,.06)}
.tm-plocice a .tm-ik{color:#1690d4}
.tm-mreza{columns:2;column-gap:10px}
@media(max-width:360px){.tm-mreza{columns:1}}
.tm-grupa{background:#fff;border-radius:16px;margin-bottom:10px;overflow:hidden;box-shadow:0 1px 3px rgba(16,40,70,.06);break-inside:avoid}
.tm-grupa h3{display:flex;align-items:center;gap:8px;margin:0!important;padding:12px 12px 6px!important;font-size:14px!important;font-weight:800!important;color:#1d2733!important;border:0!important;background:none!important}
.tm-grupa h3 .tm-ik{color:#1690d4}
.tm-grupa summary{display:flex;align-items:center;gap:12px;padding:14px;font-weight:800;font-size:15px;color:#1d2733;cursor:pointer;list-style:none}
.tm-grupa summary::-webkit-details-marker{display:none}
.tm-grupa summary .tm-ik{color:#1690d4}
.tm-grupa summary::after{content:"›";margin-left:auto;font-size:22px;color:#b7c0c9;transition:transform .2s}
.tm-grupa[open] summary::after{transform:rotate(90deg)}
.tm-linkovi{padding:0 8px 8px 12px}
.tm-linkovi a{display:block;padding:8px 0;color:#1d2733!important;font-size:13px;font-weight:600;border-top:1px solid #f0f3f6}
.tm-dno-linkovi{display:flex;gap:8px;margin-top:4px}
.tm-dno-linkovi a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 6px;background:#fff;border-radius:12px;color:#1d2733!important;font-weight:700;font-size:13px}
html.tm-zakljucano,html.tm-zakljucano body{overflow:hidden}
@media(min-width:769px){.tm-panel{inset:auto;left:50%;top:8vh;width:560px;margin-left:-280px;border-radius:22px;max-height:84vh;transform:translateY(20px);opacity:0;transition:opacity .2s,transform .2s,visibility .2s}.tm-panel.otv{opacity:1;transform:none}.tm-pnas{border-radius:22px 22px 0 0}}