/* LUMBOSO v1.5.8 — inner-page header centering + complete iPad app menu */

/*
 * INNER PAGES
 * Match the floating header to the same horizontal guide used by the large
 * service-page hero/card.  The small translate only redistributes the existing
 * air above/below the header; it does not push the page content farther down.
 */
@media (min-width:701px) and (max-width:900px){
  body:not(.lumboso-front) .lum-v146-header .lum-shell{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body:not(.lumboso-front) .lum-v146-header{
    transform:translate3d(0,9px,0)!important;
  }
}

@media (min-width:901px) and (max-width:1220px){
  body:not(.lumboso-front) .lum-v146-header .lum-shell{
    width:calc(100% - 36px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body:not(.lumboso-front) .lum-v146-header{
    transform:translate3d(0,14px,0)!important;
  }
}

@media (min-width:1221px) and (max-width:1279px){
  body:not(.lumboso-front) .lum-v146-header .lum-shell{
    width:calc(100% - 76px)!important;
    max-width:1320px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body:not(.lumboso-front) .lum-v146-header{
    transform:translate3d(0,12px,0)!important;
  }
}

@media (min-width:1280px){
  body:not(.lumboso-front) .lum-v146-header .lum-shell{
    width:min(1320px,calc(100% - 76px))!important;
    max-width:1320px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body:not(.lumboso-front) .lum-v146-header{
    transform:translate3d(0,10px,0)!important;
  }
}

/*
 * iPAD / TABLET APP MENU
 * v1.4.8 intentionally enlarged the menu typography.  On iPad that made the
 * Explore list continue below the visible viewport.  Keep the same design,
 * but use a compact tablet rhythm so the complete navigation is visible.
 */
@media (min-width:701px) and (max-width:1180px){
  body .lum-v146-menu-panel{
    width:min(420px,94vw)!important;
    height:100dvh!important;
    max-height:100dvh!important;
  }

  body .lum-v146-menu-head{
    min-height:58px!important;
    height:58px!important;
    padding:8px 16px 6px 18px!important;
  }
  body .lum-v146-menu-brand{width:128px!important}
  body .lum-v146-menu-brand img{max-height:36px!important}
  body .lum-v146-menu-close{
    width:32px!important;height:32px!important;min-width:32px!important;
  }

  body .lum-v146-profile{
    grid-template-columns:44px minmax(0,1fr) 16px!important;
    gap:10px!important;
    margin:8px 13px 2px!important;
    padding:8px 10px!important;
    border-radius:17px!important;
  }
  body .lum-v146-profile-avatar,
  body .lum-v146-profile-avatar img{
    width:44px!important;height:44px!important;
    min-width:44px!important;max-width:44px!important;
    min-height:44px!important;max-height:44px!important;
  }
  body .lum-v146-profile-copy strong{font-size:18px!important;line-height:1.05!important}
  body .lum-v146-profile-copy small{font-size:8px!important;margin-top:3px!important}
  body .lum-v146-profile>b{font-size:19px!important}

  body .lum-v146-menu-scroll{
    padding:2px 13px 6px!important;
    overflow-y:auto!important;
    scrollbar-gutter:stable!important;
  }
  body .lum-v146-menu-section{padding:7px 0 1px!important}
  body .lum-v146-menu-label{
    margin:0 4px 5px!important;
    font-size:8px!important;
    line-height:1.1!important;
    letter-spacing:.17em!important;
  }

  body .lum-v146-quick-grid{gap:6px!important}
  body .lum-v146-quick-grid a{
    grid-template-columns:25px minmax(0,1fr)!important;
    gap:7px!important;
    min-height:48px!important;
    padding:7px 9px!important;
    border-radius:14px!important;
    font-size:10.5px!important;
    line-height:1.1!important;
  }
  body .lum-v146-quick-grid a .lum-icon{
    width:18px!important;height:18px!important;
  }

  body .lum-v146-link-list{gap:0!important}
  body .lum-v146-link-list>a{
    min-height:36px!important;
    padding:3px 8px!important;
    border-radius:11px!important;
  }
  body .lum-v146-link-list>a>span{gap:9px!important}
  body .lum-v146-link-list .lum-icon{
    width:17px!important;height:17px!important;flex-basis:17px!important;
  }
  body .lum-v146-link-list strong{
    font-size:10.5px!important;
    line-height:1.12!important;
  }
  body .lum-v146-link-list b{font-size:17px!important}

  body .lum-v146-menu-footer{
    gap:7px!important;
    padding:8px 13px calc(8px + env(safe-area-inset-bottom))!important;
  }
  body .lum-v146-menu-primary,
  body .lum-v146-menu-secondary{
    height:42px!important;
    border-radius:13px!important;
    font-size:10.5px!important;
  }
}

/* Phone keeps its dedicated compact header/menu behavior. */
@media (max-width:700px){
  body:not(.lumboso-front) .lum-v146-header{transform:none!important}
}