/* Beautyforest — global theme styles.
   Colours/typography/buttons come from theme.json; this adds layout the editor
   tokens don't cover. All colours reference theme.json preset CSS vars. */

:root{
  --bf-radius:8px;
  --bf-green:var(--wp--preset--color--brand-green);
  --bf-green-hover:var(--wp--preset--color--green-hover);
  --bf-green-deep:var(--wp--preset--color--green-deep);
  --bf-forest:var(--wp--preset--color--forest);
  --bf-green-ink:var(--wp--preset--color--green-ink);
  --bf-mint:var(--wp--preset--color--mint);
  --bf-paper:var(--wp--preset--color--paper);
  --bf-graphite:var(--wp--preset--color--graphite);
  --bf-stone-deep:var(--wp--preset--color--stone-deep);
  --bf-hairline:var(--wp--preset--color--hairline);
}

img{max-width:100%;height:auto}

/* ---------- Contact Form 7 base inputs (prefooter overrides for the dark band) ---------- */
.wpcf7-form p{margin:0 0 1rem}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=url],.wpcf7 textarea,.wpcf7 select{
  width:100%;box-sizing:border-box;border:1px solid var(--bf-hairline);border-radius:var(--bf-radius);
  padding:.7rem .9rem;font:inherit;font-size:.95rem;background:#fff;color:var(--bf-graphite)}
.wpcf7 textarea{min-height:140px}
.wpcf7 input:focus,.wpcf7 textarea:focus{outline:2px solid var(--bf-green-deep);outline-offset:1px;border-color:var(--bf-green)}
.wpcf7 input[type=submit]{width:auto;background:var(--bf-green);color:var(--bf-green-ink);border:0;border-radius:var(--bf-radius);
  padding:.75rem 1.7rem;font-weight:700;font-size:.95rem;cursor:pointer;transition:background .18s ease}
.wpcf7 input[type=submit]:hover{background:var(--bf-green-hover)}