/* TRANG TRÍ HALLOWEEN toàn site (chủ shop 21/10/2026: "Trang trí toàn website theo phong cách Halloween").
   Chỉ nạp khi occasions.js có dịp theme:'halloween' đang chạy (21–31/10, master-include.liquid) → 1/11 tự gỡ, không phải sửa tay.
   Luật: CHỈ đổi màu + hoạ tiết nền (pseudo-element absolute, không chiếm chỗ) → không xô bố cục (CLS), không đụng nút mua (giữ xanh
   thương hiệu cho dễ nhận). Hoạ tiết đơn sắc (luật icon đơn sắc), vẽ bằng SVG nội tuyến, không tải thêm ảnh. */
:root{--hw-night:#2b1640;--hw-night-2:#43215f;--hw-orange:#ff8a1f;--hw-orange-dk:#c2560a}

/* Thanh trên cùng: nền tím đêm, chữ cam nhạt; dơi + bí ngô hai bên (thu nhỏ trên điện thoại, chữ chừa lề hai bên). */
.flosa-tgdd-header .topbar_temp01{background:linear-gradient(90deg,var(--hw-night),var(--hw-night-2) 50%,var(--hw-night))!important;position:relative;overflow:hidden}
.flosa-tgdd-header .topbar_temp01 a,.flosa-tgdd-header .topbar_temp01 p{color:#ffd8b0!important}
.flosa-tgdd-header .topbar_temp01::before,.flosa-tgdd-header .topbar_temp01::after{content:"";position:absolute;top:50%;width:60px;height:24px;transform:translateY(-50%);background-repeat:no-repeat;background-size:contain;pointer-events:none;opacity:.9}
.flosa-tgdd-header .topbar_temp01::before{left:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 24' fill='%23ff8a1f'%3E%3Cpath d='M12 10.5c-.5-1.1-1.3-1.8-2.2-2l.3 1.6c-1.6-1.8-4-2.6-6.6-2.3 1.4 1 2.2 2.6 2.2 4.3 1.1-.8 2.5-.9 3.7-.2.3 1.1 1 2 1.9 2.4.2.6.4 1.2.7 1.7.3-.5.5-1.1.7-1.7.9-.4 1.6-1.3 1.9-2.4 1.2-.7 2.6-.6 3.7.2 0-1.7.8-3.3 2.2-4.3-2.6-.3-5 .5-6.6 2.3l.3-1.6c-.9.2-1.7.9-2.2 2z'/%3E%3Cpath transform='translate%2822 -3%29 scale%28.8%29' opacity='.75' d='M12 10.5c-.5-1.1-1.3-1.8-2.2-2l.3 1.6c-1.6-1.8-4-2.6-6.6-2.3 1.4 1 2.2 2.6 2.2 4.3 1.1-.8 2.5-.9 3.7-.2.3 1.1 1 2 1.9 2.4.2.6.4 1.2.7 1.7.3-.5.5-1.1.7-1.7.9-.4 1.6-1.3 1.9-2.4 1.2-.7 2.6-.6 3.7.2 0-1.7.8-3.3 2.2-4.3-2.6-.3-5 .5-6.6 2.3l.3-1.6c-.9.2-1.7.9-2.2 2z'/%3E%3Cpath transform='translate%2840 4%29 scale%28.65%29' opacity='.55' d='M12 10.5c-.5-1.1-1.3-1.8-2.2-2l.3 1.6c-1.6-1.8-4-2.6-6.6-2.3 1.4 1 2.2 2.6 2.2 4.3 1.1-.8 2.5-.9 3.7-.2.3 1.1 1 2 1.9 2.4.2.6.4 1.2.7 1.7.3-.5.5-1.1.7-1.7.9-.4 1.6-1.3 1.9-2.4 1.2-.7 2.6-.6 3.7.2 0-1.7.8-3.3 2.2-4.3-2.6-.3-5 .5-6.6 2.3l.3-1.6c-.9.2-1.7.9-2.2 2z'/%3E%3C/svg%3E")}
.flosa-tgdd-header .topbar_temp01::after{right:14px;width:50px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 24' fill='%23ff8a1f'%3E%3Cg transform='translate%2826 0%29'%3E%3Cpath d='M12 7.2c.2-1.6.9-2.9 2.3-3.6l.7.9c-1 .6-1.5 1.5-1.6 2.7'/%3E%3Cellipse cx='7.6' cy='14' rx='5.2' ry='6.3'/%3E%3Cellipse cx='16.4' cy='14' rx='5.2' ry='6.3'/%3E%3Cellipse cx='12' cy='14' rx='5' ry='6.8'/%3E%3Cpath fill='%232b1640' d='M8.4 12.2l1.8-1.9 1 1.9zm4.4 0l1.8-1.9 1 1.9zM8.2 15.6c2 1.4 5.6 1.4 7.6 0l-.6 1.9-1.1-.8-.9 1-1.2-.9-1.2.9-.9-1-1.1.8z'/%3E%3C/g%3E%3Cg transform='translate%282 6%29 scale%28.72%29' opacity='.8'%3E%3Cpath d='M12 7.2c.2-1.6.9-2.9 2.3-3.6l.7.9c-1 .6-1.5 1.5-1.6 2.7'/%3E%3Cellipse cx='7.6' cy='14' rx='5.2' ry='6.3'/%3E%3Cellipse cx='16.4' cy='14' rx='5.2' ry='6.3'/%3E%3Cellipse cx='12' cy='14' rx='5' ry='6.8'/%3E%3Cpath fill='%232b1640' d='M8.4 12.2l1.8-1.9 1 1.9zm4.4 0l1.8-1.9 1 1.9zM8.2 15.6c2 1.4 5.6 1.4 7.6 0l-.6 1.9-1.1-.8-.9 1-1.2-.9-1.2.9-.9-1-1.1.8z'/%3E%3C/g%3E%3C/svg%3E")}
@media(max-width:600px){.flosa-tgdd-header .topbar_temp01::before{width:34px;height:16px;left:4px}.flosa-tgdd-header .topbar_temp01::after{right:4px;width:30px;height:16px}.flosa-tgdd-header .topbar_temp01 .topbar-content{padding:0 34px}}

/* Đường viền cam dưới header (box-shadow: không thêm chiều cao). */
#site-header .header-upper-middle{box-shadow:inset 0 -3px 0 var(--hw-orange)}

/* Dải promo dịp ở trang chủ: tím đêm + nút cam. */
.flosa-occ-promo[data-occ="halloween"]{background:linear-gradient(100deg,var(--hw-night),#5a2a7c 60%,var(--hw-orange-dk))}
.flosa-occ-promo[data-occ="halloween"] .foc-cta{background:var(--hw-orange);color:var(--hw-night)}
.flosa-occ-promo[data-occ="halloween"] .foc-emoji{color:var(--hw-orange)}

/* Chân trang: giữ nền sáng (header/footer kiểu Google), chỉ thêm viền sọc cam tím phía trên. */
.footer{position:relative;border-top:3px solid var(--hw-orange)}
.footer::before{content:"";position:absolute;left:0;right:0;top:-3px;height:3px;background:repeating-linear-gradient(90deg,var(--hw-orange) 0 18px,var(--hw-night-2) 18px 26px);pointer-events:none}

/* Điểm nhấn cam nhẹ. KHÔNG gắn bí ngô / dơi vào tiêu đề khối: trang chủ có khối "Hoa Chia Buồn". */
a:hover{text-decoration-color:var(--hw-orange)}
::selection{background:var(--hw-orange);color:#fff}