/* For Sale purchase inquire — cream/aged paper sheet (sale detail language).
   Standalone: does NOT depend on noble-contact.css. Sharp corners. No book/stud UI. */

.saleinq{
  --sale-paper:#F6EEDA;
  --sale-ink:#2A1810;
  --sale-ink2:#5C3A20;
  --sale-muted:#8C6B45;
  --sale-rule:#D9C79E;
  --sale-gold:#C99A3B;
  --sale-ongold:#231207;
  --sale-aged:var(--rd-aged-tex, url("/img/img-803.webp"));
  --sale-line:rgba(42,24,16,.18);
  position:relative;
  z-index:1;
  padding:8px 0 48px;
  box-sizing:border-box;
}

.saleinq .saleinq-wrap{
  margin-top:20px;
  margin-bottom:24px;
}

.saleinq-sheet.sheet--sale{
  max-width:640px;
  margin:0 auto;
}

.saleinq-top{
  padding-bottom:28px;
}

/* Back links — outlined / no-fill buttons */
.saleinq-backs{
  display:flex;
  flex-wrap:wrap;
  gap:14px 20px;
  justify-content:center;
  align-items:center;
  width:100%;
  padding:14px 16px 0;
  box-sizing:border-box;
  position:relative;
  z-index:1;
}
.saleinq-backs .sale-back{
  display:inline-block;
  margin:0;
  font:500 13px/1.3 Jost,sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--sale-ink2);
  text-decoration:none;
  background:transparent;
  border:1.5px solid rgba(92,58,32,.55);
  border-radius:0;
  padding:10px 14px;
  box-sizing:border-box;
  transition:border-color .15s,color .15s,background .15s;
}
.saleinq-backs .sale-back:hover{
  color:var(--sale-ink);
  border-color:var(--sale-ink);
  background:rgba(246,238,218,.55);
}
.saleinq-backs .sale-back[hidden]{display:none !important}

/* Title block — one H1 only, Cinzel like .sale-name */
.saleinq-head{
  text-align:center;
  padding:10px 28px 20px;
  border-bottom:1px solid var(--sale-rule);
}
.saleinq-head .salekick{
  font:700 12px Jost,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--sale-muted);
  margin:0 0 6px;
}
.saleinq-head .sale-name{
  margin:0;
  font:600 clamp(22px,3vw,30px)/1.15 Cinzel,serif;
  letter-spacing:.02em;
  color:var(--sale-ink);
}

/* Horse chip — visible only with .show (JS / SSR) */
.saleinq .chip,
.saleinq-chip.chip{
  display:none;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:14px auto 0;
  max-width:100%;
  width:fit-content;
  background:rgba(201,154,59,.18);
  border:1px solid var(--sale-gold);
  color:var(--sale-ink2);
  font:500 13px/1.35 Jost,sans-serif;
  letter-spacing:.02em;
  padding:8px 14px;
  border-radius:0;
  box-sizing:border-box;
}
.saleinq .chip b,
.saleinq-chip.chip b{
  color:var(--sale-ink);
  font-weight:700;
}
.saleinq .chip.show,
.saleinq-chip.chip.show{
  display:inline-flex;
}

/* Form on cream paper */
.saleinq-form{
  position:relative;
  z-index:1;
  padding:18px 28px 8px;
  box-sizing:border-box;
}
.saleinq-form label{
  display:block;
  font:600 11px/1.3 Jost,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--sale-muted);
  margin:14px 0 6px;
}
.saleinq-form .req{color:#9A7B45}
.saleinq-form .opt{
  color:rgba(42,24,16,.45);
  font-weight:500;
  letter-spacing:.04em;
  text-transform:none;
}
.saleinq-form input,
.saleinq-form textarea{
  width:100%;
  box-sizing:border-box;
  background:rgba(255,252,245,.72);
  border:1px solid var(--sale-line);
  border-radius:0;
  color:var(--sale-ink);
  font:400 16px/1.4 Jost,sans-serif;
  padding:11px 12px;
  transition:border-color .15s,box-shadow .15s;
}
.saleinq-form input::placeholder,
.saleinq-form textarea::placeholder{
  color:rgba(42,24,16,.42);
}
.saleinq-form input:focus,
.saleinq-form textarea:focus{
  outline:none;
  border-color:var(--sale-gold);
  box-shadow:0 0 0 2px rgba(201,154,59,.22);
}
.saleinq-form textarea{
  min-height:120px;
  resize:vertical;
}
.saleinq-form input[readonly],
.saleinq-form input.saleinq-horse-locked{
  background:rgba(201,154,59,.12);
  border-color:rgba(140,107,69,.4);
  color:var(--sale-ink);
  cursor:default;
}
.saleinq-horse-wrap[hidden]{display:none !important}

.saleinq-form .send{
  margin-top:20px;
  width:100%;
  position:relative;
  overflow:hidden;
  z-index:0;
  background:var(--sale-gold);
  color:var(--sale-ongold);
  border:none;
  border-radius:0;
  font:600 15px/1 Cinzel,serif;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:15px;
  cursor:pointer;
  transition:background .15s,transform .15s;
  box-shadow:0 10px 22px -14px rgba(0,0,0,.35);
}
.saleinq-form .send::before{
  content:'';
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  opacity:.14;mix-blend-mode:multiply;
  background-image:var(--sale-aged);
  background-size:cover;background-position:center;
}
.saleinq-form .send:hover{
  background:#B8892F;
  transform:translateY(-1px);
}
.saleinq-form .send span{position:relative}
.saleinq-form .send[disabled]{opacity:.55;cursor:not-allowed;transform:none}

.saleinq-form .promise{
  margin-top:16px;
  background:linear-gradient(90deg,rgba(200,169,110,.22),rgba(200,169,110,.05));
  border-left:3px solid var(--sale-gold);
  padding:12px 14px;
  font:italic 400 14px/1.4 "EB Garamond",Georgia,serif;
  color:var(--sale-ink2);
}
.saleinq-form .fine{
  margin-top:12px;
  font:400 12px/1.5 Jost,sans-serif;
  color:rgba(42,24,16,.55);
}
.saleinq-form .form-error{
  color:#8B2E1A;
}

/* Success state */
.saleinq-form .success{
  display:none;
  text-align:center;
  padding:28px 6px 12px;
}
.saleinq-form .success.show{display:block}
.saleinq-form .checkwrap{
  width:72px;height:72px;margin:0 auto 16px;
  border-radius:0;
  background:rgba(201,154,59,.18);
  display:flex;align-items:center;justify-content:center;
}
.saleinq-form .checkwrap svg{width:42px;height:42px}
.saleinq-form .checkwrap path{
  fill:none;
  stroke:var(--sale-gold);
  stroke-width:6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.saleinq-form .success h3{
  margin:0 0 8px;
  font:600 22px/1.2 Cinzel,serif;
  color:var(--sale-ink);
}
.saleinq-form .success p{
  margin:0 0 16px;
  font:italic 400 16px/1.4 "EB Garamond",Georgia,serif;
  color:var(--sale-ink2);
}
.saleinq-form .again{
  margin-top:8px;
  background:none;
  border:1px solid rgba(42,24,16,.28);
  color:var(--sale-muted);
  font:500 12px/1 Jost,sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:9px 16px;
  border-radius:0;
  cursor:pointer;
}
.saleinq-form .again:hover{
  color:var(--sale-ink);
  border-color:var(--sale-ink);
}

/* Plain reach block — under form, no dark glass contact chrome */
.saleinq-reach{
  position:relative;
  z-index:1;
  margin:8px 28px 0;
  padding:18px 0 4px;
  border-top:1px solid var(--sale-rule);
  text-align:center;
}
.saleinq-reach h2{
  margin:0 0 10px;
  font:600 15px/1.2 Cinzel,serif;
  letter-spacing:.04em;
  color:var(--sale-ink);
}
.saleinq-phones{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:center;
}
.saleinq-phones li{
  font:400 14px/1.35 Jost,sans-serif;
  color:var(--sale-ink2);
}
.saleinq-phones a{
  color:var(--sale-ink);
  text-decoration:none;
  border-bottom:1px dotted rgba(140,107,69,.4);
  font-weight:600;
}
.saleinq-phones a:hover{
  color:var(--sale-gold);
  border-bottom-color:var(--sale-gold);
}
.saleinq-phones span{
  margin-left:6px;
  color:var(--sale-muted);
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.saleinq-visit{
  margin:12px 0 0;
  font:italic 400 14px/1.4 "EB Garamond",Georgia,serif;
  color:var(--sale-muted);
}

@media (max-width:640px){
  .saleinq-form{padding:16px 18px 8px}
  .saleinq-head{padding:10px 18px 18px}
  .saleinq-reach{margin:8px 18px 0}
}
