/**
 * Aresta professional store restyle
 * Clean light UI with azure #159BE6 accent (from logo)
 */

:root {
	--aresta-azure: #159BE6;
	--aresta-azure-hover: #0E7CC0;
	--aresta-azure-soft: rgba(21, 155, 230, 0.08);
	--aresta-azure-glow: rgba(21, 155, 230, 0.18);
	--aresta-ink: #16202A;
	--aresta-body: #3C4A57;
	--aresta-muted: #6B7A88;
	--aresta-bg: #FFFFFF;
	--aresta-surface: #FFFFFF;
	--aresta-surface-2: #F5F7FA;
	--aresta-border: #E4E9EF;
	--aresta-danger: #E23B3B;
	--aresta-success: #1FA463;
	--aresta-radius: 12px;
	--aresta-radius-pill: 999px;
	--aresta-shadow: 0 6px 24px rgba(22, 32, 42, 0.08);
	--aresta-shadow-hover: 0 14px 36px rgba(22, 32, 42, 0.14);
	--wd-primary-color: var(--aresta-azure);
	--wd-primary-color-hover: var(--aresta-azure-hover);
	--wd-link-color: var(--aresta-azure);
	--wd-link-color-hover: var(--aresta-azure-hover);
}

/* ── Base ─────────────────────────────────────────────── */
a {
	color: var(--aresta-azure);
}

a:hover {
	color: var(--aresta-azure-hover);
}

h1, h2, h3, h4, h5, h6,
.wd-entities-title,
.product_title {
	color: var(--aresta-ink);
	font-weight: 700;
	letter-spacing: -0.01em;
}

/* ── Buttons ──────────────────────────────────────────── */
.button,
.btn,
.single_add_to_cart_button,
.add_to_cart_button,
.wd-add-btn .button,
.button.alt,
.btn-color-primary {
	background: var(--aresta-azure) !important;
	border-color: var(--aresta-azure) !important;
	color: #fff !important;
	border-radius: var(--aresta-radius-pill) !important;
	font-weight: 600 !important;
	transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease !important;
}

.button:hover,
.btn:hover,
.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.button.alt:hover {
	background: var(--aresta-azure-hover) !important;
	border-color: var(--aresta-azure-hover) !important;
	box-shadow: 0 8px 20px var(--aresta-azure-glow) !important;
	transform: translateY(-1px);
	color: #fff !important;
}

/* Secondary / bordered buttons */
.btn.btn-style-bordered,
.button.wd-buy-now-btn.wd-bordered {
	background: transparent !important;
	color: var(--aresta-azure) !important;
	border: 2px solid var(--aresta-azure) !important;
}

.btn.btn-style-bordered:hover {
	background: var(--aresta-azure) !important;
	color: #fff !important;
}

/* ── Product cards ────────────────────────────────────── */
.products .product-grid-item,
.wd-products .wd-product {
	border-radius: var(--aresta-radius);
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.products .product-grid-item:hover,
.wd-products .wd-product:hover {
	transform: translateY(-4px);
	box-shadow: var(--aresta-shadow-hover);
}

.wd-entities-title a {
	color: var(--aresta-ink) !important;
	font-weight: 600;
}

.wd-entities-title a:hover {
	color: var(--aresta-azure) !important;
}

.products .price ins,
.wd-product .price ins {
	color: var(--aresta-ink) !important;
	text-decoration: none;
	font-weight: 700;
}

.products .price del,
.wd-product .price del {
	color: var(--aresta-muted) !important;
	font-weight: 400;
}

/* Sale / new badges */
.product-labels .onsale,
.wd-product-labels .onsale {
	background: var(--aresta-danger) !important;
	color: #fff !important;
	border-radius: var(--aresta-radius-pill) !important;
	font-weight: 700 !important;
}

.product-labels .new,
.wd-product-labels .new {
	background: var(--aresta-azure) !important;
	color: #fff !important;
	border-radius: var(--aresta-radius-pill) !important;
}

/* ── Single product ───────────────────────────────────── */
.single-product .product_title {
	font-size: clamp(1.5rem, 3vw, 2.1rem);
}

.single-product .summary .price,
.single-product .summary .price ins {
	color: var(--aresta-azure) !important;
	font-weight: 800 !important;
}

.single-product .single_add_to_cart_button {
	padding: 14px 32px !important;
	font-size: 1rem !important;
}

.single-product .woocommerce-tabs .tabs li a {
	color: var(--aresta-muted);
}

.single-product .woocommerce-tabs .tabs li.active a,
.single-product .woocommerce-tabs .tabs li a:hover {
	color: var(--aresta-azure);
}

/* ── Links / accents ──────────────────────────────────── */
.wd-breadcrumbs a:hover,
.woocommerce-breadcrumb a:hover {
	color: var(--aresta-azure) !important;
}

/* ── Pagination ───────────────────────────────────────── */
.wd-pagination .page-numbers.current,
.wd-pagination .page-numbers:hover,
.woocommerce-pagination .page-numbers.current {
	background: var(--aresta-azure) !important;
	border-color: var(--aresta-azure) !important;
	color: #fff !important;
}

/* ── Form focus states ────────────────────────────────── */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
	border-color: var(--aresta-azure) !important;
	outline: none;
	box-shadow: 0 0 0 3px var(--aresta-azure-glow) !important;
}

/* ── Notices ──────────────────────────────────────────── */
.woocommerce-message,
.woocommerce-info {
	border-top: 3px solid var(--aresta-azure) !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--aresta-azure) !important;
}

/* ── Cart quantity / totals accents ───────────────────── */
.cart_totals .order-total .amount,
.wd-cart-totals .order-total .amount {
	color: var(--aresta-azure) !important;
}

/* ── Mobile polish ────────────────────────────────────── */
@media (max-width: 768px) {
	.products .product-grid-item:hover,
	.wd-products .wd-product:hover {
		transform: none;
		box-shadow: none;
	}
}
