/* MANYA V15.8 — Separate mobile dark toggle from desktop header
   Fix: after mobile dark mode, desktop must keep the original right-side dark toggle only. */

/* Mobile dark button is hidden by default. It only appears on mobile. */
.manya-mobile-theme-toggle{
  display:none!important;
}

@media (min-width:783px){
  /* Keep desktop header exactly like the earlier web view: logo, menu, nav-actions on the right. */
  .manya-header .nav-shell,
  .v90-header .nav-shell{
    display:flex!important;
    align-items:center!important;
    gap:24px!important;
  }

  .manya-header .main-nav,
  .v90-header .main-nav{
    position:static!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }

  .manya-header .manya-menu,
  .v90-header .manya-menu{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
  }

  .manya-header .nav-toggle,
  .manya-header .nav-close,
  .v90-header .nav-toggle,
  .v90-header .nav-close,
  .manya-mobile-theme-toggle{
    display:none!important;
  }

  .manya-header .nav-actions,
  .v90-header .nav-actions{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin-left:auto!important;
  }

  /* Desktop logo should stay normal in light mode, white only when body is in dark mode. */
  body:not(.manya-dark) .manya-header .manya-brand img,
  body:not(.manya-dark) .manya-header .custom-logo,
  body:not(.manya-dark) .v90-header .manya-brand img,
  body:not(.manya-dark) .v90-header .custom-logo{
    filter:none!important;
  }
}

@media (max-width:782px){
  .manya-mobile-theme-toggle{
    display:inline-flex!important;
  }

  /* Mobile menu/dark mode remains active on mobile only. */
  body.manya-dark .manya-header .manya-brand img,
  body.manya-dark .manya-header .custom-logo,
  body.manya-dark .manya-header .custom-logo-link img,
  body.manya-dark header img[src*="logo"],
  body.manya-dark header img[class*="logo"]{
    filter:brightness(0) invert(1) contrast(1.1)!important;
  }
}