/************************************************
 UI-MENU-DESKOP.CSS
************************************************/
@media (min-width: 1024px) {
  /* ===========================
     MENU — DESKOP (JEDYNE ŹRÓDŁO PRAWDY)
  =========================== */
  body.ui-internal .menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;

    display: flex;
    align-items: center;
    gap: 24px;

    height: 64px;
    padding: 0 24px;

    background: linear-gradient(to bottom, #ffffff, #f9fafb);
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 6px 18px rgba(0,0,0,.06);

    z-index: 9999;

    /* 🔒 JS steruje TYLKO tym */
    transform: translateY(0);
    transition: transform .2s ease;
  }

  body.ui-internal .menu.is-hidden {
    transform: translateY(-100%);
  }

  /* ===========================
     LINKI
  =========================== */

  body.ui-internal .menu a {
    color: #0f172a;
    font-weight: 600;
    letter-spacing: 0.2px;
  }

  body.ui-internal .menu a:hover,
  body.ui-internal .menu a.active {
    color: #f59e0b;
  }

  /* ===========================
     LOGO
  =========================== */

  .menu-logo {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    height: 100%;
  }

	.menu-search {
	  flex: 1 1 auto;          /* zajmuje środek */
	  display: flex;
	  align-items: center;
	  justify-content: center; /* 🔑 centruje search */
	  min-width: 0;
	}

  .menu-logo img {
    height: 28px;          /* 🔑 kanoniczna wysokość */
    width: auto;
    display: block;
  }

  /* ===========================
     IKONY
  =========================== */

  .menu-icons {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .menu-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
  }

  .menu-icon svg {
    width: 25px;
    height: 25px;
    stroke: #f97316;
    fill: none;
    stroke-width: 2;
  }

  .menu-icon-add svg {
    width: 43px;
    height: 43px;
    stroke-width: 2.5;
  }
}