/*
Theme Name: AIRONED
Theme URI: https://aironed.com
Author: Clone of Shopify Horizon
Description: Clone 1:1 du site Shopify aironed.com
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: aironed
*/


/* ===== AIRONED_WPFORMS_STYLES v2 — Style le formulaire WPForms façon AIRONED 2026 ===== */
.wpforms-container,
.wpforms-container-full {
  max-width: 720px !important;
  margin: 0 auto 60px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}
.wpforms-container * { box-sizing: border-box !important; }

.wpforms-container form.wpforms-form {
  background: #FAFAF8 !important;
  border: 1px solid rgba(28,25,23,0.06) !important;
  border-radius: 24px !important;
  padding: 48px 44px 40px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.03) !important;
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}
.wpforms-container form.wpforms-form::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #0A0A0A 0%, #C4975A 50%, #0A0A0A 100%) !important;
}

/* Field wrapper */
.wpforms-container .wpforms-field {
  padding: 0 !important;
  margin: 0 0 22px !important;
  position: relative !important;
}
.wpforms-container .wpforms-field-container { margin: 0 !important; padding: 0 !important; }

/* Top-level labels (NOM, E-MAIL, COMMENTAIRE) */
.wpforms-container .wpforms-field > label.wpforms-field-label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: #9b9285 !important;
  margin: 0 0 10px 2px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}
.wpforms-container .wpforms-required-label {
  color: #C4975A !important;
  margin-left: 3px !important;
  font-weight: 700 !important;
}

/* Sub-labels (Prénom, Nom under composite Name field) */
.wpforms-container .wpforms-field-sublabel {
  display: block !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: #b5ad9f !important;
  margin: 6px 0 0 2px !important;
  padding: 0 !important;
}

/* All inputs */
.wpforms-container input[type=text],
.wpforms-container input[type=email],
.wpforms-container input[type=tel],
.wpforms-container input[type=url],
.wpforms-container input[type=number],
.wpforms-container input[type=password],
.wpforms-container input[type=date],
.wpforms-container textarea,
.wpforms-container select {
  background: #f4ede2 !important;
  border: 1.5px solid transparent !important;
  border-radius: 12px !important;
  color: #1c1917 !important;
  padding: 16px 18px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
  transition: all 0.2s ease !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.03) !important;
  line-height: 1.4 !important;
  min-height: 52px !important;
}
.wpforms-container input::placeholder,
.wpforms-container textarea::placeholder { color: #b5ad9f !important; opacity: 1 !important; }

.wpforms-container input:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus {
  background: #fff !important;
  border-color: #C4975A !important;
  box-shadow: 0 0 0 4px rgba(196,151,90,0.15), inset 0 1px 2px rgba(0,0,0,0.02) !important;
  outline: none !important;
}

.wpforms-container textarea {
  min-height: 140px !important;
  resize: vertical !important;
  line-height: 1.6 !important;
}

/* Composite Name field: Prénom + Nom side-by-side */
.wpforms-container .wpforms-field-name .wpforms-field-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  margin: 0 !important;
  width: 100% !important;
}
.wpforms-container .wpforms-field-name .wpforms-field-row-block {
  flex: 1 1 50% !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}
.wpforms-container .wpforms-field-name .wpforms-field-row-block input {
  width: 100% !important;
}
.wpforms-container .wpforms-one-half,
.wpforms-container .wpforms-one-third,
.wpforms-container .wpforms-two-thirds {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* Submit button */
.wpforms-container .wpforms-submit-container {
  margin: 32px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
}
.wpforms-container button[type=submit].wpforms-submit {
  background: #0A0A0A !important;
  background-image: linear-gradient(180deg, #1a1815 0%, #0A0A0A 100%) !important;
  color: #fff !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  padding: 18px 40px !important;
  border: none !important;
  border-radius: 100px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  width: 100% !important;
  display: block !important;
  box-shadow: 0 6px 20px rgba(10,10,10,0.25), inset 0 1px 0 rgba(255,255,255,0.08) !important;
  position: relative !important;
}
.wpforms-container button[type=submit].wpforms-submit::after {
  content: ' →' !important;
  display: inline-block !important;
  margin-left: 6px !important;
  transition: transform 0.2s !important;
}
.wpforms-container button[type=submit].wpforms-submit:hover {
  background-image: linear-gradient(180deg, #C4975A 0%, #a47e48 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(196,151,90,0.35), inset 0 1px 0 rgba(255,255,255,0.15) !important;
}
.wpforms-container button[type=submit].wpforms-submit:hover::after { transform: translateX(4px) !important; }
.wpforms-container button[type=submit].wpforms-submit:active { transform: translateY(0) !important; }
.wpforms-container button[type=submit].wpforms-submit[disabled] { opacity: 0.6 !important; cursor: wait !important; }

/* Confirmation message */
.wpforms-container .wpforms-confirmation-container,
.wpforms-container .wpforms-confirmation-container-full {
  background: linear-gradient(135deg, #f0fbf4 0%, #e8f7ee 100%) !important;
  border: 1.5px solid #2ea043 !important;
  color: #0f5132 !important;
  border-radius: 18px !important;
  padding: 28px 32px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  text-align: center !important;
  position: relative !important;
}
.wpforms-container .wpforms-confirmation-container::before {
  content: '✓' !important;
  display: block !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: #2ea043 !important;
  margin-bottom: 10px !important;
  line-height: 1 !important;
}

/* Error states */
.wpforms-container .wpforms-error,
.wpforms-container label.wpforms-error {
  color: #d92d20 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-top: 6px !important;
  display: block !important;
  background: none !important;
  padding: 0 !important;
}
.wpforms-container input.wpforms-error,
.wpforms-container textarea.wpforms-error,
.wpforms-container select.wpforms-error {
  border-color: #d92d20 !important;
  background: #fef3f2 !important;
}

/* Field description */
.wpforms-container .wpforms-field-description {
  font-size: 12px !important;
  color: #9b9285 !important;
  margin-top: 6px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

/* Mobile responsive */
@media (max-width: 600px) {
  .wpforms-container { padding: 0 12px !important; }
  .wpforms-container form.wpforms-form { padding: 32px 22px 26px !important; border-radius: 18px !important; }
  .wpforms-container .wpforms-field-name .wpforms-field-row {
    flex-direction: column !important;
    gap: 18px !important;
  }
  .wpforms-container .wpforms-field-name .wpforms-field-row-block { flex: 1 1 100% !important; }
  .wpforms-container input[type=text],
  .wpforms-container input[type=email],
  .wpforms-container textarea { font-size: 16px !important; padding: 14px 16px !important; min-height: 48px !important; }
  .wpforms-container button[type=submit].wpforms-submit { padding: 16px 28px !important; font-size: 13px !important; }
}

/* Spam honeypot — keep hidden */
.wpforms-container .wpforms-field.wpforms-field-hp { display: none !important; }
/* ===== END AIRONED_WPFORMS_STYLES ===== */


/* ===== AIRONED_WPFORMS_FIX_v3 — Override WPForms field-medium width constraint ===== */
.wpforms-container .wpforms-field-row.wpforms-field-medium,
.wpforms-container .wpforms-field-row.wpforms-field-large,
.wpforms-container .wpforms-field-row.wpforms-field-small {
  max-width: 100% !important;
  width: 100% !important;
}
.wpforms-container .wpforms-field input.wpforms-field-medium,
.wpforms-container .wpforms-field input.wpforms-field-large,
.wpforms-container .wpforms-field input.wpforms-field-small,
.wpforms-container .wpforms-field textarea.wpforms-field-medium,
.wpforms-container .wpforms-field textarea.wpforms-field-large,
.wpforms-container .wpforms-field textarea.wpforms-field-small,
.wpforms-container .wpforms-field select.wpforms-field-medium,
.wpforms-container .wpforms-field select.wpforms-field-large,
.wpforms-container .wpforms-field select.wpforms-field-small {
  width: 100% !important;
  max-width: 100% !important;
}
/* Reset legend (used by name field as label) */
.wpforms-container .wpforms-field fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
}
.wpforms-container .wpforms-field fieldset > legend.wpforms-field-label {
  display: block !important;
  width: 100% !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: #9b9285 !important;
  margin: 0 0 12px 2px !important;
  padding: 0 !important;
  float: none !important;
}
/* Force Prénom + Nom side by side with full width */
.wpforms-container .wpforms-field-name .wpforms-field-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
}
.wpforms-container .wpforms-field-name .wpforms-field-row-block {
  flex: 1 1 50% !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: block !important;
}
.wpforms-container .wpforms-field-name .wpforms-field-row-block input {
  width: 100% !important;
  display: block !important;
}
.wpforms-container .wpforms-one-half,
.wpforms-container .wpforms-first.wpforms-one-half {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}
/* Sublabels Prénom/Nom under inputs */
.wpforms-container .wpforms-field-sublabel.after {
  display: block !important;
  margin: 8px 0 0 4px !important;
  padding: 0 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #b5ad9f !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}
/* Mobile fix for name row */
@media (max-width: 600px) {
  .wpforms-container .wpforms-field-name .wpforms-field-row {
    flex-direction: column !important;
    gap: 18px !important;
  }
  .wpforms-container .wpforms-field-name .wpforms-field-row-block { flex: 1 1 100% !important; width: 100% !important; }
}
/* ===== END AIRONED_WPFORMS_FIX_v3 ===== */

/* ===== AIRONED_WPFORMS_POLISH_v4 — Polish: alignment + button centering ===== */
/* Sublabels (Prénom, Nom) — perfect alignment with input edge */
.wpforms-container .wpforms-field-sublabel.after,
.wpforms-container .wpforms-field-sublabel {
  display: block !important;
  margin: 8px 0 0 0 !important;
  padding: 0 0 0 4px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: #b5ad9f !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  text-align: left !important;
  line-height: 1.3 !important;
}

/* Top labels (NOM, E-MAIL) — same alignment */
.wpforms-container .wpforms-field > label.wpforms-field-label,
.wpforms-container .wpforms-field fieldset > legend.wpforms-field-label {
  margin: 0 0 12px 0 !important;
  padding: 0 0 0 4px !important;
}

/* Inputs / textareas: consistent vertical rhythm */
.wpforms-container .wpforms-field { margin: 0 0 26px !important; }
.wpforms-container .wpforms-field:last-of-type { margin-bottom: 0 !important; }

/* Submit button — perfect centering using flex */
.wpforms-container .wpforms-submit-container {
  margin: 36px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
  display: block !important;
}
.wpforms-container button[type=submit].wpforms-submit {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  text-align: center !important;
  padding: 19px 32px !important;
  line-height: 1 !important;
  letter-spacing: 1.5px !important;
  text-indent: 0 !important;
}
/* Override the ::after arrow with a real centered approach */
.wpforms-container button[type=submit].wpforms-submit::after {
  content: '→' !important;
  display: inline-block !important;
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  transition: transform 0.25s ease !important;
  position: static !important;
}
.wpforms-container button[type=submit].wpforms-submit:hover::after {
  transform: translateX(6px) !important;
}

/* Subtle improvements on inputs focus/hover */
.wpforms-container input[type=text]:hover,
.wpforms-container input[type=email]:hover,
.wpforms-container textarea:hover {
  background: #efe6d5 !important;
  border-color: rgba(196,151,90,0.25) !important;
}

/* Make form wrapper slightly more breathable */
.wpforms-container form.wpforms-form {
  padding: 52px 48px 44px !important;
}

/* Mobile polish */
@media (max-width: 600px) {
  .wpforms-container form.wpforms-form { padding: 36px 24px 30px !important; }
  .wpforms-container button[type=submit].wpforms-submit { padding: 17px 24px !important; font-size: 13px !important; }
}
/* ===== END AIRONED_WPFORMS_POLISH_v4 ===== */