/*
 * header-logo.css - NAICON FMS logo on the left of the menu bar, with clear
 * space before the navigation (requested 2026-09-28).
 *
 * The menu row (Elementor section a4bdf89 in partials/header.html) has three
 * columns: b55b075 (left, was empty - now holds the logo), d528082 (the
 * ElementsKit menu) and dad9e1b (right, empty).
 */
#site-header .naicon-logo {
  display: inline-block;
  line-height: 0;
}

#site-header .naicon-logo img {
  display: block;
  width: auto;
  height: 60px;          /* menu bar is 80px tall */
  max-width: 100%;
}

/* Desktop: extra space between the logo and the menu */
@media (min-width: 1025px) {
  #site-header .elementor-element-d528082 > .elementor-widget-wrap {
    padding-left: 40px !important;
  }
}

/* Tablet + phone (the menu turns into a hamburger below 1025px):
   logo left, hamburger right, empty right column removed. */
@media (max-width: 1024px) {
  #site-header .elementor-element-a4bdf89 > .elementor-container {
    flex-wrap: nowrap;
    align-items: center;
    padding: 8px 16px;
  }
  #site-header .elementor-element-b55b075 {
    width: auto !important;
    flex: 0 0 auto;
  }
  #site-header .elementor-element-b55b075 > .elementor-widget-wrap {
    padding: 0 !important;
  }
  #site-header .elementor-element-d528082 {
    width: auto !important;
    flex: 1 1 auto;
  }
  #site-header .elementor-element-d528082 > .elementor-widget-wrap {
    justify-content: flex-end;
  }
  #site-header .elementor-element-dad9e1b {
    display: none;
  }
  #site-header .naicon-logo img {
    height: 48px;
  }
}

@media (max-width: 767px) {
  #site-header .naicon-logo img {
    height: 42px;
  }
}