/* HEADER NORMAL */
#header {
   transition: transform 0.4s ease, box-shadow 0.3s ease;}

#header .header-nav {
  transition: all 0.3s ease;
}

/* STICKY STATE */
#header.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;

  /* ?? transparent elegant */
  background: rgba(255, 255, 255, 0.85);

  /* ?? shadow fin */
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);

  /* ?? animatie mai smooth */
  transform: translateY(0);
}

/* OPTIONAL: efect de intrare lin */
#header.is-sticky {
  animation: headerFadeDown 0.35s ease;
}

/* ANIMATIE */
@keyframes headerFadeDown {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#header .header-nav {
  transition: all 0.3s ease;
}

/* DESKTOP ONLY */
@media (min-width: 768px) {
  #header.is-sticky .header-nav {
    opacity: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
  }

  #header.is-sticky .header-top {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/* MOBILE SAFE (nu strica layout-ul) */
@media (max-width: 767px) {
  #header.is-sticky .header-nav {
    opacity: 1;
    height: auto;
    overflow: visible;
    pointer-events: auto;
  }
}