:root{
  --cb-primary:#145f7a;
  --cb-accent:#f4a261;
  --cb-text:#1b1b1b;
  --cb-muted:#6b7280;
  --cb-white:#fff;
  --cb-bg:#f8fafb;
  --cb-border:rgba(0,0,0,.08);
  --cb-shadow:0 10px 28px rgba(0,0,0,.15);
  --cb-radius:12px;
  --cb-max:1300px;
}

.cb-header{
  position:sticky; top:0; z-index:40;
  background:var(--cb-white);
  border-bottom:1px solid var(--cb-border);
}
.cb-header__inner{
  max-width:var(--cb-max);
  margin:0 auto;
  padding:.75rem 1rem;
  display:flex;
  align-items:center;
  gap:16px;
}
.cb-branding{ display:flex; align-items:center; }
/* Logo dimenzije i sprječavanje prelamanja menija */
.cb-logo img,
.custom-logo {
    max-height: 88px;
    height: auto;
    width: auto;
    display: block;
    margin-top: -10px;
    margin-bottom: -10px;
}

/* da top-level stavke ne prelaze u novi red */
@media (min-width: 1025px){
  .cb-menu{ flex-wrap: nowrap; }
  .cb-menu > .menu-item,
  .cb-menu > .menu-item > .menu-link{
    white-space: nowrap;
  }
}

/* Mobile burger */
.cb-nav__burger{
  margin-left:auto;
  display:none;
  cursor:pointer;
  width:44px; height:44px;
  border-radius:8px;
  align-items:center; justify-content:center;
  position:relative;
}
.cb-nav__burger span{
  position:absolute; left:10px; right:10px; height:2px; background:#111;
  transition:transform .2s ease, opacity .2s ease, top .2s ease;
}
.cb-nav__burger span:nth-child(1){ top:16px; }
.cb-nav__burger span:nth-child(2){ top:22px; }
.cb-nav__burger span:nth-child(3){ top:28px; }
.cb-nav__label{ position:absolute; left:-9999px; }
.cb-nav__toggle{ display:none; }
.cb-nav__toggle:checked + .cb-nav__burger span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.cb-nav__toggle:checked + .cb-nav__burger span:nth-child(2){ opacity:0; }
.cb-nav__toggle:checked + .cb-nav__burger span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

/* Horizontal nav */
.cb-nav{ margin-left:auto; }
.cb-menu{ list-style:none; display:flex; gap:18px; margin:0; padding:0; }
.cb-menu > .menu-item{ position:relative; }
.menu-link{ display:inline-block; padding:.75rem .5rem; text-decoration:none; color:#111; font-weight:600; }
.menu-link:hover{ color:var(--cb-primary); }
.menu-item-donate .menu-link{
  background:var(--cb-accent); color:#2b2b2b; border-radius:999px; padding:.55rem .9rem; box-shadow:0 6px 14px rgba(0,0,0,.1);
}
.menu-item-donate .menu-link:hover{ filter:brightness(.95); }

/* Caret (mobile only visible) */
.cb-caret{ display:none; width:28px; height:28px; border-radius:6px; margin-left:.25rem; background:var(--cb-bg); position:relative; top:4px; cursor:pointer; }
.cb-caret::before{ content:""; position:absolute; inset:0; width:0; height:0; margin:auto; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #333; }

/* Classic dropdown */
.menu-item-has-children > .sub-menu{
  position:absolute; left:0; top:100%;
  background:var(--cb-white);
  border:1px solid var(--cb-border);
  border-radius:10px;
  min-width:260px;
  padding:8px 0;
  box-shadow:var(--cb-shadow);
  display:none;
}
.menu-item-has-children:hover > .sub-menu,
.menu-item-has-children:focus-within > .sub-menu{ display:block; }

.sub-menu li{ list-style:none; }
.sub-menu a{ display:block; padding:.55rem .9rem; color:var(--cb-text); text-decoration:none; }
.sub-menu a:hover{ background:var(--cb-bg); }

/* Multi-column variant for long lists (Anomalije) */
.sub-menu--columns{
  width:560px;
  display:none;
  column-count:2;
  column-gap:12px;
  padding:12px;
}
.menu-item-has-children:hover > .sub-menu--columns,
.menu-item-has-children:focus-within > .sub-menu--columns{ display:block; }
.sub-menu--columns li{ break-inside:avoid; }
.sub-menu__footer{ padding-top:6px; border-top:1px dashed var(--cb-border); margin-top:6px; }
.cb-btn{ display:inline-flex; align-items:center; gap:.35rem; padding:.5rem .8rem; border-radius:999px; text-decoration:none; font-weight:600; }
.cb-btn--ghost{ background:var(--cb-bg); color:#222; }

/* MOBILE */
@media (max-width: 1024px){
  .cb-nav__burger{ display:flex; }
  .cb-nav{ position:fixed; inset:64px 0 0 0; background:rgba(0,0,0,.25); pointer-events:none; opacity:0; transition:opacity .2s ease; }
  .cb-nav__toggle:checked ~ .cb-nav{ opacity:1; pointer-events:auto; }
  .cb-menu{
    position:absolute; right:0; top:0; bottom:0;
    width:min(420px, 100%);
    background:var(--cb-white);
    flex-direction:column;
    gap:0;
    padding:12px;
    overflow:auto;
    border-left:1px solid var(--cb-border);
  }
  .menu-link{ padding:.9rem .75rem; }
  .menu-item-donate .menu-link{ margin:.5rem .5rem; text-align:center; }

  .cb-caret {
        display: inline-block;
        margin-bottom: -4px;
    }
  .cb-subtoggle{ display:none; }

  /* dropdowns as accordions */
  .menu-item-has-children > .sub-menu{ position:static; box-shadow:none; border:1px dashed var(--cb-border); border-radius:10px; margin:8px; padding:8px; display:none; width: 88%;}
  #cb-sub-anom:checked ~ .sub-menu{ display:block; }
  #cb-sub-rod:checked ~ .sub-menu{ display:block; }
  .sub-menu--columns{ width:auto; column-count:1; padding:8px; }
  .cb-nav__label {
      display: none;
  }
  
  .cb-menu > .menu-item {
    padding-left: 24px;
}

.cb-hero__btns .cb-btn:nth-child(2) {
    display: none;
}
}

@media (prefers-reduced-motion: reduce){
  .cb-nav__burger span{ transition:none; }
  .cb-nav{ transition:none; }
}


/* === FIX: no wrap for top-level menu items (desktop) === */
@media (min-width: 1025px){
  .cb-menu{ 
    flex-wrap: nowrap;           /* ne prelamaj red */
  }
  .cb-menu > .menu-item{
    white-space: nowrap;         /* cijeli item u jednom redu */
  }
  .cb-menu > .menu-item > .menu-link{
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: manual;
  }
}

@media (min-width: 1025px){
  .cb-menu{ gap: 14px; }   /* npr. sa 18px na 14px */
}

.cb-subtoggle {
    display: none;
}

/* === Submenu items: allow wrapping (fix long titles) === */
@media (min-width: 1025px){
  /* samo podizbornici smiju u novi red */
  .sub-menu a{
    white-space: normal;      /* prelama u novi red */
    overflow-wrap: anywhere;  /* dozvoli prijelom riječi po potrebi */
    word-break: normal;       /* zadrži prirodno lomljenje */
    hyphens: auto;            /* mekano rastavljanje riječi (radi bolje uz lang="hr") */
    line-height: 1.3;
  }
  .sub-menu li{ max-width: 100%; }
}

/* ako koristiš dvostupčani dropdown za Anomalije */
.sub-menu--columns{
  width: 600px;     /* po potrebi povisi širinu panela */
  max-width: 90vw;  /* da ne iskoči iz viewporta */
  column-gap: 14px;
}
.sub-menu--columns li{ break-inside: avoid; }

/* Apply site-wide or scope with a parent if you prefer */
.cb-foto .wp-block-gallery.has-nested-images{
  /* override Gutenberg's inline grid if present */
  display: block !important;
  column-count: 3;          /* 3 cols desktop */
  column-gap: 14px;
  margin: 0;
}

.cb-foto .wp-block-gallery.has-nested-images .wp-block-image{
  break-inside: avoid;      /* prevent split */
  margin: 0 0 14px 0;
  border-radius: 12px;
  overflow: hidden;
}

.cb-foto .wp-block-gallery.has-nested-images .wp-block-image img{
  width: 100%;
  height: auto;
  display: block;
}

/* Responsive */
@media (max-width: 1024px){
  .cb-foto .wp-block-gallery.has-nested-images{ column-count: 2; }
}
@media (max-width: 640px){
  .cb-foto .wp-block-gallery.has-nested-images{ column-count: 1; }
}