/* ==========================================================================
   CONTACT FORM 7 GLOBAL STYLING
   Provides a beautiful, modern look for ALL CF7 forms on the site.
   ========================================================================== */

/* CF7 wrapper */
.wpcf7 { margin:0; }
.wpcf7 br { display:none; }

/* Field block */
.bdsdd-cf7-field { margin-bottom:20px; }
.bdsdd-cf7-field:last-child { margin-bottom:0; }
.bdsdd-cf7-label { display:block; font-size:11px; font-weight:600; color:#76777d; letter-spacing:.08em; text-transform:uppercase; margin-bottom:6px; padding-left:4px; }
.bdsdd-cf7-field .wpcf7-form-control-wrap { display:block; margin:0; }

/* Inputs - gray bg, border */
.wpcf7 input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.wpcf7 textarea,
.wpcf7 select { width:100%; padding:14px 16px 14px 44px; border:1.5px solid #dde1e7; border-radius:8px; font-size:16px !important; color:#191c1e; background-color:#f2f4f6; background-repeat:no-repeat; background-position:14px center; background-size:18px 18px; transition:background .15s,border-color .15s,box-shadow .15s; box-sizing:border-box; }
.wpcf7 textarea { background-position:14px 16px; resize:none; }
.wpcf7 input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus,
.wpcf7 textarea:focus { outline:none !important; background-color:#fff !important; border-color:#3755c3 !important; box-shadow:0 0 0 3px rgba(55,85,195,.15) !important; }

/* Field icons */
.wpcf7 input[name=your-name],
.wpcf7 input[name=HovaTen],
.wpcf7 input[name=hovaten] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2376777d'%3E%3Cpath d='M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z'/%3E%3C/svg%3E") !important; }

.wpcf7 input[name=your-phone],
.wpcf7 input[name=SoDienThoai],
.wpcf7 input[name=sodienthoai] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2376777d'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z'/%3E%3C/svg%3E") !important; }

.wpcf7 input[name=your-email],
.wpcf7 input[name=DiaChiEmail],
.wpcf7 input[name=diachiemail] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2376777d'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") !important; }

.wpcf7 input[name=your-subject],
.wpcf7 input[name=TieuDe],
.wpcf7 input[name=tieude] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2376777d'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") !important; }

.wpcf7 input[name=your-note],
.wpcf7 textarea[name=your-note],
.wpcf7 input[name=your-message],
.wpcf7 textarea[name=your-message],
.wpcf7 input[name=LoiNhan],
.wpcf7 textarea[name=LoiNhan],
.wpcf7 input[name=loinhan],
.wpcf7 textarea[name=loinhan] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2376777d'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") !important; }

/* Submit - full width, pill, black */
.bdsdd-cf7-field--submit { margin-top:16px; }
.wpcf7 input[type=submit] { width:100%; padding:18px 24px; border:none; border-radius:9999px; background:#e63935; color:#fff; font-size:13px; font-weight:800; cursor:pointer; letter-spacing:.1em; text-transform:uppercase; transition:background .15s,transform .1s; }
.wpcf7 input[type=submit]:hover { background:#c92d2a; }
.wpcf7 input[type=submit]:active { transform:scale(.98); }
.wpcf7-spinner { display:block; margin:12px auto 0; }
