/* CFS2030 mobile floating-control alignment */
@media (width <= 767px) {
  :is(#cfs-mobile-alignment#cfs-mobile-alignment#cfs-mobile-alignment#cfs-mobile-alignment#cfs-mobile-alignment, html) body.cfs2030-shell a.whatsappIframe[href*="wa.me"] {
    display: grid !important;
    place-items: center !important;
    line-height: 0 !important;
  }

  :is(#cfs-mobile-alignment#cfs-mobile-alignment#cfs-mobile-alignment#cfs-mobile-alignment#cfs-mobile-alignment, html) body.cfs2030-shell a.whatsappIframe[href*="wa.me"]::before {
    content: "" !important;
    box-sizing: border-box !important;
    position: absolute !important;
    display: block !important;
    flex: none !important;
    width: 18px !important;
    height: 18px !important;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    margin: 0 !important;
    color: #fff !important;
    background-color: #fff !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    transform: translate(-50%, -50%) !important;
    line-height: 0 !important;
  }

  /* Keep the accessible Search label without allowing it to create a second
     grid row that pulls the 24px search glyph five pixels above centre. */
  body.cfs2030-shell .cfs-desktop-main-header .cfs-desktop-search {
    position: relative;
  }

  body.cfs2030-shell .cfs-desktop-main-header .cfs-desktop-search > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}