/* WhatsApp mini form: available in mobile viewports, independent of pointer reporting. */
.gcc-mobile-application-bar,
.gcc-whatsapp-inline,
.gcc-whatsapp-dialog {
  display:none;
}

body:has(.gcc-mobile-application-bar) {
  padding-bottom:0;
}

@media (max-width:767px) {
  html.js .gcc-whatsapp-inline {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    width:100%;
    margin:0 0 1rem;
    background:#1a7ab6;
    border:1px solid #1a7ab6;
    color:#fff;
    cursor:pointer;
  }

  html.js body:has(.gcc-mobile-application-bar) {
    padding-bottom:calc(5.25rem + env(safe-area-inset-bottom, 0px));
  }

  html.js .gcc-mobile-application-bar {
    position:fixed;
    z-index:1000;
    display:flex;
    gap:.5rem;
    left:0;
    right:0;
    bottom:0;
    padding:.55rem max(.75rem, env(safe-area-inset-left, 0px)) calc(.55rem + env(safe-area-inset-bottom, 0px)) max(.75rem, env(safe-area-inset-right, 0px));
    background:#fff;
    border-top:1px solid #d9e6ed;
    box-shadow:0 -2px 10px rgba(50,55,62,.12);
  }

  .gcc-mobile-application-bar a,
  .gcc-mobile-application-bar button {
    box-sizing:border-box;
    display:flex;
    flex:1;
    align-items:center;
    justify-content:center;
    min-height:48px;
    margin:0;
    border:0;
    border-radius:.45rem;
    padding:.6rem .7rem;
    font:inherit;
    font-weight:700;
    line-height:1.2;
    text-align:center;
    text-decoration:none;
    -webkit-appearance:none;
  }

  .gcc-mobile-application-bar__apply {
    background:#f2d675;
    color:#32373e;
  }

  .gcc-mobile-application-bar__whatsapp {
    background:#1a7ab6;
    color:#fff;
    cursor:pointer;
  }

  .gcc-mobile-application-bar a:focus-visible,
  .gcc-mobile-application-bar button:focus-visible,
  .gcc-whatsapp-dialog button:focus-visible,
  .gcc-whatsapp-dialog a:focus-visible,
  .gcc-whatsapp-dialog input:focus-visible,
  .gcc-whatsapp-dialog textarea:focus-visible {
    outline:3px solid #1a7ab6;
    outline-offset:2px;
  }

  .gcc-whatsapp-dialog[open]:not([hidden]) {
    position:fixed;
    z-index:1100;
    top:calc(var(--gcc-wa-viewport-top, 0px) + max(.5rem, env(safe-area-inset-top, 0px)));
    right:max(.75rem, env(safe-area-inset-right, 0px));
    left:max(.75rem, env(safe-area-inset-left, 0px));
    display:block;
    width:auto;
    max-width:38rem;
    max-height:min(90dvh, calc(var(--gcc-wa-viewport-height, 100dvh) - 1rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)));
    margin:0 auto;
    padding:0;
    overflow:hidden;
    border:1px solid #d9e6ed;
    border-radius:.65rem;
    background:#fff;
    color:#32373e;
    box-shadow:0 12px 32px rgba(50,55,62,.25);
  }

  .gcc-whatsapp-dialog::backdrop {
    background:rgba(50,55,62,.52);
  }

  .gcc-whatsapp-dialog__inner {
    display:flex;
    flex-direction:column;
    max-height:inherit;
  }

  .gcc-whatsapp-dialog__heading {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:1rem;
    padding:1rem 1rem .75rem;
    border-bottom:1px solid #d9e6ed;
  }

  .gcc-whatsapp-dialog__heading .eyebrow {
    margin:0 0 .25rem;
  }

  .gcc-whatsapp-dialog__heading h2 {
    margin:0;
    color:#32373e;
    font-size:1.25rem;
    line-height:1.2;
  }

  .gcc-whatsapp-dialog__close {
    flex:0 0 auto;
    min-width:44px;
    min-height:44px;
    border:1px solid #d9e6ed;
    border-radius:.45rem;
    background:#fff;
    color:#32373e;
    font-size:1.55rem;
    line-height:1;
    cursor:pointer;
  }

  .gcc-whatsapp-dialog__body {
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:1rem;
    -webkit-overflow-scrolling:touch;
  }

  .gcc-whatsapp-dialog__body > p:first-child {
    margin-top:0;
  }

  .gcc-whatsapp-dialog__warning {
    margin:1rem 0;
    padding:.75rem;
    border-left:4px solid #1a7ab6;
    background:#f7fcff;
    font-size:.92rem;
  }

  .gcc-whatsapp-form p {
    margin:0 0 1rem;
  }

  .gcc-whatsapp-form label {
    display:block;
    margin-bottom:.35rem;
    color:#32373e;
    font-weight:700;
  }

  .gcc-whatsapp-form input[type="text"],
  .gcc-whatsapp-form textarea {
    box-sizing:border-box;
    display:block;
    width:100%;
    min-height:48px;
    border:1px solid #9db9c7;
    border-radius:.45rem;
    padding:.65rem .7rem;
    background:#fff;
    color:#32373e;
    font:inherit;
  }

  .gcc-whatsapp-form textarea {
    min-height:88px;
    resize:vertical;
  }

  .gcc-whatsapp-form__consent {
    padding:.75rem;
    border:1px solid #d9e6ed;
    border-radius:.45rem;
    background:#f7fcff;
  }

  .gcc-whatsapp-form__consent label {
    margin:0;
    font-size:.9rem;
    font-weight:400;
  }

  .gcc-whatsapp-form__consent input {
    width:1.15rem;
    height:1.15rem;
    margin:.1rem .35rem 0 0;
    vertical-align:top;
  }

  .gcc-whatsapp-form__required {
    color:#5d676d;
    font-size:.85rem;
  }

  .gcc-whatsapp-dialog__status {
    min-height:1.35rem;
    color:#32373e;
    font-size:.9rem;
    font-weight:700;
  }

  .gcc-whatsapp-dialog__actions,
  .gcc-whatsapp-preview__actions {
    display:flex;
    flex-direction:column;
    gap:.6rem;
  }

  .gcc-whatsapp-dialog__actions .button,
  .gcc-whatsapp-preview .button {
    display:block;
    width:100%;
    min-height:48px;
    cursor:pointer;
  }

  .gcc-whatsapp-preview {
    margin-top:1.25rem;
    padding-top:1rem;
    border-top:1px solid #d9e6ed;
  }

  .gcc-whatsapp-preview h3 {
    margin:0 0 .65rem;
    color:#32373e;
    font-size:1rem;
  }

  .gcc-whatsapp-preview pre {
    max-height:14rem;
    margin:0 0 .75rem;
    overflow:auto;
    padding:.75rem;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    border:1px solid #d9e6ed;
    border-radius:.45rem;
    background:#f7fcff;
    color:#32373e;
    font:inherit;
    font-size:.88rem;
  }

  .gcc-whatsapp-preview__actions {
    margin-bottom:.75rem;
  }

  .gcc-whatsapp-preview__actions span {
    min-height:1.25rem;
    font-size:.88rem;
    font-weight:700;
  }

  .gcc-whatsapp-preview button[disabled] {
    cursor:not-allowed;
    opacity:.62;
  }

  html.gcc-whatsapp-dialog-open {
    overflow:hidden;
  }
}