/* ============================================================
   Oronos® – Sticky Header mit Verkleinerungs-Animation
   Avadas #boxed-wrapper hat overflow-x:clip – das hebelt sowohl
   position:sticky als auch position:fixed aus. Daher wird das
   Clipping neutralisiert (Body verhindert ohnehin horizontales
   Scrollen) und der Header klassisch sticky gesetzt.
   ============================================================ */
#boxed-wrapper, #wrapper { overflow: visible !important; }

.fusion-header-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 990;
  background: #fff;
  transition: box-shadow .3s ease;
}
body.dj-small-header .fusion-header-wrapper {
  box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
}

/* Logo weich verkleinern */
.fusion-logo, .fusion-logo img { transition: max-height .3s ease, margin .3s ease; }
.fusion-logo img { max-height: 53px; width: auto; height: auto; }
body.dj-small-header .fusion-header-wrapper .fusion-logo img { max-height: 32px !important; }
body.dj-small-header .fusion-header-wrapper .fusion-logo {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

/* Ganze Leiste verkleinern: Avada setzt die Menühöhe über --nav_height (94px).
   Im geschrumpften Zustand Variable überschreiben → Menüzeile schrumpft mit. */
.fusion-main-menu > ul > li > a { transition: height .3s ease; }
body.dj-small-header .fusion-main-menu { --nav_height: 52px; }
body.dj-small-header .fusion-header .fusion-row { min-height: 0 !important; }

/* Avadas JS schreibt die gemessene Ausgangshöhe als Inline-Style auf den
   Wrapper (avada-header.js: .css("height", $headerHeight)) – dadurch blieb
   die Leiste groß und der Inhalt rutschte nur hoch. Inline-Höhe aushebeln: */
body.dj-small-header .fusion-header-wrapper,
body.dj-small-header .fusion-header,
body.dj-small-header .fusion-header-sticky-height {
  height: auto !important;
}

@media (max-width: 782px) {
  body.dj-small-header .fusion-header-wrapper .fusion-logo img { max-height: 26px !important; }
  body.dj-small-header .fusion-header-wrapper .fusion-logo {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}