/*
 * Dịp HALLOWEEN (27/10/2026) — điện thoại / tablet. Bật/tắt: config/event.ini.php (name = "halloween").
 *   1) Màn ≤ 990px của bản web (responsive + lớp phủ hv3m-on): khối .hv3-masthead dùng ảnh cắt riêng quanh mặt trăng.
 *   2) View app (layout hv3m, <html class="hm">): thanh .hm-top. Layout này chỉ phục vụ điện thoại nên không bọc @media (như app.css).
 * Bản web máy tính: event.css cùng thư mục. Doc: .claude/docs/homev3-su-kien.md
 */
@media (max-width: 990px) {
    html.hv3-ev--halloween .hv3-masthead {
        background-image: url("img/header-bg-mobile.jpg");
        background-position: center bottom;
    }
    html.hv3-ev--halloween .hv3-mburger {
        background: rgba(255, 255, 255, .1);
    }
    html.hv3-ev--halloween .hv3-mburger:hover,
    html.hv3-ev--halloween .hv3-mburger:focus-visible {
        background: rgba(233, 243, 156, .16);
    }
}

html.hm.hv3-ev--halloween .hm-top {
    background: #0A1C15 url("img/header-bg-mobile.jpg") center bottom / cover no-repeat;
}
html.hm.hv3-ev--halloween .hm-top__call {
    background: rgba(255, 255, 255, .12);
}