/* ==========================================================================
   TTPA — Contact page styles (contact.html only)
   Requires css/base.css to be loaded first.
   ========================================================================== */

/* CONTACT HERO */
.contact-hero{
  padding-top:170px;padding-bottom:60px;
  position:relative;overflow:hidden;
}
.contact-hero-tag{
  font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;
  color:var(--blue);margin-bottom:20px;display:block;
}
h1.contact-hero-title{
  font-size:clamp(40px,6vw,80px);font-weight:600;max-width:15ch;padding-top: 20px;
}
.contact-hero-title em{font-style:normal;color:var(--blue);}
.contact-hero-sub{
  margin-top:24px;font-size:17px;line-height:1.65;color:var(--ink-soft);max-width:52ch;
}

.contact-email-big{
  margin-top:44px;display:inline-flex;align-items:baseline;gap:14px;
  font-family:var(--wp--preset--font-family--inter);font-weight:600;
  font-size:clamp(24px,4.4vw,46px);color:var(--ink);
  border-bottom:2px solid var(--orange);padding-bottom:8px;
  transition:color .25s ease;position:relative;
}
.contact-email-big:hover{color:var(--blue);}
.contact-copy-hint{
  font-size:12px;font-weight:500;color:var(--ink-soft);
  border:1px solid var(--line);padding:4px 10px;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.contact-copy-hint.copied{background:var(--blue);border-color:var(--blue);color:var(--white);}

/* INFO + FORM */
.contact-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:64px;align-items:start;}
.info-list{display:flex;flex-direction:column;gap:16px;}
.info-card{
  border:1px solid #ebebeb;border-radius:var(--radius);
  padding:22px 24px;background:var(--white);
  transition:transform .25s ease, border-color .25s ease;
}
.info-card:hover{transform:translateX(4px);/*border-color:var(--blue);*/}
.info-label{
  font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;
  color:var(--ink-soft);margin-bottom:8px;
}
.info-value{font-family:var(--wp--preset--font-family--inter);font-size:18px;font-weight:600;}
.info-value a:hover{color:var(--blue);}
.info-sub{font-size:13px;color:var(--ink-soft);margin-top:4px;}

.sub_wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
}

@media (max-width:900px){ .contact-grid{grid-template-columns:1fr;gap:48px;} 

h1.contact-hero-title {
    max-width: unset;
}

.contact-hero-sub {
    max-width: unset;
}

.sub_wrap {
    padding: 0px;
}

}

/* FORM */
.contact-form{display:flex;flex-direction:column;gap:28px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.field{display:flex;flex-direction:column;gap:8px;}
.field label{
  font-size:12px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;
  color:var(--ink-soft);
}
.field input,
.field select,
.field textarea{
  font-family:var(--wp--preset--font-family--inter);font-size:16px;color:var(--ink);
  background:transparent;border:none;border-bottom:1.5px solid var(--line);
  padding:10px 2px;transition:border-color .25s ease;
  width:100%;resize:vertical;
}
.field select{cursor:pointer;}
.field input:focus,
.field select:focus,
.field textarea:focus{outline:none;border-color:var(--blue);}
.field textarea{min-height:120px;}
.form-submit-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:4px;}
.form-note{font-size:13px;color:var(--ink-soft);}
.form-note.success{color:var(--blue);font-weight:500;}
.contact-form button.btn-pill{
  border:none;font:inherit;font-size:14px;font-weight:500;cursor:pointer;
}

@media (max-width:700px){ .form-row{grid-template-columns:1fr;} }