/* Morem - stiluri formulare (Contact Form 7)
   Adaugat de Airod. Paleta preluata din brand: #0D1425 / #FFDB94 */

.morem-form {
  --mf-ink: #0d1425;
  --mf-accent: #ffdb94;
  --mf-border: #d9dce3;
  --mf-muted: #6b7280;
  --mf-bg: #ffffff;
  --mf-radius: 10px;
  max-width: 720px;
  margin: 0 auto;
  text-align: left;
  font-family: inherit;
}

.morem-form * { box-sizing: border-box; }

/* CF7 6.x invelaste campurile ascunse intr-un <fieldset>, pe care tema il deseneaza
   cu chenar - aparea ca o cutie goala deasupra formularului. */
.wpcf7-form fieldset.hidden-fields-container,
.wpcf7-form .hidden-fields-container {
  display: none !important;
}

/* Fieldset-urile de pas nu trebuie sa mosteneasca chenarul temei. */
.wpcf7-form .morem-form__step {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
}

/* ---------- indicator pasi ---------- */
/* `> p` pentru cazul in care randarea mai insereaza un paragraf in jurul pastilelor */
.morem-form__progress,
.morem-form__progress > p {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  width: 100%;
}

.morem-form__progress { margin-bottom: 26px; }

.morem-form__pill {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  font-weight: 600;
  color: var(--mf-muted);
  white-space: nowrap;
  transition: color .25s ease;
}

.morem-form__pill i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1.5px solid var(--mf-border);
  background: var(--mf-bg);
  font-style: normal;
  font-size: 13px;
  font-weight: 700;
  transition: all .25s ease;
}

.morem-form__pill.is-active { color: var(--mf-ink); }
.morem-form__pill.is-active i,
.morem-form__pill.is-done i {
  background: var(--mf-ink);
  border-color: var(--mf-ink);
  color: #fff;
}

.morem-form__line {
  flex: 1;
  height: 1.5px;
  background: var(--mf-border);
  min-width: 20px;
}

/* ---------- structura ---------- */
.morem-form__step {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}

.morem-form--steps .morem-form__step { display: none; }
.morem-form--steps .morem-form__step.is-active { display: block; }

.morem-form__legend {
  padding: 0;
  margin: 0 0 20px;
  font-size: 20px;
  font-weight: 700;
  color: var(--mf-ink);
  line-height: 1.3;
}

.morem-form__row { margin: 0 0 18px; }

.morem-form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 18px;
}

.morem-form__row label,
.morem-form__row > label {
  display: block;
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 600;
  color: var(--mf-ink);
  line-height: 1.4;
}

.morem-form .req { color: #c0392b; font-weight: 700; }

.morem-form__hint {
  font-size: 12.5px;
  font-weight: 400;
  color: var(--mf-muted);
  line-height: 1.5;
}

/* ---------- campuri ---------- */
/* Specificitate ridicata: tema Woodmart isi impune propriile reguli pe input/button */
.morem-form input[type="text"],
.morem-form input[type="email"],
.morem-form input[type="tel"],
.morem-form select,
.morem-form textarea,
.wpcf7 .morem-form input[type="text"],
.wpcf7 .morem-form input[type="email"],
.wpcf7 .morem-form input[type="tel"],
.wpcf7 .morem-form select,
.wpcf7 .morem-form textarea {
  width: 100%;
  /* height:auto obligatoriu - tema impune o inaltime fixa care taie descenderele */
  height: auto !important;
  min-height: 0;
  padding: 12px 15px !important;
  font-family: inherit;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: var(--mf-ink);
  background-color: var(--mf-bg);
  border: 1.5px solid var(--mf-border);
  border-radius: var(--mf-radius);
  outline: none;
  box-shadow: none;
  text-overflow: ellipsis;
  transition: border-color .18s ease, box-shadow .18s ease;
  -webkit-appearance: none;
  appearance: none;
}

.morem-form select,
.wpcf7 .morem-form select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath fill='none' stroke='%230d1425' stroke-width='2' d='M1 1l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
  background-size: 13px auto !important;
  padding-right: 42px !important;
  cursor: pointer;
}

/* fara sageata dubla pe Windows/IE si fara stilul nativ pe Firefox */
.morem-form select::-ms-expand { display: none; }
.morem-form select { -moz-appearance: none; }

.morem-form textarea,
.wpcf7 .morem-form textarea { resize: vertical; min-height: 96px; }

.morem-form input:focus,
.morem-form select:focus,
.morem-form textarea:focus {
  border-color: var(--mf-ink);
  box-shadow: 0 0 0 3px rgba(13, 20, 37, .1);
}

.morem-form input::placeholder,
.morem-form textarea::placeholder { color: #9ca3af; }

.morem-form input[type="file"] {
  width: 100%;
  padding: 11px 14px;
  font-size: 14px;
  background: #f8f9fb;
  border: 1.5px dashed var(--mf-border);
  border-radius: var(--mf-radius);
  cursor: pointer;
}

/* ---------- acord GDPR ---------- */
.morem-form__row--consent { margin-top: 4px; }

.morem-form__row--consent .wpcf7-list-item { margin: 0; }

.morem-form__row--consent label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--mf-muted);
  cursor: pointer;
}

.morem-form__row--consent input[type="checkbox"] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: var(--mf-ink);
  cursor: pointer;
}

.morem-form__row--consent a { color: var(--mf-ink); text-decoration: underline; }

/* ---------- butoane ---------- */
.morem-form__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 26px 0 0;
}

.morem-form .morem-form__next,
.morem-form .morem-form__prev,
.morem-form input[type="submit"],
.wpcf7 .morem-form input[type="submit"],
.wpcf7 .morem-form input.wpcf7-submit {
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: .3px;
  text-transform: none !important;
  padding: 14px 30px !important;
  border-radius: var(--mf-radius) !important;
  border: 1.5px solid var(--mf-ink) !important;
  width: auto;
  min-width: 0;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, opacity .2s ease;
}

.morem-form .morem-form__next,
.morem-form input[type="submit"],
.wpcf7 .morem-form input[type="submit"],
.wpcf7 .morem-form input.wpcf7-submit {
  background-color: var(--mf-ink) !important;
  color: #fff !important;
}

.morem-form .morem-form__next:hover,
.morem-form input[type="submit"]:hover,
.wpcf7 .morem-form input[type="submit"]:hover,
.wpcf7 .morem-form input.wpcf7-submit:hover {
  background-color: #1c2740 !important;
  border-color: #1c2740 !important;
  color: #fff !important;
}

.morem-form .morem-form__prev {
  background-color: transparent !important;
  color: var(--mf-ink) !important;
  border-color: var(--mf-border) !important;
}

.morem-form .morem-form__prev:hover { border-color: var(--mf-ink) !important; }

.morem-form input[type="submit"]:disabled { opacity: .55; cursor: not-allowed; }

/* ---------- stari CF7 ---------- */
.morem-form .wpcf7-not-valid {
  border-color: #c0392b !important;
  box-shadow: 0 0 0 3px rgba(192, 57, 43, .1) !important;
}

.morem-form .wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: #c0392b;
}

.wpcf7 form .wpcf7-response-output {
  margin: 24px 0 0;
  padding: 14px 18px;
  border-width: 1.5px;
  border-radius: 10px;
  font-size: 14.5px;
  line-height: 1.55;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #1e7d47;
  background: #edf8f1;
  color: #14532d;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
  border-color: #c0392b;
  background: #fdf0ee;
  color: #7f1d1d;
}

.morem-form .wpcf7-spinner { margin: 0 0 0 10px; }

/* ---------- varianta inline (newsletter footer) ---------- */
.morem-form--inline { max-width: 460px; margin: 0; }

.morem-form--inline .morem-form__inline-row {
  display: flex;
  gap: 8px;
  margin: 0 0 10px;
}

.morem-form--inline .wpcf7-form-control-wrap { flex: 1; min-width: 0; }

.morem-form--inline input[type="email"],
.wpcf7 .morem-form--inline input[type="email"] {
  padding: 11px 14px;
  font-size: 14px;
}

.morem-form--inline input[type="submit"],
.wpcf7 .morem-form--inline input[type="submit"],
.wpcf7 .morem-form--inline input.wpcf7-submit {
  flex: 0 0 auto;
  padding: 11px 20px !important;
  font-size: 14px !important;
}

.morem-form--inline .morem-form__row--consent label {
  font-size: 12.5px;
  line-height: 1.45;
}

.morem-form--inline .morem-form__row--consent input[type="checkbox"] {
  width: 16px;
  height: 16px;
}

/* reCAPTCHA scalat ca sa incapa in coloana ingusta din footer */
.morem-form--inline .wpcf7-form-control-wrap[data-name="recaptcha"],
.morem-form--inline .g-recaptcha {
  transform: scale(.82);
  transform-origin: 0 0;
  margin-bottom: -14px;
}

/* ---------- mobil ---------- */
@media (max-width: 600px) {
  .morem-form__grid { grid-template-columns: 1fr; }
  .morem-form__legend { font-size: 18px; }
  .morem-form__pill { font-size: 12.5px; gap: 7px; }
  .morem-form__pill i { width: 25px; height: 25px; font-size: 12px; }
  .morem-form__actions { flex-direction: column-reverse; align-items: stretch; }
  .morem-form__next,
  .morem-form__prev,
  .morem-form input[type="submit"] { width: 100%; }
}