/* AUTO LA SCHIMB 0.5.5 — navigare profesională, cont client.
 * CSS încărcat după design, theme, visual și tourism, fără dependențe externe.
 * Nu modifică alte numere de telefon sau punctele de contact ale site-ului.
 */
#als-concept-v1 > .als-header.als-x-header .als-header-actions {
  display: flex;
  align-items: center;
  margin-left: auto;
  flex: 0 0 auto;
}
#als-concept-v1 > .als-header.als-x-header .als-client-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 11px 20px;
  min-height: 46px;
  color: #fff;
  background: #102241;
  border: 1px solid #102241;
  border-radius: 11px;
  box-shadow: 0 4px 12px rgba(7,25,55, .12);
  font-size: 13px;
  line-height: 1.3;
  font-weight: 750;
  letter-spacing: .02em;
  white-space: nowrap;
  text-decoration: none;
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
}
#als-concept-v1 > .als-header.als-x-header .als-client-cta svg.als-client-icon {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  color: currentColor;
}
#als-concept-v1 > .als-header.als-x-header .als-client-cta:hover {
  color: #fff;
  background: #08398b;
  border-color: #08398b;
  box-shadow: 0 6px 17px rgba(6,48,119, .20);
}
#als-concept-v1 > .als-header.als-x-header .als-client-cta:focus-visible {
  outline: 3px solid #195cca;
  outline-offset: 4px;
}
#als-concept-v1 > .als-header.als-x-header .als-client-cta[aria-current="page"] {
  border-color: #1653b8;
}
/* Bara de navigare trece în meniu mobil înainte de a comprima linkurile. */
@media (max-width: 1160px) {
  #als-concept-v1 > .als-header.als-x-header .als-nav { display: none; }
  #als-concept-v1 > .als-header.als-x-header .als-mobile-menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    order: 3;
    min-width: 44px;
    min-height: 44px;
    margin-left: 0;
  }
  #als-concept-v1 > .als-header.als-x-header .als-header-actions { order: 2; display: flex; margin-left: auto; }
  #als-concept-v1 > .als-header.als-x-header .als-brand { order: 1; }
  #als-concept-v1 > .als-header.als-x-header .als-client-cta { display: inline-flex; }
}
@media (max-width: 640px) {
  #als-concept-v1 > .als-header.als-x-header { gap: 10px; }
  #als-concept-v1 > .als-header.als-x-header .als-client-cta { padding: 10px 12px; min-height: 44px; gap: 7px; }
  #als-concept-v1 > .als-header.als-x-header .als-client-cta-label { display: none; }
  #als-concept-v1 > .als-header.als-x-header .als-client-cta svg.als-client-icon { width: 21px; height: 21px; flex-basis: 21px; }
}
@media (max-width: 380px) {
  #als-concept-v1 > .als-header.als-x-header { gap: 7px; padding-inline: 12px; }
  #als-concept-v1 > .als-header.als-x-header .als-brand { min-width: 0; }
  #als-concept-v1 > .als-header.als-x-header .als-brand strong { font-size: 14px; }
  #als-concept-v1 > .als-header.als-x-header .als-brand small { font-size: 7px; }
  #als-concept-v1 > .als-header.als-x-header .als-brand-logo,
  #als-concept-v1 > .als-header.als-x-header .als-brand-logo img { width: 51px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  #als-concept-v1 > .als-header.als-x-header .als-client-cta { transition: none; }
}

/* 0.5.5 — Centered navigation, with independent non-overlapping zones.
   Equal flexible side tracks center the navigation in the entire viewport;
   desktop switches to the compact navigation BEFORE the logo can collide. */
@media (min-width: 1281px) {
  #als-concept-v1 > .als-header.als-x-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
    align-items: center;
    column-gap: clamp(16px, 1.4vw, 25px);
  }
  #als-concept-v1 > .als-header.als-x-header .als-brand {
    grid-column: 1;
    justify-self: start;
    margin: 0;
    min-width: 0;
    max-width: 100%;
  }
  #als-concept-v1 > .als-header.als-x-header .als-nav {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    margin: 0;
    min-width: 0;
    gap: clamp(12px, 1vw, 20px);
    white-space: nowrap;
  }
  #als-concept-v1 > .als-header.als-x-header .als-header-actions {
    grid-column: 3;
    justify-self: end;
    margin-left: 0;
  }
  #als-concept-v1 > .als-header.als-x-header .als-mobile-menu { display: none; }
}
@media (min-width: 1281px) and (max-width: 1440px) {
  #als-concept-v1 > .als-header.als-x-header .als-nav {
    gap: 11px;
    font-size: 12px;
  }
  #als-concept-v1 > .als-header.als-x-header .als-brand strong { font-size: 19px; }
  #als-concept-v1 > .als-header.als-x-header .als-brand-logo { width: 87px; }
}
/* Once the desktop links would squeeze the brand, use the controlled
   mobile navigation rather than positioning items over the logo. */
@media (max-width: 1280px) {
  #als-concept-v1 > .als-header.als-x-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    column-gap: 12px;
  }
  #als-concept-v1 > .als-header.als-x-header .als-nav { display: none; }
  #als-concept-v1 > .als-header.als-x-header .als-brand {
    grid-column: 1;
    justify-self: start;
    min-width: 0;
    max-width: 100%;
    margin: 0;
  }
  #als-concept-v1 > .als-header.als-x-header .als-header-actions {
    grid-column: 2;
    justify-self: end;
    margin: 0;
    display: flex;
  }
  #als-concept-v1 > .als-header.als-x-header .als-mobile-menu {
    grid-column: 3;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    margin: 0;
  }
}
@media (max-width: 430px) {
  #als-concept-v1 > .als-header.als-x-header { column-gap: 9px; }
  #als-concept-v1 > .als-header.als-x-header .als-client-cta { min-width: 44px; }
}
@media (max-width: 350px) {
  #als-concept-v1 > .als-header.als-x-header { column-gap: 7px; }
  #als-concept-v1 > .als-header.als-x-header .als-brand strong { font-size: 13px; }
  #als-concept-v1 > .als-header.als-x-header .als-brand small { font-size: 7px; }
}