
/* SEMHOS V1 Professional+ NAVIGATION 4.7.4 */

#semhos-nav-toggle-v47 {
 display:inline-flex !important;
 align-items:center;
 justify-content:center;
 flex:0 0 42px;
 width:42px;
 height:42px;
 border:1px solid #326383;
 border-radius:11px;
 background:#153653;
 color:#e9f7ff;
 cursor:pointer;
 font-size:23px;
}

#semhos-nav-toggle-v47:hover {
 background:#1c5279;
 border-color:#42bef4;
}

#semhos-nav-toggle-v47:focus-visible {
 outline:2px solid #59cfff;
 outline-offset:3px;
}

/* Masaustu */
@media (min-width:801px) {

 .app.semhos-nav-collapsed-v47 {
  display:grid !important;
  grid-template-columns:76px minmax(0,1fr) !important;
  gap:0 !important;
  width:100% !important;
  max-width:none !important;
 }

 .app.semhos-nav-collapsed-v47 > aside.sidebar {
  grid-column:1 !important;
  width:76px !important;
  min-width:76px !important;
  max-width:76px !important;
  overflow-x:hidden !important;
  box-sizing:border-box !important;
 }

 .app.semhos-nav-collapsed-v47 > main.content {
  grid-column:2 !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin-left:0 !important;
  transform:none !important;
  box-sizing:border-box !important;
 }

 /* Kesilen V1 Professional+ rozeti tamamen kalkar */
 .app.semhos-nav-collapsed-v47
 .sidebar .sidebar-meta {
  display:none !important;
 }

 .app.semhos-nav-collapsed-v47
 .sidebar .sidebar-rule {
  display:none !important;
 }

 .app.semhos-nav-collapsed-v47
 .sidebar .brand > span {
  display:none !important;
 }

 .app.semhos-nav-collapsed-v47
 .sidebar .brand {
  display:flex !important;
  align-items:center;
  justify-content:center;
  padding:12px 5px !important;
  min-width:0 !important;
 }

 .app.semhos-nav-collapsed-v47
 .sidebar .brand img {
  max-width:52px;
  height:auto;
 }

 .app.semhos-nav-collapsed-v47
 .sidebar :is(
  .navtitle,
  .nav-sep,
  .aside-foot,
  .sidebar-copyright
 ) {
  display:none !important;
 }

 .app.semhos-nav-collapsed-v47
 .sidebar .nav a {
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  padding:11px 7px !important;
  gap:0 !important;
  overflow:hidden;
  min-height:45px;
 }

 .app.semhos-nav-collapsed-v47
 .sidebar .nav a > span:not(.navicon) {
  display:none !important;
 }

 .app.semhos-nav-collapsed-v47
 .sidebar .nav a .navicon {
  display:inline-flex !important;
  font-size:20px !important;
  margin:0 !important;
 }
}

/* Mobil cekmece */
@media (max-width:800px) {

 .app {
  display:block !important;
  width:100% !important;
 }

 .app > main.content {
  width:100% !important;
  min-width:0 !important;
  margin-left:0 !important;
 }

 .app > aside.sidebar {
  display:block !important;
  position:fixed !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:min(300px,88vw) !important;
  max-width:88vw !important;
  height:100dvh !important;
  overflow-y:auto !important;
  background:#0a1c30 !important;
  z-index:1201 !important;
  transform:translateX(-105%) !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:transform .22s ease,visibility .22s;
 }

 .app.semhos-nav-open-v47 > aside.sidebar {
  transform:translateX(0) !important;
  visibility:visible !important;
  pointer-events:auto !important;
 }

 .semhos-nav-backdrop-v47 {
  position:fixed;
  inset:0;
  background:rgba(2,9,22,.73);
  border:0;
  padding:0;
  z-index:1200;
  display:none;
 }

 body.semhos-nav-mobile-open-v47
 .semhos-nav-backdrop-v47 {
  display:block;
 }

 body.semhos-nav-mobile-open-v47 {
  overflow:hidden;
 }
}

@media (min-width:801px) {
 .semhos-nav-backdrop-v47 {
  display:none !important;
 }
}

@media (prefers-reduced-motion:reduce) {
 .app > aside.sidebar {
  transition:none !important;
 }
}
