/* Phase 20T.13 — mobile public header logo full-fit correction
   Uses the approved assets/images/brand/logo-horizontal.png unchanged.
   The current source is 2000x820 and the artwork already occupies almost
   the full canvas, so mobile uses proportional contain sizing with no crop. */

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

  body .dvh-shared-public-nav .dvh-public-brand{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:1 1 auto!important;
    width:auto!important;
    max-width:52vw!important;
    height:72px!important;
    min-width:0!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
  }

  body .dvh-shared-public-nav .dvh-public-brand .dvh-public-header-logo{
    position:static!important;
    display:block!important;
    width:min(230px, 100%)!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    max-height:70px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

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

@media (max-width:430px){
  body .dvh-shared-public-nav .navin{
    min-height:84px!important;
    padding-left:12px!important;
  }
  body .dvh-shared-public-nav .dvh-public-brand{
    max-width:50vw!important;
    height:68px!important;
  }
  body .dvh-shared-public-nav .dvh-public-brand .dvh-public-header-logo{
    width:min(210px, 100%)!important;
    max-height:64px!important;
  }
}

@media (max-width:380px){
  body .dvh-shared-public-nav .dvh-public-brand{
    max-width:47vw!important;
    height:62px!important;
  }
  body .dvh-shared-public-nav .dvh-public-brand .dvh-public-header-logo{
    width:min(185px, 100%)!important;
    max-height:58px!important;
  }
  body .dvh-shared-public-nav .tackle-menu-toggle{
    margin-left:8px!important;
  }
}

@media (max-width:340px){
  body .dvh-shared-public-nav .dvh-public-brand{
    max-width:44vw!important;
    height:58px!important;
  }
  body .dvh-shared-public-nav .dvh-public-brand .dvh-public-header-logo{
    width:min(165px, 100%)!important;
    max-height:54px!important;
  }
}