/* ================================================================
   lien-he.css  –  Trang liên hệ
   ================================================================ */

/* ── CONTACT CARD ── */
.contact-card { background: #1a1a24; border-radius: 1.25rem; box-shadow: 0 4px 24px rgba(0,0,0,.5); }

/* ── INFO ITEMS ── */
.info-item {
  display: flex; align-items: flex-start; gap: 1rem;
  padding: 1.1rem 1.3rem; border-bottom: 1px solid #242430;
  transition: background .2s;
}
.info-item:last-child { border-bottom: none; }
.info-item:hover { background: #242430; }
.info-icon { width: 44px; height: 44px; border-radius: .75rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 1.1rem; }
.info-label { font-size: .73rem; font-weight: 700; color: #aaa; text-transform: uppercase; letter-spacing: .07em; }
.info-value { font-size: .95rem; font-weight: 800; color: #fff; margin-top: 1px; }
.info-sub { font-size: .8rem; color: #888; margin-top: 1px; font-weight: 500; }

/* ── FORM ── */
.form-group { margin-bottom: 1.1rem; }
.form-label { display: block; font-size: .82rem; font-weight: 700; color: #ccc; margin-bottom: .4rem; }
.form-label span { color: #dfb667; margin-left: 2px; }
.form-input {
  width: 100%; padding: .75rem 1rem;
  border: 2px solid #333; border-radius: .65rem;
  font-family: 'Be Vietnam Pro', sans-serif; font-size: .9rem; color: #fff;
  background: #0a0a0f; outline: none;
  transition: border-color .2s, background .2s, box-shadow .2s;
}
.form-input:focus { border-color: #dfb667; background: #050508; box-shadow: 0 0 0 3px rgba(223, 182, 103, .15); }
.form-input::placeholder { color: #555; }
textarea.form-input { resize: vertical; min-height: 130px; }

/* ── SUBMIT BUTTON ── */
.btn-submit {
  display: flex; align-items: center; justify-content: center; gap: .6rem;
  width: 100%; padding: .9rem 1.5rem;
  background: linear-gradient(135deg, #dfb667 0%, #c89f55 100%); color: #000;
  font-family: 'Be Vietnam Pro', sans-serif; font-weight: 900; font-size: 1rem;
  border: none; border-radius: .75rem; cursor: pointer;
  transition: transform .15s, box-shadow .2s;
  box-shadow: 0 4px 16px rgba(223, 182, 103, .4);
}
.btn-submit:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(223, 182, 103, .45); }
.btn-submit:active { transform: translateY(0); }

/* ── SUCCESS MESSAGE ── */
.success-msg {
  display: none; background: #f0fff4;
  border: 2px solid #68d391; border-radius: .75rem;
  padding: 1rem 1.25rem; color: #276749; font-weight: 700; font-size: .9rem;
  align-items: center; gap: .75rem;
}
.success-msg.show { display: flex; }

/* ── MAP ── */
.map-wrap { border-radius: 1rem; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,.1); }
.map-wrap iframe { display: block; }

/* ── FAQ (contact page) ── */
.faq-item { border-bottom: 1px solid #242430; }
.faq-item:last-child { border-bottom: none; }
.faq-btn {
  width: 100%; text-align: left; padding: 1rem 1.25rem;
  background: none; border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: space-between; gap: .75rem;
  font-family: 'Be Vietnam Pro', sans-serif; font-size: .9rem; font-weight: 700; color: #e0e0e0;
  transition: color .2s;
}
.faq-btn:hover, .faq-btn.open { color: #dfb667; }
.faq-icon { transition: transform .3s; flex-shrink: 0; color: #dfb667; }
.faq-btn.open .faq-icon { transform: rotate(45deg); }
.faq-body { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.faq-body.open { max-height: 300px; }
.faq-body p { padding: 0 1.25rem 1rem; font-size: .87rem; color: #aaa; line-height: 1.7; }

/* ── SOCIAL BUTTONS ── */
.social-btn {
  display: flex; align-items: center; gap: .75rem;
  padding: .85rem 1.25rem; border-radius: .875rem;
  font-weight: 800; font-size: .9rem;
  transition: transform .2s, box-shadow .2s;
  text-decoration: none;
}
.social-btn:hover { transform: translateY(-2px); }
.social-icon-wrap {
  width: 40px; height: 40px; border-radius: .65rem;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.15rem; flex-shrink: 0;
}