/* Icon đầu dòng cho danh sách trong widget và footer. Mỗi mục có icon mặc định (ghim vị trí, hợp với danh sách tỉnh/thành
   như Bình Dương, Trà Vinh, Vĩnh Long); đổi icon bằng class trên mục menu (Giao diện > Menu > Tùy chọn màn hình > Lớp CSS),
   ví dụ "icon-calendar". Widget Đoạn văn dạng "tiêu đề đậm + các dòng" được biến thành danh sách (inc/widgets.php) nên mỗi dòng cũng có icon. Icon là SVG nhúng, tô theo
   màu thương hiệu bằng mask, không tải ảnh. Class có sẵn: icon-pin, icon-calendar, icon-ticket, icon-chart, icon-trophy,
   icon-spin, icon-book, icon-search, icon-flame. */
:root {
	--icon-pin: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2021s-7-6.2-7-11.5a7%207%200%200%201%2014%200C19%2014.8%2012%2021%2012%2021z'/%3E%3Ccircle%20cx='12'%20cy='9.5'%20r='2.5'/%3E%3C/svg%3E");
	--icon-calendar: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='16'%20rx='2'/%3E%3Cpath%20d='M3%2010h18M8%203v4M16%203v4'/%3E%3C/svg%3E");
	--icon-ticket: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%207h18v3a2%202%200%200%200%200%204v3H3v-3a2%202%200%200%200%200-4z'/%3E%3Cpath%20d='M14%207v10'%20stroke-dasharray='2%202'/%3E%3C/svg%3E");
	--icon-chart: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2020V11M12%2020V4M19%2020v-7M3%2020h18'/%3E%3C/svg%3E");
	--icon-trophy: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M8%204h8v5a4%204%200%200%201-8%200zM8%206H4a3%203%200%200%200%204%204M16%206h4a3%203%200%200%201-4%204M12%2013v4M8%2020h8'/%3E%3C/svg%3E");
	--icon-spin: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20%2012a8%208%200%201%201-2.3-5.7M20%204v4h-4'/%3E%3C/svg%3E");
	--icon-book: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%205a2%202%200%200%201%202-2h13v16H6a2%202%200%200%200-2%202zM4%2019V5'/%3E%3C/svg%3E");
	--icon-search: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='11'%20cy='11'%20r='6'/%3E%3Cpath%20d='M16%2016l5%205'/%3E%3C/svg%3E");
	--icon-flame: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203c1%204%205%205%205%2010a5%205%200%200%201-10%200c0-2%201-3%202-4%200%202%201%202%201%202%200-3%200-5%202-8z'/%3E%3C/svg%3E");
}

/* Widget dạng danh sách */
.widget li, .footer-col li { padding-left: 1.4rem; }
.widget li::before, .footer-col li::before {
	content: ""; position: absolute; left: 0; top: var(--icon-top, .56rem); width: .9rem; height: .9rem;
	background: var(--icon-color, var(--blue-text));
	-webkit-mask: var(--icon, var(--icon-pin)) center / contain no-repeat; mask: var(--icon, var(--icon-pin)) center / contain no-repeat;
	transition: background-color .15s;
}
.footer-col li, .footer-widgets .widget li { padding-left: 1.4rem; }
.sidebar .widget li:first-child::before { top: calc(var(--icon-top, .56rem) - .35rem); }
.widget li:hover::before { background: var(--icon-hover, var(--red-text)); }

/* Footer */
.footer-col li { position: relative; --icon: var(--icon-calendar); --icon-top: .34rem; }
.site-footer { --icon-hover: #ff9aa0; }
.footer-widgets .widget li { --icon-top: .34rem; }

.widget li.icon-pin { --icon: var(--icon-pin); }
.widget li.icon-calendar { --icon: var(--icon-calendar); }
.widget li.icon-ticket { --icon: var(--icon-ticket); }
.widget li.icon-chart { --icon: var(--icon-chart); }
.widget li.icon-trophy { --icon: var(--icon-trophy); }
.widget li.icon-spin { --icon: var(--icon-spin); }
.widget li.icon-book { --icon: var(--icon-book); }
.widget li.icon-search { --icon: var(--icon-search); }
.widget li.icon-flame { --icon: var(--icon-flame); }