/* ==========================================================================
   FOR.hr — Kadence desktop navigation normalization
   ========================================================================== */

@media (min-width: 1050px) {

  /* Header koristi cijelu raspoloživu širinu. */
  #masthead .site-header-row-container-inner > .site-container {
    width: 100%;
    max-width: none;
    padding-inline: clamp(1.5rem, 4vw, 4rem);
  }

  /* Logo zauzima samo svoj prirodni prostor. */
  #masthead .site-header-section-left {
    flex: 0 0 auto;
  }

  /* Prazna srednja zona ne smije rezervirati širinu. */
  #masthead .site-header-section-center {
    flex: 0 0 auto;
    min-width: 0;
  }

  /* Navigacija dobiva sav preostali prostor. */
  #masthead .site-header-section-right {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
  }

  #masthead .main-navigation,
  #masthead .primary-menu-container {
    width: auto;
    max-width: none;
  }

  /* Sve stavke ostaju u jednom redu. */
  #masthead .primary-menu-container > ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    white-space: nowrap;
  }

  /* Poravnanje svih menu itema, uključujući prvi i active item. */
  #masthead .primary-menu-container > ul > li,
  #masthead .primary-menu-container > ul > li:first-child {
    display: flex;
    align-items: center;
    margin-top: 0;
    transform: none;
  }

  #masthead .primary-menu-container > ul > li > a,
  #masthead .primary-menu-container > ul > li:first-child > a,
  #masthead .primary-menu-container > ul > li.current-menu-item > a,
  #masthead .primary-menu-container > ul > li.current-menu-ancestor > a {
    display: flex;
    align-items: center;
    min-height: 100%;
    margin-top: 0;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    line-height: 1.2;
    transform: none;
    white-space: nowrap;
  }
}