/* Axon — WooCommerce polish. Loaded only when WooCommerce is active.
   Keeps shop pages consistent with the theme's tokens; no layout overrides that
   would fight WooCommerce's own responsive grid. */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
	border:1px solid var(--wp--preset--color--line,#E6E8EF);
	border-radius:var(--wp--custom--radius--card,20px);
	background:var(--wp--preset--color--panel,#fff);
	padding:16px;
	transition:border-color .25s,transform .25s;
}
.woocommerce ul.products li.product:hover{border-color:var(--wp--preset--color--accent,#FF5C38);transform:translateY(-3px)}
.woocommerce ul.products li.product img{border-radius:12px}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{color:var(--wp--preset--color--ink,#14161D);font-family:var(--wp--preset--font-family--mono,monospace)}

.woocommerce span.onsale{
	background:var(--wp--preset--color--accent,#FF5C38);
	color:#fff;
	border-radius:100px;
	min-height:auto;min-width:auto;
	padding:.35em .7em;line-height:1;font-family:var(--wp--preset--font-family--mono,monospace);font-weight:600;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt{
	background:var(--wp--preset--color--accent,#FF5C38);
	color:#fff;
	border-radius:var(--wp--custom--radius--control,11px);
	font-weight:600;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover{background:var(--wp--preset--color--accent-press,#EC4A28)}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info{border-top-color:var(--wp--preset--color--accent,#FF5C38)}

/* ============================================================
   Axon WooCommerce depth — swatches, wishlist, quick view
   ============================================================ */

/* Variation swatches */
.axon-has-swatches{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.axon-swatches{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0}
.axon-swatch{
	min-width:2.4rem;min-height:2.4rem;padding:.35rem .7rem;cursor:pointer;
	border:1px solid var(--wp--preset--color--line-strong,#D3D7E2);border-radius:8px;
	background:var(--wp--preset--color--panel,#fff);color:var(--wp--preset--color--ink,#14161D);
	font-size:.9rem;line-height:1;transition:border-color .15s,box-shadow .15s;
}
.axon-swatch:hover{border-color:var(--wp--preset--color--accent,#FF5C38)}
.axon-swatch.is-active{border-color:var(--wp--preset--color--accent,#FF5C38);box-shadow:0 0 0 2px var(--wp--preset--color--accent,#FF5C38)}
.axon-swatch.is-color{width:2.4rem;height:2.4rem;padding:0;border-radius:50%;font-size:0}

/* Product-card action buttons */
.axon-wishlist-btn,.axon-quickview-btn{cursor:pointer;border:1px solid var(--wp--preset--color--line-strong,#D3D7E2);background:var(--wp--preset--color--panel,#fff);border-radius:8px}
.axon-wishlist-btn{width:2.2rem;height:2.2rem;display:inline-grid;place-items:center;padding:0;line-height:1}
.axon-heart::before{content:"\2661";font-size:1.15rem;color:var(--wp--preset--color--muted,#5C6270)}
.axon-wishlist-btn.is-saved .axon-heart::before{content:"\2665";color:var(--wp--preset--color--accent,#FF5C38)}
.axon-quickview-btn{margin-top:.4rem;padding:.4rem .8rem;font-size:.85rem;color:var(--wp--preset--color--ink,#14161D)}
.axon-quickview-btn:hover{border-color:var(--wp--preset--color--accent,#FF5C38)}

/* Quick-view modal */
.axon-qv-lock{overflow:hidden}
.axon-qv-modal{position:fixed;inset:0;z-index:99999;display:none}
.axon-qv-modal.is-open{display:block}
.axon-qv-backdrop{position:absolute;inset:0;background:rgba(10,11,16,.55)}
.axon-qv-panel{position:relative;max-width:820px;margin:6vh auto;background:var(--wp--preset--color--paper,#fff);border-radius:16px;padding:1.75rem;max-height:88vh;overflow:auto}
.axon-qv-close{position:absolute;top:.75rem;right:.9rem;border:0;background:transparent;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--wp--preset--color--muted,#5C6270)}
.axon-qv{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.axon-qv-media img{width:100%;height:auto;border-radius:10px}
.axon-qv-title{margin:0 0 .5rem}
.axon-qv-price{font-size:1.3rem;color:var(--wp--preset--color--accent,#FF5C38);margin-bottom:.75rem}
@media (max-width:640px){.axon-qv{grid-template-columns:1fr}}