/* MyWeatha v68 – iPhone fullscreen bottom and compact navigation.
   Keep the five destinations, center highlight and all user themes. */
@media (max-width:520px), (orientation:landscape) and (max-height:520px) {
 html,body {min-height:100%!important;background-color:var(--dock,#102d59)!important}
 .stage{min-height:100dvh!important;padding:0!important}
 .stage>.phone {
   min-height:0!important;height:100dvh!important;
   height:var(--wa-fullscreen-height,100dvh)!important;
   max-height:none!important;box-sizing:border-box!important;
 }
 .phone nav.dock{
  position:absolute!important;bottom:0!important;left:0!important;right:0!important;
  width:100%!important;min-height:0!important;margin:0!important;
  padding:4px 8px max(4px,calc(env(safe-area-inset-bottom,0px) - 18px))!important;
  border-bottom:0!important;border-radius:21px 21px 0 0!important;
  box-sizing:border-box!important;
  align-items:center!important;
 }
 .phone nav.dock>.tab{
  min-height:49px!important;
  padding:3px 1px 2px!important;
  gap:2px!important;
  line-height:1.12!important;
  font-size:10px!important;
  align-content:center!important;
 }
 .phone nav.dock>.tab svg{width:21px!important;height:21px!important}
 .phone nav.dock>.tab[data-go="studio"],
 body[data-theme] .phone nav.dock>.tab[data-go="studio"]{
   min-height:57px!important;
   padding:5px 1px 3px!important;
   transform:translateY(-5px)!important;
   border-radius:19px!important;
   font-size:10px!important;
 }
 .phone nav.dock>.tab[data-go="studio"] svg{
  width:25px!important;height:25px!important;
 }
 .phone .viewport{padding-bottom:calc(73px + env(safe-area-inset-bottom,0px))!important}
}
@media (orientation:landscape) and (max-height:520px) {
 .phone nav.dock{padding:2px 8px max(2px,calc(env(safe-area-inset-bottom,0px) - 18px))!important}
 .phone nav.dock>.tab{min-height:44px!important;padding:2px 1px!important}
 .phone nav.dock>.tab[data-go="studio"],body[data-theme] .phone nav.dock>.tab[data-go="studio"]{
 min-height:49px!important;transform:translateY(-3px)!important;padding:2px 1px!important}
 .phone .viewport{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))!important}
}