.rd-channel-actions {
  display: flex;
  gap: var(--wp--preset--spacing--30, 0.75rem);
  z-index: 40;
}

.rd-channel-actions--dock {
  position: fixed;
  inset-inline-end: clamp(1rem, 2vw, 2rem);
  inset-block-end: clamp(1rem, 2vw, 2rem);
  flex-direction: column;
}

.rd-channel-actions--mobile-bar {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  padding: 0.625rem max(1rem, env(safe-area-inset-right)) max(0.625rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
  background: var(--wp--preset--color--surface, #fff);
  box-shadow: 0 -0.25rem 1.25rem rgba(13, 30, 34, 0.12);
}

.rd-channel-actions--inline {
  position: static;
  flex-wrap: wrap;
}

.rd-channel-action {
  align-items: center;
  background: var(--wp--preset--color--deep-water, #16373c);
  border: 1px solid transparent;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-weight: 600;
  gap: 0.5rem;
  justify-content: center;
  min-block-size: 48px;
  min-inline-size: 48px;
  padding: 0.6875rem 1rem;
  text-decoration: none;
}

.rd-channel-action--whatsapp { background: #1f6c55; }
.rd-channel-actions--mobile-bar .rd-channel-action { flex: 1 1 0; }
.rd-channel-action:hover { color: #fff; filter: brightness(1.08); }
.rd-channel-action:focus-visible,
.rd-callback-form :is(input, select, button, a):focus-visible,
.rd-footer-legal a:focus-visible {
  outline: 3px solid var(--wp--preset--color--sunlit-mineral, #d5b778);
  outline-offset: 3px;
}

.rd-callback-form {
  container-type: inline-size;
  max-inline-size: 48rem;
}

.rd-callback-form__form,
.rd-callback-form__enrichment form {
  display: grid;
  gap: 1rem;
}

.rd-callback-form__staging-notice {
  background: #fff6d8;
  border-inline-start: 4px solid #8b6416;
  color: #3b2d0e;
  padding: 0.75rem 1rem;
}

.rd-field,
.rd-consent,
.rd-choice-group {
  border: 0;
  display: grid;
  gap: 0.375rem;
  margin: 0;
  min-inline-size: 0;
  padding: 0;
}

.rd-field__label,
.rd-choice-group__legend { font-weight: 600; }

.rd-field__control,
.rd-field input,
.rd-field select {
  background: #fff;
  border: 1px solid #748083;
  border-radius: 0.5rem;
  box-sizing: border-box;
  color: #15282c;
  inline-size: 100%;
  min-block-size: 48px;
  padding: 0.6875rem 0.75rem;
}

.rd-field__control--phone { direction: ltr; text-align: start; unicode-bidi: isolate; }
.rd-choice { align-items: center; display: inline-flex; gap: 0.5rem; min-block-size: 48px; margin-inline-end: 1rem; }
.rd-choice input,
.rd-consent input { block-size: 1.25rem; inline-size: 1.25rem; margin: 0; }
.rd-consent { grid-template-columns: auto 1fr; align-items: start; }
.rd-consent .rd-field__error { grid-column: 1 / -1; }
.rd-field__error { color: #9b1c1c; font-size: 0.875rem; min-block-size: 1.25em; }
[aria-invalid="true"] { border-color: #9b1c1c !important; }

.rd-button {
  border: 1px solid currentColor;
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  min-block-size: 48px;
  padding: 0.6875rem 1.25rem;
}
.rd-button--primary { background: #16373c; color: #fff; }
.rd-button--secondary { background: transparent; color: #16373c; }
.rd-button--text { background: transparent; border-color: transparent; color: #16373c; text-decoration: underline; }
.rd-button:disabled { cursor: wait; opacity: 0.7; }
.rd-callback-form__status { font-weight: 600; min-block-size: 1.5em; }
.rd-callback-form__enrichment { border-block-start: 1px solid #c9d0d0; margin-block-start: 1.5rem; padding-block-start: 1.5rem; }
.rd-callback-form__optional-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.rd-callback-form__fallback { margin-block-start: 1.5rem; }
.rd-callback-form__honeypot { block-size: 1px; inline-size: 1px; overflow: hidden; position: absolute; inset-inline-start: -10000px; }

.rd-commercial-shell__fallback {
  background: var(--wp--preset--color--mist, #eef3f2);
  border-inline-start: 4px solid var(--wp--preset--color--deep-water, #16373c);
  padding: 1rem;
}

.rd-footer-legal { font-size: 0.875rem; }

@media (max-width: 781px) {
  .rd-channel-actions--dock { display: none; }
  body:has(.rd-channel-actions--mobile-bar) { padding-block-end: calc(72px + env(safe-area-inset-bottom)); }
}

@media (min-width: 782px) {
  .rd-channel-actions--mobile-bar { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .rd-channel-action,
  .rd-button { scroll-behavior: auto; transition: none !important; }
}