/* INFOBUDO — unified navigation */

.utility {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
  min-height: 56px;
  padding: 5px 16px;
  overflow: visible !important;
  position: relative;
  z-index: 2000;
}

.utility > a,
.utility > details > summary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 15px;
  border-radius: 10px;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  list-style: none;
}

.utility > details > summary::-webkit-details-marker {
  display: none;
}

.utility > details {
  position: static;
  flex-shrink: 0;
}

.utility > a {
  flex-shrink: 0;
}

.utility > a:hover,
.utility > details > summary:hover,
.utility > details[open] > summary {
  background: #edf6ff;
  color: #086eb6;
}

.utility .utility-promo,
.utility .utility-new {
  color: #fff !important;
}

.utility .utility-promo:hover {
  background: #ef4c08 !important;
  color: #fff !important;
}

.utility .utility-new:hover {
  background: #0097a7 !important;
  color: #fff !important;
}

/* Keep all dropdown panels above the main header */
.utility .mega-menu-panel,
.utility .utility-mega-panel,
.utility .contractor-mega-panel,
.utility .utility-dropdown-panel {
  z-index: 2100;
}

.utility .mega-menu[open] > .mega-menu-panel,
.utility .utility-mega[open] > .utility-mega-panel,
.utility .contractor-menu[open] > .contractor-mega-panel {
  display: grid !important;
}

.utility .utility-dropdown[open] > .utility-dropdown-panel {
  display: block !important;
}

/* Responsive: horizontal scroll instead of hiding navigation */
@media (max-width: 1100px) {
  .utility {
    overflow-x: auto !important;
    overflow-y: visible;
  }

  .utility-right {
    display: none;
  }
}

/* INFOBUDO MENU COLORS FIX START */

/* Standardowe pozycje menu */
html body .utility > a,
html body .utility > details > summary,
html body .utility .utility-mega > summary,
html body .utility .contractor-menu > summary {
    color: #102c49 !important;
}

/* Promocje */
html body .utility .utility-dropdown > summary.utility-promo,
html body .utility .utility-dropdown > summary.utility-promo:hover,
html body .utility .utility-dropdown[open] > summary.utility-promo {
    color: #ffffff !important;
    background-color: #ff510c !important;
}

/* Nowości */
html body .utility .utility-dropdown > summary.utility-new,
html body .utility .utility-dropdown > summary.utility-new:hover,
html body .utility .utility-dropdown[open] > summary.utility-new {
    color: #ffffff !important;
    background-color: #009da9 !important;
}

/* Kolor napisów i ikon wewnątrz przycisków */
html body .utility .utility-dropdown > summary.utility-promo *,
html body .utility .utility-dropdown > summary.utility-new * {
    color: inherit !important;
}

/* Linki wewnątrz rozwijanych paneli */
html body .utility .mega-menu-panel a,
html body .utility .utility-mega-panel a,
html body .utility .contractor-mega-panel a,
html body .utility .utility-dropdown-panel a {
    color: #102c49 !important;
}

/* INFOBUDO MENU COLORS FIX END */