/* WILLIAMS PLUMBING HEADER V3
   Mobile-first fix: no horizontal overflow, separate mobile navigation,
   and the pipework artwork is cropped into a controlled visual frame. */

.wp-header{--navy:#031d3a;--blue:#18a8eb;--pale:#a9defb;position:relative;width:100%;height:520px;overflow:hidden;background:radial-gradient(circle at 86% 45%,rgba(20,164,230,.16),transparent 30%),linear-gradient(108deg,#021a34 0%,#062a4d 57%,#031d3a 100%);color:#fff;font-family:Arial,Helvetica,sans-serif}
.wp-header *{box-sizing:border-box}.wp-header__texture{position:absolute;inset:0;opacity:.22;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.20) 0 1px,transparent 2px) 0 0/39px 39px,radial-gradient(circle at 70% 40%,rgba(255,255,255,.14) 0 1px,transparent 2px) 0 0/57px 57px}
.wp-header__inner{position:relative;z-index:5;width:min(1430px,calc(100% - 76px));height:100%;margin:0 auto}.wp-header__top{height:225px;display:flex;align-items:center;min-width:0}.wp-header__brand{display:block;width:510px;max-width:38%;flex:0 1 510px;line-height:0;overflow:hidden}.wp-header__brand img{display:block;width:100%;height:auto;max-width:510px}
.wp-header__nav{margin-left:auto;display:flex;gap:12px;align-items:center;min-width:0}.wp-header__nav a{position:relative;color:#fff;text-decoration:none;text-transform:uppercase;font-size:15px;font-weight:800;letter-spacing:.01em;padding:13px 15px 15px;border-radius:12px;white-space:nowrap;transition:background .18s ease,transform .18s ease}.wp-header__nav a:hover{background:rgba(24,168,235,.20);transform:translateY(-1px)}.wp-header__nav a.active{background:rgba(24,168,235,.24)}.wp-header__nav a.active::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:3px;border-radius:3px;background:var(--blue)}
.wp-header__contact{width:300px;min-width:300px;margin-left:20px;padding-left:25px;border-left:1px solid rgba(255,255,255,.58)}.wp-header__phone{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.phone-icon{width:46px;height:46px;flex:0 0 46px;border:3px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:22px}.wp-header__phone strong{display:block;font-size:24px;line-height:1}.wp-header__phone small{display:block;margin-top:7px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.05em}.wp-header__quote{width:270px;height:51px;margin-top:18px;padding:0 21px 0 25px;border-radius:27px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#19a6e8,#3abaf2);color:#fff;text-decoration:none;font-size:14px;font-weight:900;box-shadow:0 12px 30px rgba(0,120,200,.22)}.wp-header__quote b{font-size:25px;font-weight:400}
.wp-header__promises{position:absolute;top:211px;left:0;display:flex;gap:18px;align-items:center;font-size:17px;white-space:nowrap}.wp-header__promises span{display:flex;align-items:center;gap:9px}.wp-header__promises b{color:var(--blue);font-size:20px}.wp-header__promises em{width:1px;height:25px;background:rgba(255,255,255,.68)}
.wp-header__pipework-frame{position:absolute;right:-35px;bottom:76px;width:820px;height:265px;overflow:hidden;pointer-events:none}.wp-header__pipework{position:absolute;right:-70px;top:-45px;width:930px;height:auto;display:block;opacity:.9;filter:saturate(.95) brightness(1.04)}
.wp-header__waves{position:absolute;z-index:10;left:-5%;right:-5%;bottom:-1px;height:155px;pointer-events:none}.wp-header__waves .wave{position:absolute;left:0;width:110%;border-radius:50% 50% 0 0/48% 48% 0 0}.wp-header__waves .wave1{height:102px;bottom:18px;background:#073b70;transform:rotate(-2deg)}.wp-header__waves .wave2{height:95px;bottom:7px;background:#0a91db;transform:rotate(2deg)}.wp-header__waves .wave3{height:77px;bottom:-1px;background:var(--pale);transform:rotate(-1.2deg)}.wp-header__waves .wave4{height:85px;bottom:-24px;background:#fff;transform:rotate(-2.5deg)}
.wp-header__menu,.wp-header__mobile-nav{display:none}

@media(max-width:1180px) and (min-width:821px){.wp-header{height:470px}.wp-header__inner{width:calc(100% - 44px)}.wp-header__brand{max-width:34%;}.wp-header__nav{gap:4px}.wp-header__nav a{font-size:12px;padding:11px 10px}.wp-header__contact{width:240px;min-width:240px;margin-left:10px;padding-left:16px}.wp-header__phone strong{font-size:18px}.wp-header__quote{width:210px}.wp-header__pipework-frame{width:620px;height:220px;right:-25px;bottom:65px}.wp-header__pipework{width:760px;right:-45px;top:-35px}}

@media(max-width:820px){
  .wp-header{height:390px;min-height:390px;width:100%;overflow:hidden}
  .wp-header__inner{width:100%;height:100%;margin:0;padding:0 16px}
  .wp-header__top{height:92px;width:100%;display:flex;align-items:center}
  .wp-header__brand{width:min(270px,72vw);max-width:72vw;flex:0 1 auto;overflow:hidden}
  .wp-header__brand img{width:100%;height:auto;max-width:none}
  .wp-header__nav,.wp-header__contact{display:none}
  .wp-header__menu{display:flex;flex:0 0 46px;margin-left:auto;width:46px;height:46px;padding:10px;border:0;border-radius:12px;background:var(--blue);flex-direction:column;justify-content:center;gap:5px;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.18)}
  .wp-header__menu i{height:2px;width:100%;background:#fff;display:block;border-radius:2px}
  .wp-header__promises{position:absolute;top:98px;left:16px;right:16px;display:flex;justify-content:flex-start;gap:9px;font-size:10px;white-space:nowrap;overflow:hidden}
  .wp-header__promises em{height:16px;flex:0 0 1px}.wp-header__promises b{font-size:13px}.wp-header__promises span{gap:5px}
  .wp-header__pipework-frame{right:0;left:0;bottom:48px;width:100%;height:205px;overflow:hidden}
  .wp-header__pipework{width:720px;max-width:none;right:auto;left:50%;top:-20px;transform:translateX(-50%);height:auto}
  .wp-header__waves{height:105px;left:-8%;right:-8%}
  .wp-header__mobile-nav{position:absolute;z-index:30;display:flex;top:78px;right:14px;width:min(290px,calc(100vw - 28px));padding:10px;background:rgba(2,26,52,.98);border:1px solid rgba(24,168,235,.35);border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.35);flex-direction:column;gap:4px;transform:translateY(-14px);opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
  .wp-header__mobile-nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}
  .wp-header__mobile-nav a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 14px;border-radius:10px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:800}.wp-header__mobile-nav a:hover,.wp-header__mobile-nav a.active{background:rgba(24,168,235,.22)}.wp-header__mobile-nav .mobile-phone{margin-top:5px;color:var(--blue);border-top:1px solid rgba(255,255,255,.15);border-radius:10px}.wp-header__mobile-nav .mobile-quote{background:linear-gradient(100deg,#19a6e8,#3abaf2);margin-top:2px}
}

@media(max-width:390px){.wp-header{height:360px;min-height:360px}.wp-header__brand{width:64vw;max-width:64vw}.wp-header__promises{font-size:9px}.wp-header__pipework-frame{height:180px;bottom:45px}.wp-header__pipework{width:650px}.wp-header__waves{height:90px}}