/* Bổ sung cho bản WordPress: không đổi bố cục/màu đã duyệt; chỉ thêm trạng thái form, a11y, nội dung soạn thảo. */

/* Accessibility */
.skip-link{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--dark);color:#fff;padding:10px 16px;border-radius:8px;font-weight:800}
.skip-link:focus{left:12px}
.hp-field{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.foot .foot-h{font-size:13px;margin-bottom:20px;color:#fff;letter-spacing:0}
.foot-note a{color:#fff}
.foot-note a:hover{color:#ef904f}
.f-social{margin-top:16px;display:flex!important;gap:16px!important}

/* Header: số gọi chỉ hiện trong menu mobile */
.nav .nav-tel{display:none}
@media(max-width:820px){.nav .nav-tel{display:block;color:var(--orange);font-weight:900}}

/* Nút Zalo */
.btn-zalo{background:#0068ff;color:#fff}
.btn-zalo:hover{background:#0055d4}
.contact-direct{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.contact-email{margin-top:16px}.contact-email a{color:var(--dark)}

/* Thanh hành động mobile: 3 nút khi có hotline + Zalo */
.mobile-action.has-3 a{font-size:11px;padding:12px 4px;gap:4px}
.mobile-action.has-3 .btn-zalo{flex:.8}

/* Form */
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"],.d-upload input[aria-invalid="true"]{border-color:#c0392b;box-shadow:0 0 0 3px #fbe1de}
.field-err{color:#b3261e;font-size:11px;font-weight:700;min-height:0}
.field-err:empty{display:none}
.consent-field .check{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:12px;line-height:1.6;cursor:pointer}
.consent-field .check input{width:20px;height:20px;min-height:20px;margin-top:1px;flex:none;accent-color:var(--orange)}
.consent-field .check a{color:#c36a29;text-decoration:underline}
.d-upload.field{margin-top:0}
.up-item{position:relative}
.up-remove{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;border:none;background:var(--dark);color:#fff;font-size:17px;line-height:1;display:grid;place-items:center}
.form-msg{margin-top:16px;padding:14px 16px;border-radius:10px;font-size:13px;font-weight:700;line-height:1.6}
.form-msg[hidden]{display:none}
.form-msg.is-ok{background:#e8f6ee;color:#14532d;border:1px solid #b7e2c7}
.form-msg.is-err{background:#fdecea;color:#8a1c12;border:1px solid #f3c1bb}
.lead-form button[disabled]{opacity:.7;cursor:progress;transform:none}
.admin-hint{margin-top:14px;font-size:11px;color:#8a5a00;background:#fff7e6;border-radius:8px;padding:8px 10px}

/* Nội dung soạn bằng Gutenberg */
.entry-content>*+*{margin-top:1em}
.page-content h2{font-size:clamp(26px,3vw,36px);margin:1.6em 0 .5em}
.page-content h3{margin:1.4em 0 .4em}
.page-content p,.page-content li{font-size:14px;color:#4e6168}
.page-content ul,.page-content ol{padding-left:1.2em}
.page-content a:not(.btn),.d-article-body a:not(.btn),.d-legal a{color:#c36a29;text-decoration:underline}
.page-content img,.d-article-body img{border-radius:14px;height:auto}
.page-content .section-title{margin-top:0}
.d-legal h2{margin:1.6em 0 .5em}
.d-legal p,.d-legal li{color:#4e6168}
.wp-block-image figcaption{font-size:12px;color:var(--muted);text-align:center}
.csgr-service-content{max-width:820px}
.faq-answer p:last-child{margin-bottom:0}

/* Thư viện / danh sách */
.gallery-link{display:block;height:100%}
.gallery-card:hover h3,.d-article-card:hover h3{color:#c36a29}
.d-case-thumbs a{display:block}
.nav-links{display:flex;gap:8px;justify-content:center;margin-top:36px;flex-wrap:wrap}
.nav-links .page-numbers{min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;font-weight:800;font-size:13px;padding:0 12px}
.nav-links .page-numbers.current{background:var(--dark);color:#fff;border-color:var(--dark)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* Banner cookie (chỉ khi bật GA4) */
.csgr-consent{position:fixed;z-index:160;left:16px;right:16px;bottom:16px;max-width:560px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:16px 18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.csgr-consent[hidden]{display:none}
.csgr-consent p{margin:0;font-size:12px;line-height:1.6;flex:1 1 260px}
.csgr-consent a{color:#c36a29;text-decoration:underline}
.csgr-consent div{display:flex;gap:8px}
.csgr-consent .btn{min-height:42px;padding:10px 16px;font-size:12px}

/* Mobile: chữ dễ đọc hơn, input 16px để iOS không tự phóng to khi nhập */
@media(max-width:620px){
	.field input,.field select,.field textarea{font-size:16px}
	/* V3 gốc: ô tải ảnh làm lưới 2 cột tràn ngang trên mobile → 1 cột (Design System: 360–620 nội dung 1 cột). */
	.form-grid{grid-template-columns:1fr}
	.csgr-consent{bottom:84px}
	.contact-direct .btn{flex:1}
}