/* Public header and mobile menu, tablet and phone widths.
   The header used to shrink to its content and sit centred, the language switch was hidden under 760px,
   and the closed drawer's shadow showed as a grey band down the right edge of every page. */

@media (max-width: 1080px) {
  .evia-public-header .v42-public-nav {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .evia-public-header .evia-public-brand { margin-right: auto; }
  .evia-public-header .v42-public-cta { order: 2; margin-left: 0; gap: 8px; }
  .evia-public-header .evia-public-toggle { order: 3; margin-left: 0 !important; }
  .evia-public-header .v42-public-cta .evia-language-switch { display: inline-flex; }
}

@media (max-width: 1080px) {
  body.evia-public-mobile-menu .evia-public-mobile-drawer {
    box-shadow: none !important;
    visibility: hidden;
    transition: transform .24s cubic-bezier(.22,.61,.36,1), visibility 0s linear .24s !important;
  }
  body.evia-public-mobile-menu.evia-public-menu-open .evia-public-mobile-drawer {
    box-shadow: -18px 0 48px rgba(0,0,0,.20) !important;
    visibility: visible;
    transition: transform .24s cubic-bezier(.22,.61,.36,1), visibility 0s !important;
  }

  .evia-public-mobile-actions {
    display: grid;
    gap: 10px;
    padding-top: 20px;
  }
  .evia-public-mobile-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    box-sizing: border-box;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
  }
  .evia-public-mobile-actions .primary { background: #28221c; color: #fff; }
  .evia-public-mobile-actions .secondary { border: 1px solid rgba(30,23,17,.22); color: #1e1711; background: #fff; }
  .evia-public-mobile-actions .whatsapp { border: 1px solid rgba(22,123,91,.35); color: #167b5b; background: #fff; }

  .evia-public-mobile-language {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #6b5a49;
  }
  .evia-public-mobile-language .evia-language-switch a { min-width: 44px; height: 34px; font-size: 13px; }
}

@media (max-width: 760px) {
  .evia-public-header .v42-whatsapp-link { display: none; }  /* the floating WhatsApp button is always on screen */
  /* The form sat vertically centred, so its help links landed under the floating chat and WhatsApp buttons. */
  .v42-auth-card-wrap { min-height: 0; align-items: flex-start; padding-top: 36px; padding-bottom: 120px; }
}