/* Concept 15: reply your way (brief form). The contact section is dark: ink is --primary-foreground. */

#brief.rp-on { display: flex; flex-direction: column; }
/* Email-first: the WhatsApp send sits under the email buttons. WhatsApp-first: it moves above them. */
#brief.rp-on > .rp-send { order: 1; margin-top: 10px; }
#brief.rp-on > p:last-child { order: 2; }
#brief.rp-on[data-rp="wa"] > .rp-send { order: 0; margin: 24px 0 -14px; }

.rp-label { margin: 0 0 6px; font-size: 12px; letter-spacing: 0.025em; color: hsl(var(--primary-foreground) / 0.6); }
.rp-opts { display: grid; grid-template-columns: repeat(3, 1fr); }
.rp-opts button {
  padding: 10px 8px; font: inherit; font-size: 13.5px; letter-spacing: 0.02em; cursor: pointer;
  color: hsl(var(--primary-foreground) / 0.7); background: transparent; border: 1px solid hsl(var(--primary-foreground) / 0.25);
  transition: color 0.3s, background 0.3s, border-color 0.3s;
}
.rp-opts button + button { border-left: 0; }
.rp-opts button:hover { color: hsl(var(--primary-foreground)); }
.rp-opts button[aria-pressed="true"] { color: hsl(var(--primary)); background: hsl(var(--primary-foreground)); border-color: hsl(var(--primary-foreground)); }
.rp-opts button:focus-visible, .rp-wa:focus-visible { outline: 1px solid hsl(var(--primary-foreground)); outline-offset: 3px; }

#brief-phone[aria-invalid="true"] { border-color: var(--mf-brass, #a88f5c); }

.rp-wa {
  display: flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 16px;
  font-size: 14px; letter-spacing: 0.025em; text-decoration: none;
  color: hsl(var(--primary-foreground)); border: 1px solid hsl(var(--primary-foreground) / 0.3);
  transition: background 0.3s, color 0.3s, opacity 0.3s;
}
.rp-wa svg { width: 17px; height: 17px; fill: currentColor; }
.rp-wa:hover { color: hsl(var(--primary)); background: hsl(var(--primary-foreground)); }
.rp-wa[aria-disabled="true"] { opacity: 0.4; cursor: default; }
.rp-wa[aria-disabled="true"]:hover { color: hsl(var(--primary-foreground)); background: transparent; }
.rp-note { margin: 8px 0 0; min-height: 0; font-size: 12px; line-height: 1.6; color: hsl(var(--primary-foreground) / 0.5); }
.rp-note:empty, #brief[data-rp="email"] .rp-note.is-info { display: none; }
#rp-email[aria-invalid="true"] { border-color: var(--mf-brass, #a88f5c); }

/* WhatsApp preferred: WhatsApp becomes the filled button, email the outline. */
#brief[data-rp="wa"] .rp-wa[aria-disabled="false"] { color: hsl(var(--primary)); background: hsl(var(--primary-foreground)); border-color: hsl(var(--primary-foreground)); }
#brief[data-rp="wa"] .rp-wa[aria-disabled="false"]:hover { opacity: 0.9; }
#brief[data-rp="wa"] a[href^="mailto:"] { color: hsl(var(--primary-foreground)); background: transparent; border: 1px solid hsl(var(--primary-foreground) / 0.3); }
#brief[data-rp="wa"] a[href^="mailto:"]:hover { color: hsl(var(--primary)); background: hsl(var(--primary-foreground)); }

/* A reply by phone or WhatsApp needs a number first. */
#brief.rp-blocked .rp-send ~ div a, #brief.rp-blocked .rp-send ~ div button, #brief.rp-blocked .rp-wa { opacity: 0.4; }

/* London desk: WhatsApp line action reads like the Copy button. */
.dk-lines a.dk-wa { font-size: 11px; color: var(--dk-mute); text-decoration: none; }
.dk-lines a.dk-wa:hover { color: var(--dk-ink); text-decoration: none; }