/* NT 2026-09-30 FINAL-G (pklawfirm.sk, stand 8084): owner edits P16, P17, P19 for the header.
   P16: main menu is flat now (menu items moved in menus 40, 64, 66); here only gaps so it fits one line from 1280.
   P17: gold phone button in the header row (widget 56b4a99 in HFE 3964, 10291 and their EN, RU copies): bigger, white bold.
   P19: side panel contacts (and the same block in the mobile menu): phone first (gold, bold, bigger), e-mail, address, rest.
   Rollback: delete this file (and run g-menu-apply.php rollback for the menu order). */

/* ---------- P16: gaps between top level menu items ---------- */
@media (min-width: 1280px) and (max-width: 1439px) {
  body #masthead .elementor-widget-constructum_navigation_menu .header-menu-container .main-menu > li:not(:last-child) {
    margin-right: 22px;
  }
}

/* ---------- P17: phone button in the header row ---------- */
body #masthead .elementor-element.elementor-element-56b4a99 > .elementor-widget-container {
  margin-left: 24px;
}
body #masthead .elementor-element.elementor-element-56b4a99 .elementor-button {
  color: #fff;
  fill: #fff;
  font-size: 19px;
  font-weight: 800;
  line-height: 22px;
  letter-spacing: .2px;
  padding: 16px 30px;
  white-space: nowrap;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .16);
}
body #masthead .elementor-element.elementor-element-56b4a99 .elementor-button .elementor-button-content-wrapper {
  gap: 11px;
  align-items: center;
}
body #masthead .elementor-element.elementor-element-56b4a99 .elementor-button .elementor-button-icon {
  font-size: 18px;
  color: #fff;
  fill: #fff;
}
body #masthead .elementor-element.elementor-element-56b4a99 .elementor-button .elementor-button-icon svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}
/* hover: darker gold, white text stays readable (the theme hover is a light gold) */
body #masthead .elementor-element.elementor-element-56b4a99 .elementor-button:hover,
body #masthead .elementor-element.elementor-element-56b4a99 .elementor-button:focus {
  background-color: #0f4c57;
  border-color: #0f4c57;
  color: #fff;
}
body #masthead .elementor-element.elementor-element-56b4a99 .elementor-button:hover svg,
body #masthead .elementor-element.elementor-element-56b4a99 .elementor-button:focus svg {
  fill: #fff;
}
@media (min-width: 1600px) {
  body #masthead .elementor-element.elementor-element-56b4a99 .elementor-button {
    font-size: 20px;
    padding: 17px 32px;
  }
  body #masthead .elementor-element.elementor-element-56b4a99 .elementor-button .elementor-button-icon {
    font-size: 19px;
  }
}

/* ---------- P19: side panel (desktop, button with four squares) ---------- */
.slide-sidebar .widget_constructum_contacts_widget .side-widget-wrapper {
  display: flex;
  flex-direction: column;
}
.slide-sidebar .widget_constructum_contacts_widget .side-widget-title {
  order: 0;
  margin-bottom: 0;
}
.slide-sidebar .widget_constructum_contacts_widget .constructum-contacts-widget-phone { order: 1; }
.slide-sidebar .widget_constructum_contacts_widget .constructum-contacts-widget-email { order: 2; }
.slide-sidebar .widget_constructum_contacts_widget .constructum-contacts-widget-address { order: 3; }
.slide-sidebar .widget_constructum_contacts_widget .constructum-contacts-widget-link { order: 4; }
.slide-sidebar .widget_constructum_contacts_widget .constructum-contacts-widget-phone a[href^="tel:"] {
  color: #166574;
  font-size: 23px;
  font-weight: 800;
  line-height: 32px;
  letter-spacing: .2px;
  white-space: nowrap;
}
.slide-sidebar .widget_constructum_contacts_widget .constructum-contacts-widget-phone a[href^="tel:"]:hover {
  color: #0f4c57;
}

/* same block in the mobile menu (burger): phone first, gold, bold, bigger */
.mobile-header-menu-container .header-mobile-contacts {
  display: flex;
  flex-direction: column;
}
.mobile-header-menu-container .header-mobile-contacts .contact-item-phone {
  order: 1;
  margin-top: 0;
}
.mobile-header-menu-container .header-mobile-contacts .contact-item-email {
  order: 2;
  margin-top: 15px;
}
.mobile-header-menu-container .header-mobile-contacts .contact-item-address {
  order: 3;
  margin-top: 15px;
}
.mobile-header-menu-container .header-mobile-contacts .contact-item-phone a[href^="tel:"] {
  color: #166574;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: .2px;
  white-space: nowrap;
}