/* PanelBuildPro mobile header (hamburger menu). Desktop (>980px) is unchanged. */
.nav-toggle{display:none}
header nav a.phone-link{padding:0;border-radius:0;background:none}
header nav a.phone-link:hover{background:none}

@media (max-width:980px){
  html,body{max-width:100%;overflow-x:clip}
  /* Projects gallery: keep slider arrows inside the screen on phones */
  .slider-for .slick-prev{left:8px!important;z-index:5}
  .slider-for .slick-next{right:8px!important;z-index:5}
  .slider-for .slick-prev:before,.slider-for .slick-next:before{text-shadow:0 1px 4px rgba(0,0,0,.6)}
  header .nav{position:static;gap:12px;padding:.6rem 0}
  header .logo{width:92px;flex:0 0 auto}
  header .logo img{padding-top:6px}
  .nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex:0 0 auto;width:46px;height:46px;padding:0;margin:0;border-radius:12px;border:1px solid rgba(56,189,248,.45);background:rgba(15,23,42,.85);cursor:pointer;-webkit-tap-highlight-color:transparent}
  .nav-toggle span{display:block;width:22px;height:2px;border-radius:2px;background:#e5e7eb;transition:transform .2s ease,opacity .2s ease}
  .nav-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(56,189,248,.6)}
  header.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  header.nav-open .nav-toggle span:nth-child(2){opacity:0}
  header.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  header nav#site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0b1220;border-bottom:1px solid rgba(56,189,248,.3);box-shadow:0 18px 30px rgba(0,0,0,.45);max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem 4% 1.1rem}
  header.nav-open nav#site-nav{display:block}
  header nav#site-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:2px;margin:0;padding:0;list-style:none}
  header nav#site-nav li{display:block;margin:0}
  header nav#site-nav a{display:block;padding:.8rem .9rem;border-radius:10px;font-size:1rem;color:#e5e7eb}
  header nav#site-nav a:hover,header nav#site-nav a:active{background:rgba(56,189,248,.12)}
  header nav#site-nav .dropdown .dropbtn{color:var(--brand,#38bdf8);font-weight:600;pointer-events:none}
  header nav#site-nav .dropdown-content{display:block;position:static;min-width:0;margin:0 0 0 .6rem;padding:0 0 0 .6rem;border:0;border-left:2px solid rgba(56,189,248,.35);box-shadow:none;background:transparent}
  header nav#site-nav .dropdown-content a{background:transparent;color:#cbd5e1;padding:.7rem .9rem;font-size:.95rem;text-align:left}
  header nav#site-nav .cta{display:block;width:100%;margin:.6rem 0 0;padding:.85rem 1rem;font-size:1rem;text-align:center;white-space:normal}
  header nav#site-nav a.phone-link{display:flex;justify-content:center;padding:.8rem 0 .2rem}
  header nav#site-nav img.phone-num-nav{width:140px;max-width:60%}
}