/* Vrtec Ormož – Smarty, header_view-style_1.
   Dodajte na konec style.css aktivne child teme.
   Prejšnji generični blok »VRTEC ORMOZ - HEADER POPRAVEK« odstranite.
*/

@media screen and (min-width: 1200px) {
  #masthead.header_view-style_1 > .container {
    width: calc(100% - 32px);
    max-width: 1440px;
  }

  #masthead.header_view-style_1 > .container > .header__content {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 16px;
    float: none;
    width: 100%;
    min-height: 100px;
  }

  #masthead.header_view-style_1 .header__content > .logo {
    flex: 0 1 215px;
    float: none;
    width: 215px;
    min-width: 140px;
    max-width: 215px;
    height: auto;
    line-height: normal;
  }

  #masthead.header_view-style_1 .header__content > .logo img {
    display: block;
    width: 100%;
    height: auto;
  }

  #masthead.header_view-style_1 .header__content > .nav_menu_indent {
    display: none;
  }

  #masthead.header_view-style_1 .header__content > .stm-nav_type_header {
    order: 1;
    flex: 1 0 auto;
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
  }

  #masthead.header_view-style_1 #header-nav-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 10px;
    margin: 0;
    padding: 0;
  }

  #masthead.header_view-style_1 #header-nav-menu > .menu-item {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
  }

  #masthead.header_view-style_1 #header-nav-menu > .menu-item > a {
    font-size: 16px;
    white-space: nowrap;
  }

  #masthead.header_view-style_1 .header__content > .top-bar__search {
    order: 2;
    flex: 0 0 auto;
    float: none;
    margin: 0;
  }
}

/* Prostor tudi za odprto iskalno polje na manjših namiznih zaslonih. */
@media screen and (min-width: 1200px) and (max-width: 1359.98px) {
  #masthead.header_view-style_1 #header-nav-menu {
    gap: 6px;
  }

  #masthead.header_view-style_1 #header-nav-menu > .menu-item > a {
    font-size: 14px;
  }
}

/* Na ožjih zaslonih uporabimo obstoječo mobilno glavo teme.
   Izvirna pravila za širine do vključno 768 px ostanejo nedotaknjena. */
@media screen and (min-width: 769px) and (max-width: 1199.98px) {
  #masthead.header_view-style_1,
  .header-holder_view-style_1 > .top-bar {
    display: none;
  }

  .header-holder_view-style_1 > .top-bar-mobile,
  .header-holder_view-style_1 > .header-mobile {
    display: block;
  }
}