/* Propaganda anchored WhatsApp pre-chat panel — v2.2.1 */
.ppg-wa-backdrop[hidden] { display: none !important; }
.ppg-wa-backdrop {
  position: fixed; inset: 0; z-index: 2147483000;
  pointer-events: none; background: transparent;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
}
.ppg-wa-dialog, .ppg-wa-dialog * { box-sizing: border-box; }
.ppg-wa-dialog {
  position: fixed; top: 10px; left: 10px;
  width: min(370px, calc(100vw - 20px)); max-height: calc(100dvh - 20px);
  overflow-y: auto; overscroll-behavior: contain;
  pointer-events: auto;
  direction: rtl; text-align: right; background: #fff;
  color: #18252a; border: 1px solid #e5efea;
  border-radius: 19px; padding: 21px;
  box-shadow: 0 14px 48px rgba(11, 44, 28, .22);
  font-size: 15px; line-height: 1.55;
}
/* Separate tail remains visible even when the card itself scrolls. */
.ppg-wa-tail {
  position: fixed; width: 15px; height: 15px; background: #fff;
  border: 1px solid #e5efea; transform: translate(-50%, 0) rotate(45deg);
  pointer-events: none; z-index: 1;
}
.ppg-wa-tail.ppg-wa-above { border-top: 0; border-left: 0; }
.ppg-wa-tail.ppg-wa-below { border-bottom: 0; border-right: 0; }
.ppg-wa-header { display: flex; align-items: center; gap: 10px; position: relative; padding: 0; }
.ppg-wa-brand-icon {
  display: flex; align-items: center; justify-content: center;
  flex: 0 0 43px; height: 43px; border-radius: 50%; background: #25d366;
}
.ppg-wa-brand-icon svg { width: 27px; height: 27px; fill: #fff; }
.ppg-wa-brand-name { flex: 1 1 auto; min-width: 0; font-weight: 750; font-size: 15px; line-height: 1.4; }
.ppg-wa-dialog .ppg-wa-close {
  /* RTL header: brand on the right, visible close button on the far left. */
  position: static; flex: 0 0 32px; width: 32px; height: 32px;
  display: inline-flex; align-items: center; justify-content: center;
  margin-inline-start: auto; padding: 0; box-sizing: border-box;
  background: #f5f8f6; border: 1px solid #e0e9e4; border-radius: 50%;
  color: #45565b; font-family: Arial, sans-serif; font-size: 23px;
  font-weight: 400; line-height: 1; cursor: pointer;
  appearance: none; -webkit-appearance: none; box-shadow: none;
}
.ppg-wa-dialog .ppg-wa-close:hover,
.ppg-wa-dialog .ppg-wa-close:focus-visible {
  background: #e9f1ed; color: #1b3028; border-color: #c9d9d0;
}
.ppg-wa-dialog .ppg-wa-close:focus-visible { outline: 2px solid #188d63; outline-offset: 2px; }
.ppg-wa-separator { height: 1px; background: #e9efec; margin: 15px 0; }
.ppg-wa-title {
  margin: 0 0 15px; text-align: center; font-size: 17px;
  line-height: 1.48; font-weight: 750; color: #18252a;
}
.ppg-wa-field { display: block; margin-bottom: 12px; }
.ppg-wa-field-label { display: block; margin-bottom: 5px; font-size: 14px; font-weight: 650; }
.ppg-wa-input {
  display: block; width: 100%; min-height: 44px;
  background: #fff; border: 1px solid #cedad5; border-radius: 10px;
  padding: 9px 12px; color: #18252a; font: inherit; font-size: 15px;
  outline: 0; box-shadow: none; text-align: right;
}
.ppg-wa-input:focus { border-color: #148e62; box-shadow: 0 0 0 3px rgba(37,211,102,.14); }
.ppg-wa-input::placeholder { color: #929fa0; }
.ppg-wa-input[aria-invalid="true"] { border-color: #cc5151; }
.ppg-wa-submit {
  width: 100%; min-height: 46px; border: 0; border-radius: 11px;
  background: #188d63; color: #fff; font: inherit; font-weight: 750;
  cursor: pointer; display: flex; gap: 9px; justify-content: center; align-items: center;
  padding: 10px 14px; transition: background .12s ease, opacity .12s ease;
}
.ppg-wa-submit:hover:not(:disabled) { background: #107a54; }
.ppg-wa-submit:disabled { background: #b5c4bc; color: #fff; cursor: not-allowed; }
.ppg-wa-submit svg { width: 20px; height: 20px; fill: #fff; }
.ppg-wa-error { color: #b4232b; font-size: 13px; min-height: 0; margin: 0 0 9px; }
.ppg-wa-error:empty { display: none; }
.ppg-wa-honeypot { position: absolute !important; opacity: 0; height: 0; width: 0; overflow: hidden; pointer-events: none; }
@media (max-width: 420px) {
  .ppg-wa-dialog { padding: 16px; border-radius: 16px; }
  .ppg-wa-title { font-size: 16px; }
  .ppg-wa-brand-name { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { .ppg-wa-submit { transition: none; } }