/* Enquiry forms (/enquire): general question, speaking, group workshop. Loaded on top of styles.css.
   Brand: white/cream backgrounds only, black text, orange for the required asterisk, the italic heading
   accent and the section labels, black button that turns green on hover, sublines in italic. */

.page-enq .enq-top{padding:64px 0 28px}
.page-enq .enq-top .eyebrow{margin-bottom:26px}
.enq-switch{display:flex;flex-wrap:wrap;gap:10px}
.enq-switch a{display:inline-block;padding:11px 18px;border:2px solid var(--black);border-radius:6px;font-weight:700;font-size:.95rem;text-decoration:none;color:var(--black);background:#fff;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.enq-switch a:hover{border-color:var(--orange);color:var(--orange)}
.enq-switch a[aria-current="page"]{background:var(--black);color:#fff;border-color:var(--black)}

.page-enq .enq-body{padding:56px 0 104px}
.enq-card{background:#fff;max-width:800px;margin:0 auto;padding:52px 56px 60px;border-top:12px solid var(--orange);box-shadow:0 1px 0 rgba(26,26,26,.06)}
.enq-card h1{font-size:clamp(2.1rem,4.4vw,3.2rem)}
.enq-card > .body{margin-top:18px;font-size:1.12rem}
.enq-card form{display:grid;gap:22px;margin-top:40px}
.enq-card h2.eyebrow{margin:22px 0 0;font-size:.74rem}
.enq-card h2.eyebrow:first-child{margin-top:0}
.enq-card .subline{margin:-10px 0 4px;font-style:italic;color:#4d4a46;font-family:var(--serif);font-size:1.05rem}

.enq-card .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.enq-card .field{display:grid;gap:8px;margin:0;padding:0;border:0;min-width:0;align-content:start}
.enq-card .field[hidden]{display:none}
.enq-card label{font-weight:700;font-size:1rem;color:var(--black)}
.enq-card .req{color:var(--orange);font-size:1.15em;line-height:0}
.enq-card input[type="text"],.enq-card input[type="email"],.enq-card textarea,.enq-card select{width:100%;box-sizing:border-box;font:inherit;font-size:1.05rem;line-height:1.5;color:var(--black);background:#fff;border:2px solid var(--black);border-radius:6px;padding:13px 16px}
.enq-card input::placeholder,.enq-card textarea::placeholder{color:#8a8580}
.enq-card textarea{resize:vertical;min-height:120px}
.enq-card select{appearance:none;-webkit-appearance:none;padding-right:48px;cursor:pointer}
.enq-card select:invalid,.enq-card select.is-empty{color:#8a8580}
.enq-card .field{position:relative}
.enq-card .field:has(> select)::after{content:"";position:absolute;right:18px;top:calc(1.5rem + 24px);width:9px;height:9px;border-right:2px solid var(--black);border-bottom:2px solid var(--black);transform:rotate(45deg);pointer-events:none}
.enq-card input:focus,.enq-card textarea:focus,.enq-card select:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 2px var(--lime)}
.enq-card [aria-invalid="true"]{border-color:var(--orange)}
.enq-card .err{margin:0;font-size:.92rem;font-weight:700;color:#9b1c1c;min-height:0}
.enq-card .err:empty{display:none}
.enq-card .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.enq-card .form-note{margin:0;font-size:.98rem;color:var(--black)}
.enq-card .form-note:empty{display:none}
.enq-card .form-note:not(:empty){padding:12px 16px;border-left:4px solid var(--orange);background:var(--cream)}
.enq-card .btn{justify-self:start;min-width:280px;margin-top:6px}
.enq-card .btn:disabled{opacity:.6;cursor:default}

/* the money block sits on cream, like a note tucked into the form */
.enq-card .dollars{display:grid;gap:18px;background:var(--cream);padding:26px 28px 28px;margin:6px -8px 0;border-radius:6px}
.enq-card .dollars h2.eyebrow{margin-top:0}
.enq-card .dollars h2.eyebrow + .subline{margin-top:-8px}
.enq-card .dollars .two + h2.eyebrow{margin-top:14px}
.enq-card .dollars .subline{margin-top:-8px}
.enq-card .dollars select{background:#fff}

.enq-done{margin-top:32px;padding:26px 30px;border-left:8px solid var(--lime);background:var(--cream)}
.enq-done .body{margin:0;font-size:1.2rem;max-width:none;font-family:var(--serif);font-weight:700;color:var(--black)}

@media (max-width:640px){
  .page-enq .enq-top{padding:40px 0 20px}
  .page-enq .enq-body{padding:32px 0 64px}
  .enq-card{padding:30px 20px 36px}
  .enq-card .two{grid-template-columns:1fr}
  .enq-card .dollars{margin:6px 0 0;padding:22px 18px 24px}
  .enq-card .btn{width:100%;min-width:0}
  .enq-switch a{padding:10px 14px;font-size:.9rem}
}