/* Trang Liên hệ (template-parts/page-contact.php, form CF7 từ tools/seed-contact-v2.php).
   Chỉ nạp ở trang 383 (inc/contact-v2.php). */

.page-id-383 .toEmail{display:none} /* nút nổi "liên hệ" thừa ngay trên trang liên hệ */

#v2-contact .v2c-main{background:#f2f5f9}
#v2-contact .v2c-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto 1fr;grid-template-areas:"form quick" "form office";gap:24px;align-items:start}
#v2-contact .v2c-form{grid-area:form}
#v2-contact .v2c-quick{grid-area:quick}
#v2-contact .v2c-office{grid-area:office}
#v2-contact .v2c-card{background:#fff;border-radius:10px;padding:32px;box-shadow:0 1px 2px rgba(16,42,77,.04),0 8px 24px rgba(16,42,77,.06)}
#v2-contact .v2c-card-tit{font-size:18px;font-weight:700;color:#1f2a37;line-height:1.4;margin-bottom:18px}

/* ---- Liên hệ nhanh ---- */
#v2-contact .v2c-quick{background:linear-gradient(140deg,#1b8ee0 0%,#0075C9 50%,#00528f 100%);color:#fff}
#v2-contact .v2c-quick .v2c-card-tit{color:#fff;font-size:16px;font-weight:600;opacity:.9;margin-bottom:14px}
#v2-contact .v2c-hotline{display:flex;align-items:center;gap:14px;color:#fff}
#v2-contact .v2c-hotline > span:first-child{flex:0 0 48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
#v2-contact .v2c-hotline small{display:block;font-size:13px;opacity:.85;line-height:1.4}
#v2-contact .v2c-hotline b{display:block;font-size:26px;font-weight:700;letter-spacing:.02em;line-height:1.3}
#v2-contact .v2c-hotline:hover b{text-decoration:underline}
#v2-contact .v2c-quick-btns{display:flex;gap:10px;margin-top:22px}
#v2-contact .v2c-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:6px;font-size:15px;font-weight:600;border:1px solid #0075C9;color:#0075C9;background:#fff;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#v2-contact .v2c-btn:hover{background:#0075C9;color:#fff}
#v2-contact .v2c-quick .v2c-btn{flex:1;border-color:rgba(255,255,255,.6);background:transparent;color:#fff;padding:0 12px}
#v2-contact .v2c-quick .v2c-btn:hover{background:#fff;color:#0075C9;border-color:#fff}
#v2-contact .v2c-quick .v2c-btn--zalo{background:#fff;color:#0068ff;border-color:#fff}
#v2-contact .v2c-quick .v2c-btn--zalo:hover{background:#e8f1ff;color:#0068ff}

/* ---- Văn phòng ---- */
#v2-contact .v2c-rows{margin:0;padding:0;list-style:none}
#v2-contact .v2c-rows li{display:flex;gap:14px;padding:12px 0;border-top:1px solid #eef2f6;font-size:15px;line-height:1.55;color:#333}
#v2-contact .v2c-rows li:first-child{border-top:0;padding-top:0}
#v2-contact .v2c-row-ico{flex:0 0 36px;height:36px;border-radius:50%;background:#eef5fc;color:#0075C9;display:flex;align-items:center;justify-content:center}
#v2-contact .v2c-rows small{display:block;font-size:12px;color:#8a96a3;text-transform:uppercase;letter-spacing:.04em;line-height:1.5}
#v2-contact .v2c-rows a{color:#333;word-break:break-word}
#v2-contact .v2c-rows a:hover{color:#0075C9}
#v2-contact .v2c-route{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:#0075C9;font-size:15px;font-weight:600}
#v2-contact .v2c-route:hover{text-decoration:underline}
#v2-contact .v2c-social{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid #eef2f6}
#v2-contact .v2c-social span{font-size:13px;color:#8a96a3;margin-right:6px}
#v2-contact .v2c-social a{width:36px;height:36px;border-radius:50%;background:#f2f5f9;color:#4b5866;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
#v2-contact .v2c-social a:hover{background:#0075C9;color:#fff}
#v2-contact .v2c-social svg{width:17px;height:17px}

/* ---- Form ---- */
#v2-contact .v2c-form{padding:40px}
#v2-contact .v2c-form-tit{font-size:24px;font-weight:700;color:#1f2a37;margin:0 0 6px}
#v2-contact .v2c-form-tip{font-size:14px;color:#6b7785;margin:0 0 28px}
#v2-contact .v2c-form i{color:#e5484d;font-style:normal}
#v2-contact .v2c-step + .v2c-step{margin-top:30px}
#v2-contact .v2c-step-tit{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#1f2a37;margin-bottom:16px}
#v2-contact .v2c-step-tit b{width:26px;height:26px;border-radius:50%;background:#0075C9;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center}

/* Chủ đề: radio CF7 dạng thẻ chọn */
#v2-contact .v2c-topics .wpcf7-form-control-wrap,#v2-contact .v2c-topics .wpcf7-radio{display:block}
#v2-contact .v2c-topics .wpcf7-radio{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#v2-contact .v2c-topics .wpcf7-list-item{display:block;margin:0}
#v2-contact .v2c-topics label{position:relative;display:block;height:100%;padding:16px 14px;border:1.5px solid #dde5ee;border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
#v2-contact .v2c-topics label:hover{border-color:#9cc6e6}
#v2-contact .v2c-topics input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
#v2-contact .v2c-topics .wpcf7-list-item-label{display:block;font-size:15px;font-weight:600;line-height:1.4;color:#333}
#v2-contact .v2c-topics .wpcf7-list-item-label::before{content:"";display:block;width:28px;height:28px;margin-bottom:10px;background:#7c8a99;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;transition:background .2s}
#v2-contact .v2c-topics .wpcf7-list-item-label::after{content:"";position:absolute;top:12px;right:12px;width:18px;height:18px;border-radius:50%;border:1.5px solid #c9d4df;background:#fff center/12px no-repeat}
#v2-contact .v2c-topics input:checked + .wpcf7-list-item-label{color:#0075C9}
#v2-contact .v2c-topics input:checked + .wpcf7-list-item-label::before{background:#0075C9}
#v2-contact .v2c-topics input:checked + .wpcf7-list-item-label::after{border-color:#0075C9;background-color:#0075C9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
#v2-contact .v2c-topics label:has(input:checked){border-color:#0075C9;background:#f0f7fd;box-shadow:0 0 0 3px rgba(0,117,201,.08)}
#v2-contact .v2c-topics label:has(input:focus-visible){outline:2px solid #0075C9;outline-offset:2px}
#v2-contact .v2c-topics .wpcf7-list-item:nth-child(1){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E")}
#v2-contact .v2c-topics .wpcf7-list-item:nth-child(2){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E")}
#v2-contact .v2c-topics .wpcf7-list-item:nth-child(3){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
#v2-contact .v2c-topics .wpcf7-list-item:nth-child(4){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}

/* Ô nhập */
#v2-contact .v2c-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
#v2-contact .v2c-full{grid-column:1/-1}
#v2-contact .v2c-field{display:block;margin:0}
#v2-contact .v2c-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.4}
#v2-contact .v2c-field .wpcf7-form-control-wrap{display:block;position:relative}
#v2-contact .v2c-field input,#v2-contact .v2c-field textarea{display:block;width:100%;height:46px;padding:0 14px;border:1px solid #d5dde7;border-radius:6px;background:#fff;font:inherit;font-size:15px;color:#1f2a37;transition:border-color .2s,box-shadow .2s}
#v2-contact .v2c-field textarea{height:auto;min-height:140px;padding:12px 14px;line-height:1.6;resize:vertical}
#v2-contact .v2c-field input::placeholder,#v2-contact .v2c-field textarea::placeholder{color:#a3adb8}
#v2-contact .v2c-field input:focus,#v2-contact .v2c-field textarea:focus{outline:0;border-color:#0075C9;box-shadow:0 0 0 3px rgba(0,117,201,.15)}
#v2-contact .v2c-field .wpcf7-not-valid{border-color:#e5484d;background:#fff8f8}
#v2-contact .wpcf7-not-valid-tip{position:static;display:block;margin-top:6px;font-size:13px;color:#d93036;line-height:1.4}
#v2-contact .v2c-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Đồng ý + nút gửi */
#v2-contact .v2c-foot{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:28px;padding-top:24px;border-top:1px solid #e9eef4}
#v2-contact .v2c-consent{display:flex;align-items:flex-start;gap:10px;max-width:480px;font-size:14px;line-height:1.5;color:#556270;cursor:pointer}
#v2-contact .v2c-consent .wpcf7-form-control-wrap{flex:0 0 auto}
/* beginning.css đặt appearance:none cho mọi input -> tự vẽ ô tích */
#v2-contact .v2c-consent input{display:block;width:20px;height:20px;margin:1px 0 0;border:1.5px solid #b8c4d0;border-radius:4px;background:#fff center/14px no-repeat;cursor:pointer;transition:border-color .2s,background-color .2s}
#v2-contact .v2c-consent:hover input{border-color:#0075C9}
#v2-contact .v2c-consent input:focus-visible{outline:2px solid #0075C9;outline-offset:2px}
#v2-contact .v2c-consent input:checked{border-color:#0075C9;background-color:#0075C9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
#v2-contact .v2c-submit{flex:0 0 auto;height:48px;padding:0 36px;border:0;border-radius:6px;background:#0075C9;color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}
#v2-contact .v2c-submit:hover{background:#005fa3}
#v2-contact .v2c-submit:disabled{background:#a9c3d8;cursor:not-allowed}
#v2-contact .wpcf7 .ajax-loader{flex:0 0 16px;width:16px;height:16px;align-self:center;margin:0}
#v2-contact .wpcf7-response-output{margin:20px 0 0;padding:12px 16px;border:1px solid;border-radius:6px;font-size:14px;line-height:1.5}
#v2-contact .wpcf7-validation-errors,#v2-contact .wpcf7-acceptance-missing{border-color:#f5c26b;background:#fff8eb;color:#8a5a00}
#v2-contact .wpcf7-mail-sent-ng,#v2-contact .wpcf7-spam-blocked{border-color:#f1a7a9;background:#fff5f5;color:#b4232a}
#v2-contact .wpcf7-mail-sent-ok{border-color:#9fd8b4;background:#f1fbf4;color:#1c6b3a}

/* Gửi thành công */
#v2-contact .v2c-done{text-align:center;padding:40px 10px;outline:0}
#v2-contact .v2c-done-ico{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:#e8f7ee;color:#1f9d55;display:flex;align-items:center;justify-content:center}
#v2-contact .v2c-done-tit{font-size:22px;font-weight:700;color:#1f2a37;margin-bottom:10px}
#v2-contact .v2c-done p{max-width:460px;margin:0 auto 24px;font-size:15px;line-height:1.6;color:#556270}
#v2-contact .v2c-done p a{color:#0075C9;font-weight:600}

/* Bản đồ: trong khung container, tiêu đề + nút phía trên (góc trái bản đồ đã có thẻ địa điểm của Google) */
#v2-contact .v2c-map-sec{background:#f2f5f9;padding-bottom:90px}
#v2-contact .v2c-map-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:20px}
#v2-contact .v2c-map-tit{font-size:24px;font-weight:700;color:#1f2a37;margin:0 0 8px;line-height:1.35}
#v2-contact .v2c-map-addr{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:15px;line-height:1.55;color:#556270}
#v2-contact .v2c-map-addr svg{flex:0 0 18px;margin-top:2px;color:#0075C9}
#v2-contact .v2c-map-btns{display:flex;gap:10px;flex-shrink:0}
#v2-contact .v2c-btn--solid{background:#0075C9;color:#fff}
#v2-contact .v2c-btn--solid:hover{background:#005fa3;border-color:#005fa3}
#v2-contact .v2c-map{position:relative;height:440px;border-radius:10px;overflow:hidden;background:#e5e9ee;box-shadow:0 1px 2px rgba(16,42,77,.04),0 8px 24px rgba(16,42,77,.08)}
#v2-contact .v2c-map iframe{display:block;width:100%;height:100%;border:0}
#v2-contact .v2c-map-shield{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
#v2-contact .v2c-map-shield span{position:absolute;left:50%;bottom:20px;transform:translate(-50%,6px);padding:8px 16px;border-radius:20px;background:rgba(31,42,55,.82);color:#fff;font-size:13px;line-height:1.4;white-space:nowrap;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}
#v2-contact .v2c-map-shield:hover span,#v2-contact .v2c-map-shield:focus-visible span{opacity:1;transform:translate(-50%,0)}
#v2-contact .v2c-map.is-active .v2c-map-shield{display:none}

/* Banner: không có breadcrumb thì margin-top của .banner-title tràn ra ngoài .com-banner, đẩy cả banner xuống */
#v2-contact .com-banner{display:flow-root}

@media all and (max-width:1279px){
    #v2-contact .v2c-layout{grid-template-columns:minmax(0,1fr) 320px}
    #v2-contact .v2c-topics .wpcf7-radio{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media all and (max-width:1000px){
    #v2-contact .v2c-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"quick" "form" "office"}
}
@media all and (max-width:640px){
    #v2-contact .v2c-layout{gap:16px}
    #v2-contact .v2c-card,#v2-contact .v2c-form{padding:22px 18px}
    #v2-contact .v2c-form-tit{font-size:21px}
    #v2-contact .v2c-grid{grid-template-columns:minmax(0,1fr);gap:16px}
    #v2-contact .v2c-topics .wpcf7-radio{gap:10px}
    #v2-contact .v2c-topics label{padding:14px 12px}
    #v2-contact .v2c-topics .wpcf7-list-item-label{font-size:14px}
    #v2-contact .v2c-hotline b{font-size:23px}
    #v2-contact .v2c-foot{flex-direction:column;align-items:stretch}
    #v2-contact .v2c-submit{width:100%}
    #v2-contact .v2c-map-sec{padding-bottom:50px}
    #v2-contact .v2c-map-head{flex-direction:column;align-items:stretch}
    #v2-contact .v2c-map-tit{font-size:21px}
    #v2-contact .v2c-map-btns .v2c-btn{flex:1;padding:0 10px}
    #v2-contact .v2c-map{height:320px}
}