/* ============================================================
   wp.css — những trạng thái CHỈ có trên bản WordPress.

   Mọi thứ khác là CSS của bản HTML đã duyệt (common.css + CSS từng
   trang), chép nguyên văn. File này chỉ thêm những gì bản tĩnh không thể
   có vì nó không có máy chủ hay người đăng nhập:
     · form gửi thất bại (bản tĩnh chỉ mở mailto, không bao giờ "lỗi"),
     · thanh quản trị của WordPress khi đang đăng nhập.
   ============================================================ */

/* Form gửi thất bại — cùng khuôn với .form-status.is-ok của common.css, tông đỏ. */
.form-status.is-err{display:block;background:#F8ECEA;color:#9B2C22;}

/* Nút gửi đang chờ máy chủ. */
.contact-form button[type="submit"]:disabled{opacity:.6;cursor:progress;}

/* Thanh quản trị (chỉ khi đăng nhập): đẩy header sticky + menu mobile xuống dưới thanh. */
.admin-bar .header{top:var(--wp-admin--admin-bar--height,32px);}
.admin-bar .overlay,
.admin-bar .header-mobile{top:calc(var(--header-h) + 1px + var(--wp-admin--admin-bar--height,32px));}
@media screen and (max-width:600px){
  .admin-bar .header{top:0;}
}

/* Ảnh có bản điện thoại được bọc <picture> (một <source> + <img>). Bản tĩnh
   không có lớp bọc này, và CSS của nó đặt vị trí/khổ cho CHÍNH thẻ <img>
   (vd .pd-hero là lưới, .banner__img tuyệt đối) — display:contents cho lớp
   bọc biến mất khỏi bố cục, trình duyệt vẫn chọn đúng tệp theo <source>. */
picture{display:contents;}