/*
Theme Name: Domain For Sale
Theme URI: https://maisonrosemarketing.com
Author: Anthony Stupery
Author URI: https://maisonrosemarketing.com
Description: Single-page "this domain is for sale" landing theme. Automatically detects whichever domain the visitor typed in and displays it, with an offer form that emails the site owner directly. All copy (business name, tagline, contact email, and the body text) is editable from Appearance > Customize > Domain Sale Page.
Version: 1.0
Requires at least: 5.9
Requires PHP: 7.4
License: Unlicense
Text Domain: pecan-domain-sale
*/

:root{
  --rose:#b76e79;
  --rose-dark:#8c4a56;
  --rose-light:#f3e3e3;
  --cream:#faf7f5;
  --charcoal:#2b2726;
  --gray:#6b6462;
  --border:#e7dcda;
  --success:#3f7a5c;
  --error:#b1433a;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  background:var(--cream);
  color:var(--charcoal);
  line-height:1.55;
}
a{color:var(--rose-dark);}
.wrap{max-width:880px;margin:0 auto;padding:0 24px;}

header.site{
  padding:28px 0;
  border-bottom:1px solid var(--border);
}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.brand{display:flex;flex-direction:column;}
.brand-name{font-size:20px;font-weight:700;letter-spacing:.02em;color:var(--charcoal);}
.brand-tag{font-size:12.5px;color:var(--gray);letter-spacing:.03em;text-transform:uppercase;}

.hero{padding:64px 0 40px;text-align:center;}
.hero .eyebrow{
  display:inline-block;
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--rose-dark);
  background:var(--rose-light);
  padding:6px 14px;
  border-radius:999px;
  margin-bottom:22px;
}
.hero h1{
  font-size:clamp(28px, 5vw, 46px);
  line-height:1.15;
  margin:0 0 14px;
  font-weight:800;
  color:var(--charcoal);
  word-break:break-word;
}
.hero h1 .domain{color:var(--rose-dark);}
.hero p.lede{
  font-size:18px;
  color:var(--gray);
  max-width:620px;
  margin:0 auto;
}

.cta-row{margin-top:30px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.btn{
  display:inline-block;
  padding:13px 26px;
  border-radius:8px;
  font-weight:600;
  font-size:15px;
  text-decoration:none;
  cursor:pointer;
  border:1px solid transparent;
}
.btn-primary{background:var(--rose-dark);color:#fff;}
.btn-primary:hover{background:#743a44;}
.btn-secondary{background:transparent;color:var(--rose-dark);border-color:var(--rose-dark);}

section{padding:36px 0;}
.context{
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  padding:30px 32px;
}
.context h2{margin-top:0;font-size:21px;}
.context p{color:var(--charcoal);font-size:15.5px;}
.context .source{font-size:12.5px;color:var(--gray);margin-top:14px;margin-bottom:0;}

.why-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
  margin-top:20px;
}
.why-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  padding:20px;
}
.why-card h3{margin:0 0 8px;font-size:16px;}
.why-card p{margin:0;font-size:14.5px;color:var(--gray);}

.offer{
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  padding:34px;
}
.offer h2{margin-top:0;font-size:23px;}
.offer p.sub{color:var(--gray);margin-top:-6px;font-size:15px;}

form{margin-top:22px;}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:560px){.grid2{grid-template-columns:1fr;}}
.field{margin-bottom:16px;}
label{
  display:block;
  font-size:13.5px;
  font-weight:600;
  margin-bottom:6px;
  color:var(--charcoal);
}
input[type=text], input[type=email], input[type=tel], input[type=number], textarea{
  width:100%;
  padding:11px 13px;
  border:1px solid var(--border);
  border-radius:8px;
  font-size:15px;
  font-family:inherit;
  background:var(--cream);
  color:var(--charcoal);
}
input:focus, textarea:focus{
  outline:none;
  border-color:var(--rose);
  background:#fff;
}
textarea{resize:vertical;min-height:100px;}
.amount-wrap{position:relative;}
.amount-wrap span{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);
  color:var(--gray);font-size:15px;
}
.amount-wrap input{padding-left:26px;}

.honey{position:absolute;left:-9999px;opacity:0;}

.submit-row{margin-top:22px;}
button.submit{
  background:var(--rose-dark);
  color:#fff;
  border:none;
  padding:14px 30px;
  border-radius:8px;
  font-size:15.5px;
  font-weight:700;
  cursor:pointer;
  width:100%;
}
button.submit:hover{background:#743a44;}
button.submit:disabled{opacity:.6;cursor:not-allowed;}

.form-msg{
  margin-top:16px;
  padding:12px 14px;
  border-radius:8px;
  font-size:14.5px;
  display:none;
}
.form-msg.show{display:block;}
.form-msg.success{background:#e9f4ee;color:var(--success);border:1px solid #cfe8db;}
.form-msg.error{background:#fbeceb;color:var(--error);border:1px solid #f2cfcc;}

footer{
  padding:34px 0 50px;
  text-align:center;
  color:var(--gray);
  font-size:13px;
}
footer a{color:var(--gray);}