/* Aperture Research Works V115 working polish: mobile header, navigation, language persistence UI */

/* Keep the mobile header controls physically separate. */
@media(max-width:760px){
  .site-header .nav-shell{
    display:grid!important;
    grid-template-columns:minmax(84px,1fr) 112px 44px 50px!important;
    align-items:center!important;
    column-gap:8px!important;
    width:calc(100% - 24px)!important;
    height:82px!important;
    min-width:0!important;
  }
  .site-header .brand{
    grid-column:1!important;
    order:unset!important;
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    flex:none!important;
    overflow:hidden!important;
  }
  .site-header .brand img{
    width:108px!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
  }
  .site-header .header-linkedin{display:none!important}
  .site-header .language-control{
    grid-column:2!important;
    order:unset!important;
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:3px 7px!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    flex:none!important;
  }
  .site-header .language-globe{flex:0 0 auto!important;font-size:.9rem!important}
  .site-header .language-control select{
    min-width:0!important;
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 18px 0 2px!important;
    font-size:16px!important;
    line-height:1.1!important;
    text-overflow:ellipsis!important;
    box-sizing:border-box!important;
  }
  .site-header .v107-search-launch{
    grid-column:3!important;
    order:unset!important;
    position:static!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    border-radius:14px!important;
    transform:none!important;
    flex:none!important;
  }
  .site-header .menu-button{
    grid-column:4!important;
    order:unset!important;
    position:static!important;
    width:50px!important;
    min-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:9px!important;
    border-radius:14px!important;
    flex:none!important;
  }
  .site-nav{
    inset:82px 0 auto 0!important;
    max-height:calc(100dvh - 82px)!important;
    padding-top:16px!important;
  }

  /* The large empty gap seen below the private-client strip was excessive on phones. */
  .homepage-product-led .v46a-hero,
  .homepage-product-led .v46f-hero,
  .homepage-product-led .v46f-r2-hero{
    padding-top:32px!important;
  }

  /* Avoid tiny text collisions in the three-part access strip. */
  .v113-access-strip{
    row-gap:7px!important;
    column-gap:14px!important;
    padding:9px 12px 10px!important;
    line-height:1.35!important;
  }
  .v113-access-strip span{white-space:normal!important;justify-content:center!important}
}

@media(max-width:390px){
  .site-header .nav-shell{
    grid-template-columns:minmax(72px,1fr) 100px 40px 46px!important;
    column-gap:6px!important;
    width:calc(100% - 18px)!important;
  }
  .site-header .brand img{width:96px!important}
  .site-header .language-control{width:100px!important;min-width:100px!important;max-width:100px!important;padding-left:6px!important;padding-right:6px!important}
  .site-header .v107-search-launch{width:40px!important;min-width:40px!important;height:40px!important}
  .site-header .menu-button{width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;padding:8px!important}
}

@media(max-width:340px){
  .site-header .nav-shell{grid-template-columns:minmax(64px,1fr) 94px 38px 44px!important;column-gap:5px!important}
  .site-header .brand img{width:88px!important}
  .site-header .language-control{width:94px!important;min-width:94px!important;max-width:94px!important}
  .site-header .language-control select{font-size:15px!important}
  .site-header .v107-search-launch{width:38px!important;min-width:38px!important;height:38px!important}
  .site-header .menu-button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
}

/* Menu refinement: one premium public-work destination rather than two near-duplicates. */
.site-nav a[href="/selected-work.html"]{font-weight:850!important}

/* Netlify's floating "Powered by Netlify" badge is injected by the Netlify preview UI, not by Aperture.
   No production layout compensation is added here because the badge does not ship with the hosted site. */

@media(max-width:760px){
  /* Old releases reserved bottom space for floating CTAs that no longer exist. */
  body{padding-bottom:0!important}
}

/* V115 final: restore the useful lower-left enquiry quick action without restoring the old top-centre work floater. */
.work-sticky{display:none!important}
.enquiry-sticky{
  display:inline-flex!important;
  position:fixed!important;
  left:14px!important;
  bottom:14px!important;
  z-index:8998!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:178px!important;
  min-height:48px!important;
  padding:.68rem .9rem!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#2d73e8,#245fb9)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(36,95,185,.24)!important;
  text-decoration:none!important;
  text-align:left!important;
  line-height:1.05!important;
  transform:none!important;
}
.enquiry-sticky span{font-size:.86rem!important;font-weight:850!important;line-height:1.08!important;color:#fff!important}
.enquiry-sticky small{display:none!important}
.enquiry-sticky:hover,.enquiry-sticky:focus-visible{transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(36,95,185,.30)!important}
@media(max-width:760px){
  body{padding-bottom:68px!important}
  .site-footer{padding-bottom:22px!important}
  .enquiry-sticky{left:10px!important;bottom:10px!important;max-width:164px!important;min-height:46px!important;padding:.62rem .78rem!important;border-radius:15px!important}
  .enquiry-sticky span{font-size:.82rem!important}
}
@media(max-width:360px){.enquiry-sticky{max-width:154px!important}.enquiry-sticky span{font-size:.78rem!important}}
/* Keep the restored quick action out of transient UI overlays. */
body.menu-open .enquiry-sticky,
.site-header.menu-open ~ .enquiry-sticky,
body.v107-search-locked .enquiry-sticky{display:none!important}
