/*
Theme Name: BlockchainViet Crypto Terminal
Theme URI: https://blockchainviet.com
Author: BlockchainViet
Description: Theme tra cứu lịch sử giá & dữ liệu crypto bằng tiếng Việt. Classic theme (PHP templates) chuyển từ bản thiết kế code.hml — "Institutional Crypto Data Terminal" (dark, Tailwind Play CDN + Plus Jakarta Sans / Inter / JetBrains Mono). Dữ liệu render qua plugin ENP Crypto.
Version: 2.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: enp-theme
*/

/* ===== Giữ nguyên từ code.hml <style> ===== */
body {
	background-color: #020617;
}

.glass-card {
	background: rgba(15, 23, 42, 0.7);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(30, 41, 59, 0.5);
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.ticker-scroll {
	animation: ticker 30s linear infinite;
}

@keyframes ticker {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	vertical-align: middle;
}

/* ===== Banner ảnh cho trang tĩnh ===== */
.enp-page-banner {
	min-height: 200px;
	display: flex;
	align-items: flex-end;
	padding: 24px;
	border: 1px solid #45464d;
}
@media (max-width: 640px) {
	.enp-page-banner { min-height: 150px; padding: 16px; }
}

/* ===== Bổ sung tối thiểu cho nội dung bài viết (giữ design language code.hml) ===== */
.enp-article-body h2 { margin-top: 2rem; margin-bottom: 1rem; }
.enp-article-body h3 { margin-top: 1.25rem; margin-bottom: .5rem; }
.enp-article-body p  { margin-bottom: 1rem; }
.enp-article-body a  { color: #4ae176; }
.enp-article-body ul { list-style: disc; padding-left: 1.25rem; margin-bottom: 1rem; }
.enp-article-body section { scroll-margin-top: 96px; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #040e1f; }
::-webkit-scrollbar-thumb { background: #2a3548; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #45464d; }

/* Responsive: thu gọn sidebar trên mobile (sidebar ẩn, main full width) */
@media (max-width: 767px) {
	aside.enp-sidebar { transform: translateX(-100%); transition: transform .25s ease; }
	aside.enp-sidebar.enp-open { transform: translateX(0); }
	main.enp-main { margin-left: 0 !important; }
}