/* ============ LIÊN HỆ ============ */
.contact{background:var(--bg);padding:56px var(--gutter) 92px;display:flex;flex-direction:column;gap:30px;align-items:flex-start;}
.contact__row{display:flex;gap:56px;align-items:flex-start;width:100%;}

/* Cột thông tin */
.cinfo{width:430px;flex:none;display:flex;flex-direction:column;gap:22px;align-items:flex-start;}
.cinfo__title{font-size:28px;font-weight:700;line-height:1.24;color:var(--ink);}
.cinfo__lead{font-size:15.5px;line-height:1.65;color:var(--ink-soft);}
.cinfo__items{display:flex;flex-direction:column;gap:18px;width:100%;}
.citem{display:flex;gap:14px;align-items:center;width:100%;}
.citem__ic{width:44px;height:44px;flex:none;border-radius:999px;background:var(--brand-soft);
  display:flex;align-items:center;justify-content:center;}
.citem__ic svg{width:20px;height:20px;}
.citem__label{font-size:12.5px;font-weight:500;letter-spacing:.5px;color:var(--muted);text-transform:uppercase;}
.citem__value{font-size:15.5px;font-weight:500;line-height:1.5;color:var(--ink);}
.citem__value a:hover{color:var(--brand);}

/* Form */
.cform{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;align-items:stretch;
  padding:32px;background:var(--bg-alt);border:1px solid var(--line);border-radius:12px;}
.cform__title{font-size:22px;font-weight:700;color:var(--ink);}
.cform__sub{font-size:14px;line-height:1.58;color:var(--muted);}
.cform input,.cform textarea{
  width:100%;font:inherit;font-size:15px;color:var(--ink);
  padding:13px 16px;background:var(--bg);border:1px solid var(--line);border-radius:8px;
  transition:border-color .15s ease;}
.cform textarea{min-height:112px;padding-top:14px;resize:vertical;}
.cform input::placeholder,.cform textarea::placeholder{color:var(--muted);}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--brand);}
.cform__submit{height:50px;border-radius:8px;background:var(--brand);color:#fff;font-size:15.5px;font-weight:700;
  transition:background-color .15s ease;}
.cform__submit:hover{background:var(--brand-deep);}
.cform__ok{display:none;font-size:14px;color:#1a7f45;font-weight:600;}
.cform__ok.show{display:block;}

/* Bản đồ */
.cmap{position:relative;height:530px;overflow:hidden;}
.cmap img{width:100%;height:100%;object-fit:cover;}
.cmap__btn{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);
  display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;
  background:var(--bg);color:var(--ink);font-size:15px;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.22);
  transition:transform .15s ease;}
.cmap__btn:hover{transform:translateX(-50%) translateY(-2px);color:var(--brand);}
.cmap__btn svg{width:18px;height:18px;}

/* === RESP-PAGE (auto) === */
@media (max-width:1024px){
  .contact__row{flex-direction:column;}
  .cinfo{width:100%;}
  .cform{width:100%;}
}
@media (max-width:600px){
  .cmap{height:340px;}
  .cinfo__title{font-size:24px;line-height:1.3;}
}
/* === END RESP-PAGE === */


/* ============ SHIM CHO CONTACT FORM 7 (giữ đúng layout thiết kế) ============ */
.cform form.wpcf7-form{display:flex;flex-direction:column;gap:14px;}
.cform form.wpcf7-form > p{margin:0;display:flex;flex-direction:column;gap:14px;}
.cform .wpcf7-spinner{display:none;}
.cform .wpcf7-not-valid-tip{font-size:12.5px;color:var(--brand);margin-top:4px;}
.cform .wpcf7-response-output{margin:0;padding:10px 14px;border:1px solid var(--line);border-radius:8px;font-size:14px;}
.cform .wpcf7-form.sent .wpcf7-response-output{border-color:#1a7f45;color:#1a7f45;font-weight:600;}
.cform input.cform__submit{background:var(--brand);color:#fff;border:0;font-weight:700;font-size:15.5px;border-radius:8px;height:50px;cursor:pointer;}
.cform input.cform__submit:hover{background:var(--brand-deep);}