/* WordPress-only additions. The Shopify CSS (style.css, shopify-theme.css) stays unchanged. */

/* Policy pages: Shopify injected these styles itself. */
.shopify-policy__container { max-width: 65ch; margin: 0 auto; padding: 40px 20px 64px; }
.shopify-policy__title { margin-bottom: 24px; text-align: center; }
.shopify-policy__title h1 { font-size: clamp(28px, 3.4vw, 40px); }

/* Product card "add to cart" is a link (WooCommerce AJAX add-to-cart). */
a.pcard__action-btn { text-decoration: none; }
a.pcard__action-btn.loading { opacity: .7; pointer-events: none; }
a.pcard__action-btn.added { background: var(--teal-600); }
a.pcard__quick { text-decoration: none; }
/* WooCommerce appends a "View cart" link after AJAX add; the header badge and toast do that job here. */
.pcard__action .added_to_cart, .bundle-card .added_to_cart { display: none !important; }
.bundle-card .btn.loading { opacity: .7; pointer-events: none; }

/* Honeypot field of the np_contact forms. */
.np-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }

/* Admin bar offset for a sticky header. */
.admin-bar .site-header { top: var(--wp-admin--admin-bar--height, 0px); }

/* WordPress core alignment / caption helpers inside page content. */
.rte .alignleft { float: left; margin: 0 16px 12px 0; }
.rte .alignright { float: right; margin: 0 0 12px 16px; }
.rte .aligncenter { display: block; margin-inline: auto; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* WordPress pagination markup (paginate_links). */
.pagination .page-numbers { display: inline-grid; place-items: center; min-width: 38px; height: 38px; padding: 0 8px; border-radius: 999px; }
.pagination .page-numbers.current { background: var(--teal); color: #fff; }