/**
 * Phonez design tokens — dùng chung toàn theme
 */

:root {
	--phonez-primary: #1e73be;
	--phonez-primary-dark: #155a94;
	--phonez-primary-deep: #0d4a7a;
	--phonez-accent-green: #18a15f;
	--phonez-text: #222;
	--phonez-muted: #6b7280;
	--phonez-border: #e8ecf0;
	--phonez-surface: #fff;
	--phonez-bg: #f5f7fa;
	--phonez-radius: 12px;
	--phonez-radius-lg: 16px;
	--phonez-radius-pill: 999px;
	--phonez-shadow: 0 2px 16px rgba(30, 115, 190, 0.08);
	--phonez-shadow-hover: 0 8px 24px rgba(25, 48, 88, 0.12);
	--phonez-input-h: 44px;
	--phonez-transition: 0.2s ease;
}

/* Nút CTA chính — WooCommerce / form */
.phonez-btn-primary,
.woocommerce-cart .checkout-button,
.woocommerce-checkout #place_order,
.woocommerce-form-login button.button,
.woocommerce-form-register button.button {
	background: linear-gradient(145deg, var(--phonez-primary) 0%, var(--phonez-primary-dark) 100%) !important;
	border: none !important;
	border-radius: var(--phonez-radius) !important;
	color: #fff !important;
	font-weight: 700 !important;
	box-shadow: 0 4px 14px rgba(30, 115, 190, 0.3);
	transition: background var(--phonez-transition), box-shadow var(--phonez-transition), transform var(--phonez-transition);
}

.phonez-btn-primary:hover,
.woocommerce-cart .checkout-button:hover,
.woocommerce-checkout #place_order:hover,
.woocommerce-form-login button.button:hover,
.woocommerce-form-register button.button:hover {
	background: linear-gradient(145deg, var(--phonez-primary-dark) 0%, var(--phonez-primary-deep) 100%) !important;
	color: #fff !important;
	box-shadow: 0 6px 18px rgba(30, 115, 190, 0.38);
	transform: translateY(-1px);
}

/* Input đồng bộ */
.phonez-input,
.woocommerce form .input-text,
.woocommerce form select,
.woocommerce form textarea {
	border: 1px solid var(--phonez-border) !important;
	border-radius: var(--phonez-radius) !important;
	min-height: var(--phonez-input-h);
	transition: border-color var(--phonez-transition), box-shadow var(--phonez-transition);
}

.phonez-input:focus,
.woocommerce form .input-text:focus,
.woocommerce form select:focus,
.woocommerce form textarea:focus {
	border-color: var(--phonez-primary) !important;
	box-shadow: 0 0 0 3px rgba(30, 115, 190, 0.15);
	outline: none;
}