/*
 * Egységes, visszafogott WhatsApp–Viber mobil kapcsolati sáv.
 * A konkrét telefonszámokat és eseményattribútumokat nem módosítja.
 */
@media (max-width: 768px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  body > header,
  body > main,
  body > section,
  body > footer {
    box-sizing: border-box;
    max-width: 100%;
  }

  img,
  video,
  svg {
    max-width: 100%;
  }

  body:has(nav[aria-label="Közvetlen mobil kapcsolat"]) {
    padding-bottom: calc(58px + env(safe-area-inset-bottom)) !important;
  }

  nav[aria-label="Közvetlen mobil kapcsolat"] {
    box-sizing: border-box !important;
    gap: 6px !important;
    padding:
      6px max(12px, env(safe-area-inset-right))
      calc(6px + env(safe-area-inset-bottom))
      max(12px, env(safe-area-inset-left)) !important;
    background: rgba(7, 7, 7, 0.94) !important;
    border-top: 1px solid rgba(199, 169, 107, 0.32) !important;
    box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.18) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  nav[aria-label="Közvetlen mobil kapcsolat"] a {
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.01em !important;
    box-shadow: none !important;
  }

  .eternis-direct-actions .eternis-direct-action {
    min-height: 40px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.15 !important;
    box-shadow: none !important;
  }
}