/* iOS Safari 26 bottom toolbar band.
   Safari ignores theme-color and tints the band around its bottom URL controls
   by sampling the background-color of fixed elements near the bottom edge —
   including ones hidden with opacity:0 or visibility:hidden. Only display:none
   removes an element from that sampling. See the global CLAUDE.md notes.

   GoHighLevel ships 14 .drawer__overlay / .drawer__content pairs per page.
   They are dead markup here (our burger menu uses .hide-popup on the nav list
   instead) but they are position:fixed, full-viewport, touch the bottom edge
   and carry a solid black background — so Safari painted a black bar from them.
   They are never opened, so display:none needs no transition to preserve. */
.drawer__overlay,
.drawer__content {
  display: none !important;
}

/* The root background is the fallback the sampler reads when no fixed element
   qualifies. The device-confirmed configuration is an explicit longhand on
   body with html deliberately left without one.

   It MUST match what the page actually renders — .bgCover paints the page
   white, so white it is. An earlier attempt used the dark #07080a that html
   carried, which showed through the gap between sections as a black line
   across the badges. Never pick this colour to "manage" the Safari band; pick
   the colour the page already is. */
html {
  background-color: initial;
}
body {
  background-color: #ffffff;
}

/* iOS Safari zooms the whole page when you focus an input smaller than 16px,
   which throws the layout off-centre and pushes the fixed widget out of view.
   Each page stylesheet sets this input to 14px, and GoHighLevel's own 16px fix
   is scoped to a .chaty-app-mobile ancestor that its JavaScript added at
   runtime — JavaScript we strip during capture, so nothing ever applies it.
   This restores the size GoHighLevel intended, on every device. */
input[type='text'].csass-whatsapp-input,
.csass-whatsapp-input {
  font-size: 16px !important;
}