/* =  DR TRAN DONG - TRANG LIÊN HỆ
   ================================================== */

/* --- Section 1: Hero --- */
.drtd-contact-hero {
  background: linear-gradient(to bottom, #ffffff 0%, #fdf1d6 40%, #f8e3a6 100%);
}
.drtd-hero-title {
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 950;
  color: #071B31;
  margin-bottom: 10px;
  line-height: 1.2;
  text-align: center;
}
.drtd-hero-title span { color: #FDAD00; }
.drtd-hero-subtitle { font-size: 16px; color: #4b5563; text-align: center; margin: 0; }
.drtd-usp-text { text-align: center; color: #071B31; margin-top: 10px; font-size: 15px; font-weight: 700; line-height: 1.4; }

/* --- Section 2: Thông tin & Form --- */
.drtd-contact-section { background-color: #F8FAFC; }
.drtd-info-col { background: #ffffff; border-radius: 20px; padding: 30px; }
.drtd-form-col { background: #071B31; border-radius: 20px; padding: 30px 25px; }

/* Cột Thông tin */
.drtd-info-title { color: #071B31; font-weight: 900; margin-bottom: 25px; font-size: 24px; }
.drtd-social-list { display: flex; flex-direction: column; gap: 16px; margin-bottom: 25px; }
.drtd-social-item { display: flex; align-items: center; gap: 12px; text-decoration: none !important; transition: transform 0.3s ease; }
.drtd-social-item:hover { transform: translateX(8px); }
.drtd-social-text { color: #4b5563; font-weight: 650; font-size: 15px; transition: color 0.3s ease; }
.drtd-social-item:hover .drtd-social-text { color: #FDAD00; }

/* Liên hệ Zalo */
.drtd-zalo-box { padding-top: 20px; border-top: 1px dashed #e2e8f0; }
.drtd-zalo-title { color: #071B31; margin-bottom: 10px; font-size: 16px; font-weight: 700; }
.drtd-zalo-text { margin-bottom: 0; color: #4b5563; }
.drtd-zalo-link { color: #FDAD00; font-size: 18px; font-weight: 800; text-decoration: none; transition: all 0.3s ease; }
.drtd-zalo-link:hover { color: #e09900; letter-spacing: 0.5px; }

/* Bản đồ Maps */
.drtd-map-box { margin-top: 25px; border-radius: 16px; overflow: hidden; border: 1px solid #e2e8f0; box-shadow: 0 10px 25px rgba(0,0,0,0.05); transition: box-shadow 0.4s ease, transform 0.4s ease; }
.drtd-map-box:hover { box-shadow: 0 20px 40px rgba(0,0,0,0.12); transform: translateY(-3px); }

/* Cột Form Liên Hệ */
.drtd-form-title { color: #FDAD00; font-size: 22px; font-weight: 900; margin-bottom: 8px; text-align: center; }
.drtd-form-desc { color: #cbd5e1; font-size: 14px; margin-bottom: 25px; text-align: center; }