/* Phase 20T.11 — mobile public header logo appearance correction
   Uses the existing assets/images/brand/logo-horizontal.png only.
   The source artwork sits inside a large canvas; this wrapper crops that
   canvas visually so the actual brand mark fills the mobile header. */

@media (max-width:760px){
  body .dvh-shared-public-nav .navin{
    min-height:76px!important;
    padding:7px 10px 7px 12px!important;
    align-items:center!important;
  }

  body .dvh-shared-public-nav .dvh-public-brand{
    position:relative!important;
    display:block!important;
    flex:0 0 172px!important;
    width:172px!important;
    height:62px!important;
    min-width:0!important;
    overflow:hidden!important;
    padding:0!important;
    align-self:center!important;
  }

  body .dvh-shared-public-nav .dvh-public-brand .dvh-public-header-logo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:220px!important;
    min-width:220px!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    object-fit:initial!important;
    object-position:center!important;
    transform:translate(-50%,-50%)!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  body .dvh-shared-public-nav .tackle-menu-toggle{
    flex:0 0 auto!important;
    margin-left:auto!important;
  }
}

@media (max-width:430px){
  body .dvh-shared-public-nav .navin{
    min-height:72px!important;
    padding-left:10px!important;
  }
  body .dvh-shared-public-nav .dvh-public-brand{
    flex-basis:148px!important;
    width:148px!important;
    height:58px!important;
  }
  body .dvh-shared-public-nav .dvh-public-brand .dvh-public-header-logo{
    width:194px!important;
    min-width:194px!important;
  }
}

@media (max-width:360px){
  body .dvh-shared-public-nav .dvh-public-brand{
    flex-basis:132px!important;
    width:132px!important;
    height:54px!important;
  }
  body .dvh-shared-public-nav .dvh-public-brand .dvh-public-header-logo{
    width:176px!important;
    min-width:176px!important;
  }
}