/* ============================================================================
 * contact.css — Tinh chỉnh UI/UX trang Liên hệ cho hài hòa & đồng bộ toàn site:
 *   • Card thông tin trắng có viền/bo góc/đổ bóng (giống card chung), icon huy hiệu tròn.
 *   • Form gói trong panel trắng nổi trên nền bản đồ.
 *   • Nhịp khoảng cách các khu đồng đều; FAQ bo góc, giãn cách dễ đọc.
 * Đồng bộ với page-frame.css. Responsive đầy đủ (CLAUDE.md 6.3/6.4/6.5).
 * ========================================================================== */

/* ---- Khu thông tin liên hệ: 4 card đồng bộ kiểu card chung ------------- */
.aq-contact-info-area { padding: 56px 0; }
.aq-contact-info-area .row { row-gap: 24px; }
.aq-contact-info-wrap {
    height: 100%;
    margin-bottom: 0 !important;
    background: #fff !important;              /* ghi đè data-bg-color #F9F9F9 */
    border: 1px solid #e7eaee;
    border-radius: 16px;
    padding: 34px 22px !important;
    box-shadow: 0 10px 30px rgba(17, 17, 17, .05);
    transition: box-shadow .25s ease, transform .25s ease;
}
.aq-contact-info-wrap:hover { box-shadow: 0 16px 40px rgba(17, 17, 17, .1); transform: translateY(-4px); }
/* Icon dạng huy hiệu tròn nền đỏ nhạt */
.aq-contact-info-icon {
    display: inline-flex !important; align-items: center; justify-content: center;
    width: 64px; height: 64px; border-radius: 50%;
    background: rgba(228, 0, 43, .08); color: #e11d2a;
    margin-bottom: 18px !important;
}
.aq-contact-info-wrap .aq-contact-info-title { margin-bottom: 8px; }
.aq-contact-info-wrap p { margin-bottom: 14px !important; color: #6b7280 !important; font-size: 14px; }
.aq-contact-info-wrap a { font-size: 16px !important; font-weight: 600; }

/* ---- Khu bản đồ + form: form là panel trắng nổi trên nền bản đồ ------- */
.aq-contact-us-wrap {
    background: #fff;
    border: 1px solid #e7eaee;
    border-radius: 20px;
    padding: 40px 36px;
    margin: 64px 0;
    box-shadow: 0 14px 40px rgba(17, 17, 17, .08);
}
/* Bo góc input cho hợp tông card (theme brr-0 đặt bo góc = 0) */
.aq-contact-us-wrap .aq-form-control { border-radius: 10px !important; }

/* ---- FAQ: bo góc item, giãn cách dễ đọc ------------------------------- */
.aq-contact-faq-area { padding: 80px 0; }
.aq-faq-wrap .accordion-items { border-radius: 12px; overflow: hidden; margin-bottom: 12px; }

/* ---- Responsive ------------------------------------------------------- */
@media (max-width: 991px) {
    .aq-contact-info-area { padding: 44px 0; }
    .aq-contact-us-wrap { padding: 32px 24px; margin: 32px 0; }
    .aq-contact-faq-area { padding: 56px 0; }
    .aq-contact-faq-title-box { margin-bottom: 28px; }
}