/* ============================================
   Canvas Custom CSS – Learnware Branding
   Sidebar + Logo Anpassungen (Final v8)
   ============================================ */

/* 1. Sidebar verbreitern */
body .ic-app-header {
  width: 120px !important;
  min-width: 120px !important;
}

/* 2. Inhaltsbereich korrekt positionieren */
body #wrapper {
  margin-left: 120px !important;
  padding-left: 0 !important;
}

body #application,
body .ic-app-main-layout-horizontal {
  padding-left: 0 !important;
}

/* 3. Menü-Items an Sidebar-Breite anpassen */
body .ic-app-header__main-navigation,
body .ic-app-header__menu-list-item,
body .ic-app-header__menu-list-link {
  width: 120px !important;
  min-width: 120px !important;
  box-sizing: border-box !important;
}

/* 4. Logo-Container */
.ic-app-header__logomark-container {
  padding: 8px 0 !important;
  text-align: center !important;
}

/* 5. Logo */
.ic-app-header__logomark {
  width: 100px !important;
  height: 50px !important;
  margin: 0 auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  display: block !important;
}

/* 6. FIX Flyout-Menü:
      Canvas setzt margin-left: 84px UND padding-left: 0 per Default.
      Wir brauchen genau 120px "linken Abstand" insgesamt – nicht
      mehr. Also: margin-left auf 120px, padding-left auf 0. */
body .tray-with-space-for-global-nav {
  margin-left: 120px !important;
  padding-left: 0 !important;
  box-sizing: border-box !important;
}

/* 7. Einklapp-Button ausblenden */
body .ic-app-header__menu-list-link--nav-toggle,
body .menu-item--nav-toggle {
  display: none !important;
}

/* 8. Absicherung für minimierten Zustand */
body.primary-nav-collapsed .ic-app-header,
body.primary-nav-expanded--is-collapsed .ic-app-header {
  width: 84px !important;
  min-width: 84px !important;
}
body.primary-nav-collapsed #wrapper {
  margin-left: 84px !important;
}
body.primary-nav-collapsed .ic-app-header__logomark {
  width: 64px !important;
  height: 32px !important;
}
body.primary-nav-collapsed .tray-with-space-for-global-nav {
  margin-left: 84px !important;
}

/* 9. Mobile zurücksetzen */
@media (max-width: 767px) {
  body .ic-app-header,
  body .ic-app-header__main-navigation,
  body .ic-app-header__menu-list-item,
  body .ic-app-header__menu-list-link {
    width: auto !important;
    min-width: 0 !important;
  }
  body #wrapper {
    margin-left: 0 !important;
  }
  body .tray-with-space-for-global-nav {
    margin-left: 0 !important;
  }
}