/**
 * Shop / archive / cart — Atelier skin (Sirany child theme).
 * Loaded on WooCommerce archive, shop and cart/checkout pages. Turns the stock
 * WooCommerce blue into the Atelier ink palette and lays out the product grid.
 */

/* --- Category / shop archive --------------------------------------------- */
.sirany-shop { padding: clamp(1.5rem, 4vw, 2.75rem) 0 4rem; }
.sirany-shop__head { text-align: center; margin-bottom: clamp(1.5rem, 4vw, 2.5rem); }
.sirany-shop__title {
	font-family: var(--sirany-font-display);
	font-size: clamp(1.9rem, 4vw, 2.6rem); font-weight: 500;
	color: var(--sirany-ink); margin: 0;
}

.sirany-shop__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media (max-width: 1024px) { .sirany-shop__grid { grid-template-columns: repeat(3, 1fr); gap: 16px; } }
@media (max-width: 700px)  { .sirany-shop__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } }

.sirany-shop__empty { text-align: center; color: var(--sirany-muted); padding: 3rem 0; }

/* Pagination */
.sirany-shop .pagination,
.sirany-shop .nav-links { display: flex; justify-content: center; gap: 8px; margin-top: 2.5rem; }
.sirany-shop .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 40px; padding: 0 10px;
	border: 1px solid var(--sirany-border); color: var(--sirany-ink);
	text-decoration: none; font-family: var(--sirany-font-body); font-size: 13px;
}
.sirany-shop .page-numbers.current,
.sirany-shop .page-numbers:hover { background: var(--sirany-ink); color: #fff; border-color: var(--sirany-ink); }

/* --- Blue → ink across WooCommerce (cart, checkout, account, notices) ----- */
/* Links */
.woocommerce a:not(.button):not(.sirany-btn):not(.sirany-pcard):not(.sirany-ctl__item) {
	color: var(--sirany-ink);
}
.woocommerce a:hover:not(.button):not(.sirany-btn) { color: var(--sirany-accent); }

/* Buttons (cart totals, checkout, apply coupon, update cart, place order) */
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order {
	background: var(--sirany-ink) !important;
	color: #fff !important;
	border: 1px solid var(--sirany-ink) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: var(--sirany-font-body);
	letter-spacing: 0.06em; text-transform: uppercase;
}
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover,
.woocommerce #place_order:hover { background: #2e2a24 !important; }

/* Prices / amounts — ink, never blue */
.woocommerce .price,
.woocommerce .woocommerce-Price-amount,
.woocommerce span.amount { color: var(--sirany-ink); }

/* Quantity, form focus, and selected states → ink not blue */
.woocommerce .quantity input.qty:focus,
.woocommerce form .form-row input:focus,
.woocommerce select:focus,
.woocommerce input:focus { outline-color: var(--sirany-ink); border-color: var(--sirany-ink); }

/* Notices / info bars → warm neutral, ink accent bar (not blue) */
.woocommerce-info,
.woocommerce-message { border-top-color: var(--sirany-accent); }
.woocommerce-info::before,
.woocommerce-message::before { color: var(--sirany-accent); }