/* ============================================================
   BOOKING FORM STYLES — hajhomeservices.com theme
   Edit this ONE file to change the look on every page that uses it.
============================================================ */
:root{
  --bk-navy:#101F4B;
  --bk-navy-2:#182C66;
  --bk-gold:#C9A23F;
  --bk-gold-soft:#E4C97E;
  --bk-cream:#FAF8F3;
  --bk-ivory:#F3EFE6;
  --bk-ink:#1C2740;
  --bk-muted:#5F6B85;
  --bk-line:rgba(16,31,75,.10);
  --bk-radius:16px;
  --bk-shadow:0 14px 40px rgba(16,31,75,.12);
}

.bk-section{
  font-family:'Jost',system-ui,sans-serif;
  background:var(--bk-cream);
  padding:0 20px;
}

.bk-head{text-align:center;margin-bottom:36px}
.bk-head .eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--bk-gold);margin-bottom:14px;
}
.bk-head .eyebrow::before{content:"";width:34px;height:1.5px;background:var(--bk-gold)}
.bk-head h2{
  font-family:'Playfair Display',serif;font-weight:700;color:var(--bk-navy);
  font-size:clamp(28px,3.6vw,40px);margin-bottom:8px;
}

/* card container */
.bk-card{
    max-width: 84%;
  margin:0 auto;
  background:#fff;border:1px solid var(--bk-line);border-radius:var(--bk-radius);
  box-shadow:var(--bk-shadow);padding:40px;
}

.bk-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}

.bk-field label{
  display:block;font-size:12.5px;font-weight:600;color:var(--bk-navy);
  letter-spacing:.04em;margin-bottom:7px;
}
.bk-field input,
.bk-field textarea{
  width:100%;border:1.5px solid var(--bk-line);border-radius:10px;
  padding:13px 15px;font-family:'Jost',sans-serif;font-size:15px;color:var(--bk-ink);
  background:var(--bk-cream);box-sizing:border-box;transition:.2s;
}
.bk-field input:focus,
.bk-field textarea:focus{
  outline:none;border-color:var(--bk-gold);background:#fff;
}
.bk-field textarea{min-height:110px;resize:vertical}

/* services selector — "choice chip" style */
.bk-services-label{
  font-family:'Playfair Display',serif;font-size:16px;font-weight:600;
  color:var(--bk-navy);margin:6px 0 14px;
}
.bk-services{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:26px;
}
.bk-chip{position:relative}
.bk-chip input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.bk-chip span{
  display:flex;align-items:center;gap:8px;
  border:1.5px solid var(--bk-line);border-radius:12px;
  padding:12px 12px;font-size:13.5px;font-weight:500;color:var(--bk-navy);
  background:#fff;cursor:pointer;transition:.15s;
}
.bk-chip input:checked + span{
  border-color:var(--bk-gold);background:linear-gradient(180deg,#FFFDF6,#FBF3DD);
  box-shadow:0 0 0 1px var(--bk-gold);
}
.bk-chip span::before{content:"✓";color:transparent;font-weight:700;width:14px}
.bk-chip input:checked + span::before{color:var(--bk-gold)}

/* submit button */
.bk-submit{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Jost',sans-serif;font-weight:600;font-size:15px;letter-spacing:.04em;
  padding:15px 34px;border-radius:999px;border:0;cursor:pointer;
  background:linear-gradient(120deg,var(--bk-gold),#B08A2E);color:#fff;
  box-shadow:0 10px 26px rgba(201,162,63,.4);transition:.2s;
}
.bk-submit:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(201,162,63,.5)}
.bk-note{font-size:13px;color:var(--bk-muted);margin-top:14px}

@media (max-width:620px){
  .bk-row{grid-template-columns:1fr}
  .bk-services{grid-template-columns:1fr 1fr}
  .bk-card{padding:26px}
}

/* Form Inputs */
.bk-field input,
.bk-field textarea,
.bk-field select{
    width:100%;
    height:50px;
    border:1.5px solid var(--bk-line);
    border-radius:10px;
    padding:0 16px;
    font-family:'Jost',sans-serif;
    font-size:15px;
    color:var(--bk-ink);
    background:var(--bk-cream);
    box-sizing:border-box;
    transition:.25s ease;
}

/* Textarea */
.bk-field textarea{
    min-height:120px;
    padding:14px 16px;
    resize:vertical;
}

/* Custom Select */
.bk-field select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
    padding-right:50px;

    background:
        var(--bk-cream)
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23C9A23F' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")
        no-repeat right 16px center;
}

/* Focus */
.bk-field input:focus,
.bk-field textarea:focus,
.bk-field select:focus{
    outline:none;
    border-color:var(--bk-gold);
    background-color:#fff;
    box-shadow:0 0 0 4px rgba(201,162,63,.12);
}

/* Placeholder */
.bk-field input::placeholder,
.bk-field textarea::placeholder{
    color:#8b8b8b;
}

/* Select Options */
.bk-field select option{
    color:var(--bk-ink);
    background:#fff;
}