/* Header responsive visibility hotfix — 2026-07-30
   Loaded after the legacy and refinement header styles to resolve cascade
   conflicts without changing the navigation interaction logic. */

/* The source logo is a square image with generous internal padding. Cropping
   it into a wordmark-shaped viewport keeps the real DRPP artwork legible. */
.drpp-logo{
  overflow:hidden;
  background:#001227;
}

.drpp-logo img{
  width:110px;
  height:58px;
  max-width:none;
  object-fit:cover;
  object-position:center;
}

/* With the approved client-login control restored, the contact CTA remains
   hidden at compact desktop widths so the navigation keeps its original
   spacing and no action is compressed or pushed outside the header. */
@media (max-width:1180px){
  .drpp-header-actions>.drpp-cta{
    display:none;
  }

  .drpp-logo img{
    width:98px;
    height:52px;
  }
}

@media (max-width:1030px){
  .drpp-logo img{
    width:88px;
    height:46px;
  }
}

@media (max-width:860px){
  .drpp-header-actions{
    padding:4px 14px 0 8px;
  }

  .drpp-logo img{
    width:82px;
    height:44px;
  }

  .drpp-mobile-menu{
    flex:none;
  }

  .drpp-mobile-menu>summary{
    width:48px;
    height:48px;
    border:2px solid var(--drpp-yellow);
    background:rgba(255,238,88,.08);
    color:var(--drpp-yellow);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  }

  .drpp-mobile-menu>summary:hover,
  .drpp-mobile-menu>summary:focus-visible,
  .drpp-mobile-menu[open]>summary{
    background:var(--drpp-yellow);
    color:var(--drpp-navy);
  }

  .drpp-mobile-menu-icon,
  .drpp-mobile-menu-icon::before,
  .drpp-mobile-menu-icon::after{
    width:20px;
    height:2px;
    background:currentColor;
  }

  .drpp-mobile-menu[open] .drpp-mobile-menu-icon{
    background:transparent;
  }

  .drpp-mobile-menu-panel{
    z-index:10004;
  }
}

@media (max-width:520px){
  .drpp-header-actions{
    padding-right:10px;
  }

  .drpp-logo img{
    width:74px;
    height:40px;
  }

  .drpp-mobile-menu>summary{
    width:46px;
    height:46px;
  }
}