/*
 * Dịp HALLOWEEN (27/10/2026) — header bản web (máy tính). Bật/tắt: config/event.ini.php (name = "halloween").
 * Chỉ đè nền / màu / ảnh, không đổi kích thước hay bố cục. Mọi rule bắt đầu bằng html.hv3-ev--halloween
 * → tắt dịp là về đúng bản chính (css/header.css). Màn ≤ 990px + bản app: mobile.css cùng thư mục.
 * Mã màu lấy từ ảnh thiết kế mẫu. Doc: .claude/docs/homev3-su-kien.md
 */
html.hv3-ev--halloween {
    --hv3-ev-sky: #0A1C15;
}

/* thanh tiện ích trên cùng (Yêu cầu báo giá…): 27/10 chủ dự án — nền giữ như bản chính, CHỈ đổi màu chữ + icon cả dải sang #176046
   (bản chính #1D8057 / #207F5D). Icon tài khoản là SVG nền nên đổi stroke trong data URI. */
html.hv3-ev--halloween .hv3-utility__links > li > a,
html.hv3-ev--halloween .hv3-utility .ud-trigger,
html.hv3-ev--halloween .hv3-orderpill a,
html.hv3-ev--halloween .hv3-utility .hv3-lang__btn {
    color: #176046 !important;
}
html.hv3-ev--halloween .hv3-utility .ud-trigger .ud-av-sm {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23176046' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.925 20.056a6 6 0 0 0-11.851.001'/%3E%3Ccircle cx='12' cy='11' r='4'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E") !important;
}

/* khối logo + tìm kiếm: ảnh trăng / dơi */
html.hv3-ev--halloween .hv3-masthead {
    background: var(--hv3-ev-sky) url("img/header-bg.jpg") center / cover no-repeat;
}

/* 2 ô Bảo mật / Đổi trả + nút giỏ — 27/10 tối theo thiết kế: nền / viền ô GIỮ bản chính (trắng 9% / 24%, giỏ 14% / 24%);
   chữ trắng (cả dòng phụ), vòng icon nền xám #BBBDBD, nét icon xanh #176046; số trên giỏ chữ trắng trên nền vàng. */
html.hv3-ev--halloween .hv3-trust__ico {
    background: #BBBDBD;
    color: #176046;
}
html.hv3-ev--halloween .hv3-trust__txt span {
    color: #fff;
}
html.hv3-ev--halloween .hv3-cart .hv3-cart__count {
    color: #fff;
}

/* thanh menu — 27/10 theo thiết kế "Trang chủ halloween": nền xanh đêm; ô đầu (Ấn phẩm Tết) GIỮ dải vàng như bản chính
   (#FCD328 →) nhưng tan vào màu nền menu đêm thay cho xanh #207F5D; chữ trắng đậm + nhãn "Mới" giữ nguyên.
   Nền ô đầu: .hv3-mnav__item--promo (css/mega-menu.css); li:first-child là menu thô khi blob admin lệch khuôn. */
html.hv3-ev--halloween .hv3-nav {
    background: #012116;
}
html.hv3-ev--halloween .hv3-mnav__item--promo > .hv3-mnav__link::before,
html.hv3-ev--halloween .hv3-nav ul.navigation_links > li:first-child > a::before {
    background: linear-gradient(90deg, #FCD328 0%, #012116 100%);
}
html.hv3-ev--halloween .hv3-mnav__item--promo > .hv3-mnav__link,
html.hv3-ev--halloween .hv3-nav ul.navigation_links > li:first-child > a {
    font-family: 'Arial Web Head', var(--hv3-font);
}