/* Shared enquiry modal + status styles for the marketing site.
 *
 * Loaded on every page that can open the enquiry popup (bodhlok/enquiries.js).
 * The single source for these rules; the contact page's own layout stays in
 * bodhlok/contact-redesign.css. */

/* Submission status line (modal #enquiry-status and the contact page's
   #copy-status mirror). */
.enquiry-status{min-height:20px;margin:2px 0 0;font-size:14px;line-height:1.55}
.enquiry-status[data-tone=success]{color:#1c7a1c;font-weight:600}
.enquiry-status[data-tone=error]{color:#b23b3b}
.enquiry-status[data-tone=info]{color:#586953}

/* Inline "email us" CTA that opens the modal (e.g. the pricing FAQ). */
.enquiry-faq-cta{margin-top:10px;font-size:15px}
.enquiry-faq-cta a{color:#256f1b;font-weight:600;overflow-wrap:anywhere}

/* Enquiry modal. */
body.enquiry-modal-open{overflow:hidden}
.enquiry-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.enquiry-modal[hidden]{display:none}
.enquiry-modal__backdrop{position:fixed;inset:0;background:rgba(18,32,18,.55)}
.enquiry-modal__dialog{position:relative;z-index:1;margin:auto;width:100%;max-width:560px;background:#fff;border-radius:22px;padding:28px;box-shadow:0 24px 60px rgba(18,32,18,.28);max-height:calc(100vh - 48px);overflow-y:auto}
.enquiry-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.enquiry-modal__head h2{font-size:24px;letter-spacing:-.3px;color:#203827;margin:0}
.enquiry-modal__close{flex:none;background:#f2f7ee;color:#256f1b;border:0;border-radius:999px;width:40px;height:40px;font-size:24px;line-height:1;cursor:pointer}
.enquiry-modal__close:hover{background:#e6efdf}
.enquiry-modal form{display:grid;gap:16px}
.enquiry-modal .field{display:grid;gap:6px}
.enquiry-modal .field label{font-size:13px;color:#52654c;font-weight:600}
.enquiry-modal .field input,.enquiry-modal .field textarea{width:100%;box-sizing:border-box;background:#fff;border:1px solid #dce5d6;border-radius:14px;padding:13px 14px;font-size:16px;min-height:50px;line-height:1.5;font-family:inherit;color:#203827}
.enquiry-modal .field textarea{resize:vertical;min-height:150px}
.enquiry-modal .field input:focus,.enquiry-modal .field textarea:focus{outline:2px solid #3aa62b;outline-offset:1px;border-color:#3aa62b}
.enquiry-modal #enquiry-topic-readout{background:#f2f7ee;color:#256f1b;font-weight:600;cursor:default}
.enquiry-modal__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.enquiry-submit-btn{flex:1 1 auto;min-width:160px;background:#ffff00;color:#203827;border:0;border-radius:14px;min-height:54px;padding:0 24px;font-size:16px;font-weight:700;cursor:pointer}
.enquiry-submit-btn:hover{background:#f2f200}
.enquiry-submit-btn:disabled{opacity:.6;cursor:progress}
.enquiry-cancel-btn{flex:0 0 auto;background:#fff;color:#52654c;border:1px solid #dce5d6;border-radius:14px;min-height:54px;padding:0 22px;font-size:15px;font-weight:600;cursor:pointer}
.enquiry-cancel-btn:hover{background:#f5f8f1}
.enquiry-submit-btn:focus-visible,.enquiry-cancel-btn:focus-visible,.enquiry-modal__close:focus-visible{outline:2px solid #203827;outline-offset:2px}
@media(max-width:700px){
  .enquiry-modal{padding:12px;align-items:stretch}
  .enquiry-modal__dialog{padding:20px;border-radius:18px;max-height:calc(100vh - 24px)}
  .enquiry-modal__head h2{font-size:21px}
  .enquiry-submit-btn,.enquiry-cancel-btn{width:100%}
}