/* Keep the full desktop wording and use short labels in the mobile header. */
.lovable-header .header-cta-mobile-label {
  display: none;
}

@media (max-width: 1019px) {
  .lovable-header .header-cta-desktop-label {
    display: none;
  }

  .lovable-header .header-cta-mobile-label {
    display: inline;
  }

  .lovable-header.vartag-glass-header .header-actions {
    flex: 0 0 auto;
  }

  .lovable-header.vartag-glass-header .header-cta {
    display: inline-flex;
    white-space: nowrap;
  }

  .lovable-header.vartag-glass-header .lang-trigger {
    width: auto;
    min-width: 72px;
    padding-inline: 8px;
    gap: 5px;
  }

  .lovable-header.vartag-glass-header .current-lang-code,
  .lovable-header.vartag-glass-header .lang-options .lang-code {
    display: inline;
  }

  .lovable-header.vartag-glass-header .lang-caret {
    display: block;
    width: 10px;
  }

  .lovable-header.vartag-glass-header .lang-trigger .current-lang-flag {
    width: 20px;
    height: 14px;
    flex: 0 0 20px;
  }
}

@media (max-width: 540px) {
  .lovable-header.vartag-glass-header .nav-shell {
    padding-inline: 12px;
    gap: 8px;
  }

  .lovable-header.vartag-glass-header .brand-main {
    min-width: 0;
  }

  .lovable-header.vartag-glass-header .brand-main img {
    width: clamp(88px, 29vw, 125px);
    max-width: 100%;
  }

  .lovable-header.vartag-glass-header .header-actions {
    gap: 6px;
  }

  .lovable-header.vartag-glass-header .header-cta {
    padding-inline: 9px;
    gap: 0;
    font-size: 11px;
  }

  .lovable-header.vartag-glass-header .header-cta > svg {
    display: none;
  }

  .lovable-header.vartag-glass-header .menu-toggle {
    min-width: 36px;
    width: 36px;
    padding: 0;
  }
}