/* Keep the full company name readable without squeezing navigation labels. */
.header .logo-text,
.header .logo-text span {
    letter-spacing: 0;
}
@media (min-width: 993px) {
    .header .header-inner { gap: 20px; }
    .header .logo-text,
    .header .logo-text span { font-size: 16px; white-space: nowrap; }
    .header .nav-link { padding-left: 10px; padding-right: 10px; white-space: nowrap; }
    .header .nav-item { flex-shrink: 0; }
    .header .nav-phone-wrap { flex-shrink: 0; }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .header .header-inner .nav-phone-wrap .nav-phone { font-size: 0 !important; width: 32px !important; height: 40px; justify-content: center; }
    .header .header-inner .nav-phone-wrap .nav-phone .fa { font-size: 20px !important; }
}
@media (min-width: 769px) and (max-width: 992px) {
    .header .logo-text,
    .header .logo-text span { font-size: 16px; white-space: nowrap; }
}
@media (max-width: 768px) {
    .header .header-inner { grid-template-columns: minmax(0, 1fr) 32px 32px; gap: 6px; }
    .header .logo-text,
    .header .logo-text span { font-size: 13px !important; line-height: 1.4; white-space: normal; }
    .header .logo-text { overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
    .header .nav-phone-wrap,
    .header .header-inner .nav-phone-wrap .nav-phone,
    .header .nav-toggle { width: 32px; }
    .header .nav-toggle { padding-left: 5px; padding-right: 5px; }
}