/* Helprite Group — V12 finishing details, October 2026
   Shared panel gutters, accent colour consistency and more comfortable navigation. */
:root{--accent-blue:#4b88c6}

/* Keep desktop navigation centred, with breathing room between the six links. */
@media(min-width:1241px){
  header.top nav ul{gap:clamp(17px,1.45vw,25px)!important}
}
@media(min-width:1111px) and (max-width:1240px){
  header.top nav ul{gap:clamp(12px,1.1vw,17px)!important}
}
@media(min-width:981px) and (max-width:1110px){
  header.top nav ul{gap:9px!important}
}
@media(max-width:980px){
  header.top nav ul{gap:6px!important}
}

/* The parent ".w.panel" was width:100% and its border reached the
   viewport edge. Keep a meaningful outer margin while retaining inner padding.
   This covers About, Careers and any other page using the same layout pattern. */
@media(max-width:760px){
  [data-p] section.s > .w.panel{
    display:block;
    width:calc(100% - 40px)!important;
    max-width:none!important;
    margin-inline:20px!important;
    padding:clamp(24px,6vw,32px)!important;
    border-radius:10px!important;
    box-sizing:border-box;
  }
  [data-p] section.s > .w.panel h2{
    max-width:100%;
    font-size:clamp(1.45rem,6vw,1.95rem);
    line-height:1.25;
    overflow-wrap:break-word;
  }
  [data-p] section.s > .w.panel .row{
    display:flex;
    gap:13px 18px;
    justify-content:center;
    flex-wrap:wrap;
  }
  [data-p] section.s > .w.panel .btn,
  [data-p] section.s > .w.panel .lnk{min-height:44px}
  [data-p] .panel:not(.w){min-width:0}
  [data-p] .s > .w:not(.panel){min-width:0}
}
@media(max-width:375px){
  [data-p] section.s > .w.panel{
    width:calc(100% - 30px)!important;
    margin-inline:15px!important;
    padding:22px 20px!important;
  }
  [data-p] section.s > .w.panel .row{gap:10px}
}

/* The WhatsApp glyph is a real vector brand icon, styled consistently with
   the other social platforms (header, footer, and mobile drawer). */
.social-link svg,.drawer-socials a svg{display:block;max-width:18px;max-height:18px;fill:currentColor}
@media(max-width:375px){
 footer .footer-social-wrap .social-links{gap:6px!important}
 footer .footer-social-wrap .social-link{width:30px!important;height:30px!important}
}

/* Five socials sit in a deliberate 3+2 grid in the narrow mobile Policies
   column, rather than leaving the WhatsApp icon orphaned on a wrapped row. */
@media(max-width:750px){
  footer .footer-social-wrap .social-links{
    display:grid!important;
    grid-template-columns:repeat(3,32px);
    column-gap:8px!important;
    row-gap:9px!important;
    justify-content:start;
  }
  footer .footer-social-wrap .social-link{width:32px!important;height:32px!important}
}
@media(max-width:375px){
  footer .footer-social-wrap .social-links{
    grid-template-columns:repeat(3,30px);
    gap:8px 6px!important;
  }
  footer .footer-social-wrap .social-link{width:30px!important;height:30px!important}
}