/**
 * Header mobile layout — parity with source/proekty1.html (NAV block).
 * Scoped with body#tonarius-site .nav .nav-inner to beat per-page main.css selectors.
 */

body#tonarius-site .nav .nav-inner .nav-right .nav-burger {
  padding: 10px;
  justify-content: center;
  flex-shrink: 0;
}

@media (max-width: 960px) {
  body#tonarius-site .nav .nav-inner .nav-links {
    display: none !important;
  }

  body#tonarius-site .nav .nav-inner .nav-right .nav-burger {
    display: flex !important;
    margin-left: 4px;
  }

  body#tonarius-site .nav .nav-inner .nav-right .nav-contact {
    flex-direction: row !important;
    align-items: center !important;
    gap: 0 !important;
    flex-shrink: 0;
  }

  body#tonarius-site .nav .nav-inner .nav-right .nav-email {
    display: none !important;
  }

  body#tonarius-site .nav .nav-inner a.nav-logo {
    flex: 1 1 auto !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    max-width: 100%;
    font-size: 22px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body#tonarius-site .nav .nav-inner .nav-right {
    flex-shrink: 0 !important;
  }

  body#tonarius-site .nav .nav-inner .nav-right .nav-phone {
    flex-shrink: 0;
    white-space: nowrap;
  }
}

@media (max-width: 560px) {
  body#tonarius-site .nav .nav-inner .nav-right .nav-btn {
    display: none !important;
  }

  body#tonarius-site .nav .nav-inner .nav-right {
    gap: 10px !important;
  }

  body#tonarius-site .nav .nav-inner a.nav-logo {
    font-size: 19px !important;
  }

  body#tonarius-site .nav .nav-inner .nav-right .nav-phone {
    font-size: 13px !important;
  }
}

@media (max-width: 380px) {
  body#tonarius-site .nav .nav-inner a.nav-logo {
    font-size: 16px !important;
  }
}