/* Rawaq Store Kit. Colours come from the theme presets when present; the WhatsApp green passes AA with white text. */
.rqk-wa { --rqk-g: #1F7A4D; box-sizing: border-box; max-width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 1.4rem;
  border-radius: var(--rq-ctl, 4px); background: var(--rqk-g); color: #fff; font-weight: 600; line-height: 1.3; text-decoration: none;
  transition: background-color .22s, border-color .22s, color .22s; }
.rqk-wa:hover, .rqk-wa:focus-visible { background: #17603C; color: #fff; }
.rqk-wa svg { width: 20px; height: 20px; flex: none; }
.rqk-wa--ghost { width: 100%; margin-top: 12px; background: transparent; color: var(--wp--preset--color--ink, #222);
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--ink, #222) 26%, transparent); }
.rqk-wa--ghost svg { color: var(--rqk-g); }
.rqk-wa--ghost:hover, .rqk-wa--ghost:focus-visible { background: color-mix(in srgb, #1F7A4D 8%, transparent); color: var(--wp--preset--color--ink, #222); border-color: #1F7A4D; }
.rqk-box { margin: 2rem 0; padding: clamp(20px, 3vw, 32px); border: 1px solid var(--wp--preset--color--line, #ddd); border-radius: var(--rq-card, 6px);
  background: var(--wp--preset--color--surface, #fff); }
.rqk-box h2 { margin: 0 0 .4rem; font-size: 1.25rem; line-height: 1.4; }
.rqk-box p { margin: 0 0 1.1rem; color: var(--wp--preset--color--ink-2, #444); max-width: 60ch; }
.woocommerce-checkout .rqk-hide { display: none !important; }