/* ==========================================================================
   THEME REFRESH — làm mới màu sắc / font chữ / spacing cho toàn site.
   File này chỉ ĐÈ lên các biến CSS (--color-*, --font-*) mà theme gốc đã
   khai báo sẵn trong css/style.css, không sửa trực tiếp file gốc — an toàn,
   dễ chỉnh sửa lại sau này, và không phá layout hiện tại.
   ========================================================================== */

:root {
	/* ---- Màu chủ đạo: xanh dương hiện đại + đỏ cam làm điểm nhấn ---- */
	--color-content-primary: #2563eb;
	--color-content-primary-grad: linear-gradient(135deg, #2563eb, #f43f5e);
	--color-content-secondary: #f43f5e;
	--color-content-secondary-grad: linear-gradient(135deg, #f43f5e, #2563eb);
	--color-content-primary-faded: rgba(37, 99, 235, 0.12);

	--color-content-link: #2563eb;
	--color-content-link-hover: #f43f5e;
	--color-alt-content-link: #2563eb;
	--color-alt-content-link-hover: #f43f5e;
	--color-alt-content-primary: #2563eb;
	--color-alt-content-primary-grad: linear-gradient(135deg, #2563eb, #f43f5e);
	--color-alt-content-secondary: #f43f5e;
	--color-alt-content-secondary-grad: linear-gradient(135deg, #f43f5e, #2563eb);

	/* ---- Chữ: đậm, sắc nét hơn thay cho xám phẳng cũ ---- */
	--color-content-heading: #0f172a;
	--color-content-heading-grad: #0f172a;
	--color-content-text: #334155;
	--color-content-faded: #64748b;
	--color-alt-content-heading: #0f172a;
	--color-alt-content-heading-grad: #0f172a;
	--color-alt-content-text: #334155;
	--color-alt-content-faded: #64748b;

	/* ---- Nền: trắng/xám nhạt tươi hơn ---- */
	--color-content-bg-alt: #f8fafc;
	--color-content-bg-alt-grad: #f8fafc;
	--color-content-border: #e2e8f0;
	--color-alt-content-bg: #f8fafc;
	--color-alt-content-bg-grad: #f8fafc;
	--color-alt-content-border: #e2e8f0;

	/* ---- Footer: giữ tối nhưng đồng bộ tông xanh mới ---- */
	--color-footer-link-hover: #2563eb;
	--color-subfooter-link-hover: #2563eb;

	/* ---- Font chữ: đổi từ Roboto/Arial sang Be Vietnam Pro (tối ưu tiếng Việt, trông hiện đại hơn) ---- */
	--font-body: 'Be Vietnam Pro', 'Roboto', sans-serif;
	--font-h1: 'Be Vietnam Pro', sans-serif;
	--font-h2: 'Be Vietnam Pro', sans-serif;
	--font-h3: 'Be Vietnam Pro', sans-serif;
	--font-h4: 'Be Vietnam Pro', sans-serif;
	--font-h5: 'Be Vietnam Pro', sans-serif;

	/* ---- Input/nút bấm: cao hơn 1 chút, thoáng hơn ---- */
	--inputs-height: 3rem;
	--inputs-padding: 1rem;
}

/* ---- Spacing & bo góc hiện đại cho nút bấm, thẻ, ảnh sản phẩm ---- */
body {
	line-height: 1.65;
}

.button,
.woocommerce-Button,
.checkout-button,
input[type="submit"],
.w-btn,
.dropbtn {
	border-radius: 8px !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease !important;
}

.button:hover,
.woocommerce-Button:hover,
.checkout-button:hover,
input[type="submit"]:hover,
.w-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(37, 99, 235, 0.18);
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea,
select {
	border-radius: 8px !important;
}

/* Ảnh sản phẩm / card bo góc mềm hơn cho hiện đại */
.w-post-elm.post_thumbnail img,
.woocommerce-loop-product__title,
.w-grid-item-h {
	border-radius: 10px;
}

/* Bảng trong admin panel & các trang quản lý cho thoáng, dễ đọc hơn */
.table-container table {
	border-radius: 10px;
	overflow: hidden;
}

.table-container th {
	background: #0f172a;
	color: #fff;
}

/* Badge / mã đơn hàng, mã tài khoản trông hiện đại hơn (bo tròn, letter-spacing) */
.table-container td b {
	letter-spacing: 0.5px;
}