/* Mi Ciela Jewelry - functional form styles */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Jost:wght@400;500;600;700&display=swap');
.mcj-contact-form, .mcj-contact-form *{box-sizing:border-box}
.mcj-contact-form{font-family:'Jost',sans-serif;color:#7b6653;width:100%}
.mcj-contact-form .mcj-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px}
.mcj-contact-form .mcj-field{margin:0!important;min-width:0}
.mcj-contact-form .mcj-field-full{grid-column:1/-1}
.mcj-contact-form .mcj-field label{display:block;margin:0 0 8px;color:#5e4631;font-family:'Jost',sans-serif;font-size:11px;font-weight:600;letter-spacing:.65px;text-transform:uppercase}
.mcj-contact-form .mcj-field label span{color:#b8864a}
.mcj-contact-form .mcj-field input,.mcj-contact-form .mcj-field select,.mcj-contact-form .mcj-field textarea{display:block;min-height:48px;width:100%;margin:0!important;padding:12px 13px!important;color:#5e4631!important;-webkit-text-fill-color:#5e4631!important;font-family:'Jost',sans-serif!important;font-size:13px!important;font-weight:400!important;line-height:1.5!important;border:1px solid #e6d9c9!important;border-radius:2px!important;background:#fff!important;background-image:none!important;box-shadow:none!important;outline:0!important;transition:border-color .2s,box-shadow .2s}
.mcj-contact-form .mcj-field textarea{min-height:136px;resize:vertical}
.mcj-contact-form .mcj-field input:focus,.mcj-contact-form .mcj-field select:focus,.mcj-contact-form .mcj-field textarea:focus{border-color:#b8864a!important;box-shadow:0 0 0 3px rgba(184,134,74,.13)!important}
.mcj-contact-form .mcj-field input::placeholder,.mcj-contact-form .mcj-field textarea::placeholder{color:#a89886!important;-webkit-text-fill-color:#a89886!important}
.mcj-contact-form .mcj-consent{display:flex;align-items:flex-start;gap:10px;margin:22px 0 19px!important;color:#7b6653;font-family:'Jost',sans-serif;font-size:12px;font-weight:400;line-height:1.65;cursor:pointer}
.mcj-contact-form .mcj-consent input{flex:0 0 auto;width:16px;height:16px;margin:2px 0 0!important;accent-color:#b8864a}
.mcj-contact-form .mcj-consent a{color:#9f6f36!important;text-decoration:underline!important}
.mcj-contact-form .mcj-form-submit{display:inline-flex!important;align-items:center;justify-content:center;gap:22px;min-height:52px;min-width:225px;padding:13px 25px!important;margin:0!important;background:#b8864a!important;background-image:none!important;border:1px solid #b8864a!important;border-radius:2px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:'Jost',sans-serif!important;font-size:11px!important;font-weight:600!important;letter-spacing:1.35px!important;line-height:1.2!important;text-transform:uppercase!important;cursor:pointer;box-shadow:none!important;transition:background .2s ease,border-color .2s ease}
.mcj-contact-form .mcj-form-submit:hover,.mcj-contact-form .mcj-form-submit:focus{background:#9f6f36!important;border-color:#9f6f36!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.mcj-contact-form .mcj-form-submit span{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:19px}
.mcj-contact-form .mcj-form-footnote{font-family:'Jost',sans-serif;font-size:11px!important;color:#978573;margin:12px 0 0!important}
.mcj-contact-form .mcj-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.mcj-contact-form .mcj-contact-notice{font-size:13px;padding:13px 16px;margin-bottom:19px;border-left:3px solid #b8864a;background:#fbf7f0;color:#5e4631}
.mcj-contact-form .mcj-contact-error{border-left-color:#ac5b55;background:#fff4f1}
.mcj-form-load-error{font-family:'Jost',sans-serif;color:#7b6653;font-size:14px}
.mcj-form-load-error a{color:#9f6f36!important}
.mcj-contact-form :focus-visible{outline:2px solid #9f6f36!important;outline-offset:2px}
@media(max-width:610px){.mcj-contact-form .mcj-form-grid{grid-template-columns:1fr;gap:14px}.mcj-contact-form .mcj-field-full{grid-column:auto}.mcj-contact-form .mcj-form-submit{width:100%!important}}
@media(prefers-reduced-motion:reduce){.mcj-contact-form *{transition:none!important}}
