/* blocks/contact.css
   Block: Contact — intro + email on the left, Contact Form 7 on the right.
   Rewind Club - loaded in order by functions.php. */

.rc-contact__grid{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(24px,4vw,52px); align-items:start;
}

/* --- left column --- */
.rc-contact__intro h2{font-size:clamp(26px,3.6vw,40px); line-height:1.12; margin:6px 0 14px}
.rc-contact__intro .wysiwyg{color:var(--ink-2); max-width:46ch}
.rc-contact__intro .wysiwyg p{margin:0 0 12px}

.rc-contact__email{margin-top:26px}

.rc-contact__email-label{
  font-family:var(--font-mono); font-size:11.5px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ink-3); margin:0 0 8px;
}

.rc-contact__mail{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--font-display); font-weight:600;
  font-size:clamp(17px,2vw,21px); color:var(--ink); text-decoration:none;
  background:var(--card); border:1.5px solid var(--line); border-radius:999px;
  padding:10px 20px 10px 14px; box-shadow:4px 4px 0 var(--kraft-2);
  transition:transform .18s ease, box-shadow .18s ease;
}

.rc-contact__mail:hover,
.rc-contact__mail:focus-visible{transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--kraft-2)}

.rc-contact__mail-icon{
  display:grid; place-items:center; width:34px; height:34px; flex:0 0 auto;
  border-radius:50%; background:var(--mulberry); color:var(--mulberry-ink);
}

.rc-contact__mail-text{word-break:break-word}

/* --- right column: the form card --- */
.rc-contact__form{
  background:var(--card); border:1.5px solid var(--line); border-radius:var(--radius);
  padding:clamp(20px,3vw,32px); box-shadow:6px 6px 0 var(--kraft-2);
}

.rc-contact__form h3{font-size:clamp(19px,2.2vw,24px); margin:0 0 16px}
.rc-contact__hint{color:var(--ink-3); font-size:14px; margin:0}

/* Contact Form 7 fields, styled like the rest of the site. */
.rc-contact__form .wpcf7 p{margin:0 0 14px}

.rc-contact__form label{
  display:block; font-family:var(--font-mono); font-size:11.5px;
  letter-spacing:.12em; text-transform:uppercase; color:var(--ink-2); margin-bottom:6px;
}

.rc-contact__form input[type=text],
.rc-contact__form input[type=email],
.rc-contact__form input[type=tel],
.rc-contact__form input[type=url],
.rc-contact__form input[type=date],
.rc-contact__form input[type=number],
.rc-contact__form select,
.rc-contact__form textarea{
  width:100%; font:inherit; color:var(--ink);
  background:var(--card-2); border:1.5px solid var(--line); border-radius:12px;
  padding:12px 14px; transition:border-color .18s ease, box-shadow .18s ease;
}

.rc-contact__form textarea{min-height:140px; resize:vertical}

.rc-contact__form input:focus,
.rc-contact__form select:focus,
.rc-contact__form textarea:focus{
  outline:none; border-color:var(--mulberry); box-shadow:0 0 0 3px rgba(140,79,99,.16);
}

.rc-contact__form input[type=submit],
.rc-contact__form .wpcf7-submit{
  width:auto; display:inline-block; cursor:pointer;
  font-family:var(--font-display); font-weight:700; font-size:16px;
  color:var(--card); background:var(--ink);
  border:1.5px solid var(--ink); border-radius:999px; padding:12px 28px;
  box-shadow:4px 4px 0 var(--kraft-2);
  transition:transform .18s ease, box-shadow .18s ease;
}

.rc-contact__form input[type=submit]:hover,
.rc-contact__form .wpcf7-submit:hover{transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--kraft-2)}

.rc-contact__form .wpcf7-spinner{margin-left:10px}

.rc-contact__form .wpcf7-not-valid-tip{color:#A4373A; font-size:13px; margin-top:5px}

.rc-contact__form .wpcf7-response-output{
  border:1.5px solid var(--line) !important; border-radius:12px;
  margin:16px 0 0 !important; padding:12px 14px !important; font-size:14.5px;
}