/* VietIndus Store Theme Styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

/* Smooth scroll */
html {
	scroll-behavior: smooth;
}

/* Body enhancements */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Header */
.vi-header-inner {
	max-width: var(--wp--style--global--wide-size, 1400px);
	margin: 0 auto;
	width: 100%;
}

/* Cart button in header */
.vi-cart-wrapper {
	position: relative;
	display: inline-block;
}

.vi-cart-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	background: rgba(255,255,255,0.1);
	border: 2px solid rgba(255,255,255,0.2);
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px;
	color: #fff;
	transition: all 0.2s ease;
}

.vi-cart-button:hover {
	background: rgba(255,255,255,0.2);
	border-color: rgba(255,255,255,0.3);
}

.vi-cart-badge {
	position: absolute;
	top: -6px;
	right: -6px;
	background: #ef4444;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vi-cart-dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 100;
	margin-top: 8px;
	display: none;
}

.vi-cart-dropdown.active {
	display: block;
}

/* Product detail page */
.vi-product-detail-price {
	margin: 16px 0;
	font-size: 24px;
	font-weight: 700;
	color: #ef4444;
}

/* Navigation */
.wp-block-navigation .wp-block-navigation-item a {
	font-weight: 500;
}

.wp-block-navigation .wp-block-navigation-item a:hover {
	opacity: 0.8;
}

/* Buttons */
.wp-block-button .wp-block-button__link {
	font-weight: 600;
	padding: 12px 24px;
	transition: all 0.2s ease;
}

.wp-block-button .wp-block-button__link:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

/* Cards */
.wp-block-group {
	transition: all 0.2s ease;
}

/* Separator */
.wp-block-separator {
	opacity: 0.3;
}

/* Product archive page */
.wp-block-query-pagination {
	margin-top: 40px;
}

/* Search */
.wp-block-search .wp-block-search__button {
	font-weight: 600;
}

.wp-block-search .wp-block-search__input {
	border-radius: 8px;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 768px) {
	.vi-cart-button span:not(.vi-cart-badge) {
		display: none;
	}
}

/* WooCommerce-like notice animation */
@keyframes vi-slideIn {
	from { opacity: 0; transform: translateY(-10px); }
	to { opacity: 1; transform: translateY(0); }
}

.vi-cart-dropdown.active {
	animation: vi-slideIn 0.2s ease;
}

/* Order confirmation animation */
@keyframes vi-checkmark {
	0% { transform: scale(0); }
	50% { transform: scale(1.2); }
	100% { transform: scale(1); }
}

.vi-order-confirm-icon {
	animation: vi-checkmark 0.5s ease;
}