.nav-main { display: flex; align-items: center; gap: var(--space-6); }
.nav-main a { font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--color-gray-700); transition: color var(--transition-fast); padding: var(--space-2) 0; }
.nav-main a:hover, .nav-main a[aria-current="page"] { color: var(--color-primary-light); }
[data-page="home"] a[data-nav="home"],
[data-page="plan-gratuit"] a[data-nav="plan-gratuit"],
[data-page="centrala-cloud"] a[data-nav="centrala-cloud"],
[data-page="call-center"] a[data-nav="call-center"],
[data-page="voip"] a[data-nav="voip"],
[data-page="preturi"] a[data-nav="preturi"],
[data-page="despre"] a[data-nav="despre"],
[data-page="contact"] a[data-nav="contact"] { color: var(--color-primary-light); font-weight: var(--fw-semibold); }
.nav-toggle { display: none; width: 40px; height: 40px; align-items: center; justify-content: center; flex-direction: column; gap: 5px; }
.nav-toggle span { display: block; width: 24px; height: 2px; background: var(--color-gray-800); transition: all var(--transition-fast); }
.nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
.nav-mobile-cta { display: none !important; }
@media (max-width: 992px) {
  .header-logo { order: 1; }
  .header-phone { order: 2; margin-left: auto; margin-right: var(--space-4); }
  .nav-toggle { display: flex; order: 3; }
  .header-cta { display: none; }
  .nav-main { position: fixed; top: var(--header-height); left: 0; right: 0; bottom: 0; flex-direction: column; background: var(--color-white); padding: var(--space-8); gap: var(--space-4); transform: translateX(100%); transition: transform var(--transition-base); z-index: var(--z-overlay); }
  .nav-main.is-open { transform: translateX(0); }
  .nav-main a { font-size: var(--fs-lg); }
  .nav-mobile-cta { display: inline-flex !important; margin-top: var(--space-6); align-self: center; width: 100%; justify-content: center; background: var(--color-accent); color: var(--color-white) !important; order: -1; margin-top: 0; margin-bottom: var(--space-6); }
}