/* ============================================================================
 * Mohit Luxury Catalogue — lead forms (catalogue / sample / quote / enquiry /
 * newsletter). Inherits the chrome palette vars.
 * ========================================================================== */

.mlc-form{background:var(--bg2);border:1px solid var(--line);border-radius:3px;padding:30px 28px;}
.mlc-form--inline{background:transparent;border:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.mlc-form__title{font-family:var(--serif);font-weight:500;font-size:26px;color:var(--ink);margin:0 0 20px;}
.mlc-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin-bottom:22px;}
.mlc-field{display:flex;flex-direction:column;gap:6px;}
.mlc-field--wide{grid-column:1/-1;}
.mlc-field label{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);}
.mlc-field label span{color:var(--gold);}

.mlc-form input[type=text],
.mlc-form input[type=email],
.mlc-form input[type=tel],
.mlc-form input[type=url],
.mlc-form select,
.mlc-form textarea{
  background:var(--bg);border:1px solid var(--line-2);color:var(--ink);
  padding:13px 15px;font-family:var(--sans);font-size:14px;border-radius:2px;width:100%;
  transition:border-color .25s;}
.mlc-form--inline input[type=email]{width:auto;flex:1;min-width:220px;background:var(--bg);}
.mlc-form input:focus,.mlc-form select:focus,.mlc-form textarea:focus{outline:none;border-color:var(--gold);}
.mlc-form .is-invalid{border-color:#C9584A;}
.mlc-field__error{color:#D9806F;font-size:12px;margin:0;min-height:1em;}

.mlc-form__status{margin:14px 0 0;font-size:13.5px;min-height:1.2em;color:var(--muted);}
.mlc-form__status.is-ok{color:#9CC48E;}
.mlc-form__status.is-error{color:#D9806F;}
.mlc-form__privacy{margin:10px 0 0;font-size:11.5px;color:var(--faint);}
.mlc-form__context{color:var(--muted);font-size:13px;margin:0 0 16px;}
.mlc-form__context strong{color:var(--gold-bright);}

/* Honeypot — visually removed, still in the accessibility tree off-screen. */
.mlc-hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden;}

@media(max-width:640px){
  .mlc-form{padding:24px 18px;}
  .mlc-form__grid{grid-template-columns:1fr;}
}