/* Tinte.lv V2.8.36.2 — header action polish */

/* Keep the right-side action group compact and optically aligned. */
.nav-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  white-space:nowrap;
}

/* Search + theme: exactly the same geometry. */
.nav-actions button,
.nav-actions .icon-btn{
  box-sizing:border-box!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid var(--line)!important;
  border-radius:50%!important;
  background:var(--paper)!important;
  color:var(--ink)!important;
  line-height:1!important;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.nav-actions button:hover,
.nav-actions .icon-btn:hover{
  background:var(--soft)!important;
  border-color:color-mix(in srgb,var(--ink) 22%,var(--line))!important;
  transform:translateY(-1px);
}
.nav-actions button:focus-visible,
.nav-actions .icon-btn:focus-visible,
.nav-prognozes-v28362:focus-visible{
  outline:2px solid #16834a!important;
  outline-offset:3px!important;
}
.nav-actions button svg,
.nav-actions .icon-btn svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Fallback drawings for legacy glyph buttons (⌕ / ◐). */
.nav-actions button:not([data-theme]){
  position:relative;
  font-size:0!important;
}
.nav-actions button:not([data-theme])::before{
  content:"";
  width:12px;
  height:12px;
  border:1.8px solid currentColor;
  border-radius:50%;
  position:absolute;
  left:12px;
  top:11px;
}
.nav-actions button:not([data-theme])::after{
  content:"";
  width:6px;
  height:1.8px;
  border-radius:2px;
  background:currentColor;
  position:absolute;
  left:23px;
  top:25px;
  transform:rotate(45deg);
  transform-origin:left center;
}
.nav-actions button:not([data-theme]):has(svg)::before,
.nav-actions button:not([data-theme]):has(svg)::after{display:none!important}

.nav-actions [data-theme]{
  position:relative;
  font-size:0!important;
}
.nav-actions [data-theme]::before{
  content:"";
  width:15px;
  height:15px;
  border:1.8px solid currentColor;
  border-radius:50%;
  display:block;
  box-shadow:inset -5px 0 0 -3px currentColor;
}
.nav-actions [data-theme]:has(svg)::before{display:none!important}

/* Prognozes is a separate CTA on the right, not another category link. */
.nav-prognozes-v28362{
  box-sizing:border-box;
  min-height:40px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:0 15px!important;
  margin:0 3px 0 0!important;
  border:1px solid #157a45!important;
  border-radius:999px!important;
  background:#16834a!important;
  color:#fff!important;
  font:800 13px/1 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.01em;
  text-decoration:none!important;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.nav-prognozes-v28362:hover{
  background:#116d3d!important;
  border-color:#116d3d!important;
  color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(17,109,61,.18);
}
.nav-prognozes-v28362.active{
  background:#0f6137!important;
  border-color:#0f6137!important;
  box-shadow:0 0 0 3px rgba(22,131,74,.13);
}

body[data-theme="dark"] .nav-actions button,
body[data-theme="dark"] .nav-actions .icon-btn{
  background:#181a17!important;
  border-color:#343832!important;
  color:#f4f5ef!important;
}
body[data-theme="dark"] .nav-actions button:hover,
body[data-theme="dark"] .nav-actions .icon-btn:hover{
  background:#242720!important;
  border-color:#4a5047!important;
}
body[data-theme="dark"] .nav-prognozes-v28362{
  background:#1b8f52!important;
  border-color:#24995e!important;
  color:#fff!important;
}
body[data-theme="dark"] .nav-prognozes-v28362:hover{
  background:#22a261!important;
  border-color:#22a261!important;
}

@media(max-width:1080px){
  .nav-prognozes-v28362{padding:0 12px!important;font-size:12px!important}
  .nav-actions{gap:7px!important}
}
@media(max-width:900px){
  .nav-prognozes-v28362{min-height:38px;padding:0 12px!important}
  .nav-actions button,.nav-actions .icon-btn{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
}
@media(max-width:520px){
  .nav-prognozes-v28362{padding:0 10px!important;font-size:11px!important}
  .nav-actions{gap:6px!important}
}