/**
 * Nick Streza — WordPress & WooCommerce layer.
 *
 * Loaded after the compiled utility layer from the original build. It adds the
 * handful of utilities the WordPress templates need that the original build
 * never produced, then styles everything WordPress and WooCommerce render on
 * their own: forms, notices, cart, checkout, account, comments, widgets.
 *
 * 1.  Tokens
 * 2.  Utilities the compiled layer is missing
 * 3.  Layout primitives
 * 4.  Buttons, chips, pagination
 * 5.  Editor content (.nick-prose)
 * 6.  Header & navigation
 * 7.  Carousel
 * 8.  Widgets & comments
 * 9.  WooCommerce — shared
 * 10. WooCommerce — catalog
 * 11. WooCommerce — single book & format picker
 * 12. WooCommerce — cart, checkout, account
 */

/* ------------------------------------------------------------------ 1. Tokens */

:root {
	--nick-bg: #020617;
	--nick-panel: #0b1329;
	--nick-line: rgb(255 255 255 / 0.15);
	--nick-line-strong: rgb(255 255 255 / 0.3);
	--nick-text: #e2e8f0;
	--nick-muted: #94a3b8;
	--nick-blue: #2563eb;
	--nick-blue-light: #3b82f6;
	--nick-blue-soft: #60a5fa;
	--nick-amber: #fbbf24;
	--nick-cyan: #22d3ee;
	--nick-purple: #a855f7;
	--nick-red: #f87171;
	--nick-green: #34d399;

	--nick-font-heading: "Outfit", "Plus Jakarta Sans", sans-serif;
	--nick-font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	--nick-font-space: "Space Grotesk", sans-serif;

	--nick-radius: 0.75rem;
}

html {
	background-color: var(--nick-bg);
}

body {
	font-family: var(--nick-font-sans);
	background-color: var(--nick-bg);
	color: var(--nick-text);
}

.font-sans {
	font-family: var(--nick-font-sans);
}

/* The original build left `font-mono` on the browser's monospace stack; the
   design leans on that contrast for ISBNs, dates and fine print. Keep it. */
.font-mono {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

/* ------------------------------------------- 2. Utilities the build is missing */

.-top-32 { top: -8rem; }
.-right-32 { right: -8rem; }
.w-80 { width: 20rem; }
.h-80 { height: 20rem; }
.mt-3 { margin-top: 0.75rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mt-12 { margin-top: 3rem; }
.space-y-10 > :not([hidden]) ~ :not([hidden]) { margin-top: 2.5rem; }
.text-\[120px\] { font-size: 120px; line-height: 1; }
.text-white\/10 { color: rgb(255 255 255 / 0.1); }
.text-blue-300 { color: #93c5fd; }
.text-red-300 { color: #fca5a5; }
.bg-red-950\/40 { background-color: rgb(69 10 10 / 0.4); }
.border-red-500\/40 { border-color: rgb(239 68 68 / 0.4); }
.border-purple-500\/40 { border-color: rgb(168 85 247 / 0.4); }
.hover\:-translate-y-1:hover { transform: translateY(-0.25rem); }

@media (min-width: 640px) {
	.sm\:text-\[180px\] { font-size: 180px; line-height: 1; }
	.sm\:text-right { text-align: right; }
}

/* -------------------------------------------------------- 3. Layout primitives */

/*
 * Note on the cascade: the compiled utility layer lives inside CSS cascade
 * layers, so any unlayered rule here wins over a Tailwind utility regardless of
 * specificity. Keep selectors here scoped to a class — a bare element selector
 * would silently beat utilities like `h-full` on that element.
 */

.nick-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* --------------------------------------------- 4. Buttons, chips, pagination */

.nick-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.875rem 2rem;
	border: 1px solid transparent;
	border-radius: 0.375rem;
	font-family: var(--nick-font-space);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.2s ease;
	text-decoration: none;
}

.nick-btn--primary {
	background-color: var(--nick-blue);
	border-color: rgb(96 165 250 / 0.4);
	color: #fff;
	box-shadow: 0 10px 30px -10px rgb(37 99 235 / 0.6);
}

.nick-btn--primary:hover {
	background-color: var(--nick-blue-light);
	color: #fff;
}

.nick-btn--purple {
	background-color: #9333ea;
	border-color: rgb(192 132 252 / 0.4);
	color: #fff;
	box-shadow: 0 10px 30px -10px rgb(147 51 234 / 0.6);
}

.nick-btn--purple:hover {
	background-color: var(--nick-purple);
	color: #fff;
}

.nick-btn--ghost {
	background-color: var(--nick-panel);
	border-color: var(--nick-line);
	color: #fff;
}

.nick-btn--ghost:hover {
	border-color: var(--nick-line-strong);
	color: #fff;
}

.nick-chip {
	display: inline-flex;
	align-items: center;
	padding: 0.4rem 0.9rem;
	border: 1px solid var(--nick-line);
	border-radius: 999px;
	background-color: var(--nick-bg);
	color: var(--nick-muted);
	font-family: var(--nick-font-space);
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.2s ease;
}

.nick-chip:hover {
	color: #fff;
	border-color: var(--nick-line-strong);
}

.nick-chip--active {
	background-color: var(--nick-blue);
	border-color: rgb(96 165 250 / 0.4);
	color: #fff;
}

.nick-pagination,
.woocommerce-pagination ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin: 2.5rem 0 0;
	padding: 0;
	list-style: none;
	border: 0;
}

.woocommerce-pagination ul.page-numbers li {
	border: 0;
	margin: 0;
}

.nick-pagination .page-numbers,
.woocommerce-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	height: 2.5rem;
	padding: 0 0.75rem;
	border: 1px solid var(--nick-line);
	border-radius: 0.375rem;
	background-color: var(--nick-panel);
	color: var(--nick-muted);
	font-family: var(--nick-font-space);
	font-size: 0.75rem;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.2s ease;
}

.nick-pagination .page-numbers:hover,
.woocommerce-pagination .page-numbers:hover {
	border-color: var(--nick-line-strong);
	color: #fff;
}

.nick-pagination .page-numbers.current,
.woocommerce-pagination .page-numbers.current {
	background-color: var(--nick-blue);
	border-color: rgb(96 165 250 / 0.4);
	color: #fff;
}

.nick-breadcrumb {
	font-family: var(--nick-font-space);
	font-size: 0.6875rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--nick-muted);
	margin-bottom: 1.5rem;
}

.nick-breadcrumb a {
	color: var(--nick-muted);
	text-decoration: none;
}

.nick-breadcrumb a:hover {
	color: var(--nick-blue-soft);
}

.nick-breadcrumb__sep {
	margin: 0 0.5rem;
	color: rgb(255 255 255 / 0.25);
}

/* ------------------------------------------------------------ 5. Editor content */

.nick-prose {
	color: var(--nick-text);
	line-height: 1.8;
}

.nick-prose > * + * {
	margin-top: 1.25rem;
}

.nick-prose h1,
.nick-prose h2,
.nick-prose h3,
.nick-prose h4,
.nick-prose h5,
.nick-prose h6 {
	font-family: var(--nick-font-heading);
	font-weight: 800;
	color: #fff;
	line-height: 1.2;
	margin-top: 2rem;
}

.nick-prose h1 { font-size: 2.25rem; }
.nick-prose h2 { font-size: 1.875rem; }
.nick-prose h3 { font-size: 1.5rem; }
.nick-prose h4 { font-size: 1.25rem; }

.nick-prose a:not(.button):not(.wp-element-button):not(.wc-block-components-button):not(.nick-btn) {
	color: var(--nick-blue-soft);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.nick-prose a:not(.button):not(.wp-element-button):not(.wc-block-components-button):not(.nick-btn):hover {
	color: #fff;
}

.nick-prose strong {
	color: #fff;
	font-weight: 700;
}

.nick-prose ul,
.nick-prose ol {
	padding-left: 1.5rem;
}

.nick-prose ul { list-style: disc; }
.nick-prose ol { list-style: decimal; }

.nick-prose li + li {
	margin-top: 0.5rem;
}

.nick-prose blockquote {
	border-left: 2px solid var(--nick-blue);
	padding: 0.25rem 0 0.25rem 1.25rem;
	font-family: var(--nick-font-heading);
	font-size: 1.125rem;
	color: #fff;
}

.nick-prose code {
	font-family: var(--nick-font-space);
	font-size: 0.85em;
	background-color: var(--nick-bg);
	border: 1px solid var(--nick-line);
	border-radius: 0.25rem;
	padding: 0.1rem 0.35rem;
}

.nick-prose pre {
	background-color: var(--nick-bg);
	border: 1px solid var(--nick-line);
	border-radius: var(--nick-radius);
	padding: 1.25rem;
	overflow-x: auto;
}

.nick-prose pre code {
	border: 0;
	padding: 0;
	background: none;
}

.nick-prose img,
.nick-prose figure {
	border-radius: var(--nick-radius);
}

.nick-prose table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.875rem;
}

.nick-prose th,
.nick-prose td {
	border: 1px solid var(--nick-line);
	padding: 0.625rem 0.875rem;
	text-align: left;
}

.nick-prose th {
	background-color: var(--nick-bg);
	font-family: var(--nick-font-space);
	font-size: 0.6875rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
}

.nick-prose hr {
	border: 0;
	border-top: 1px solid var(--nick-line);
}

/* ------------------------------------------------------ 6. Header & navigation */

.custom-logo {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 999px;
	object-fit: cover;
	border: 1px solid var(--nick-line);
}

.nick-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nick-nav a {
	text-decoration: none;
}

.nick-subnav {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 50;
	min-width: 12rem;
	margin-top: 0.75rem;
	padding: 0.5rem;
	background-color: var(--nick-panel);
	border: 1px solid var(--nick-line);
	border-radius: 0.5rem;
	box-shadow: 0 20px 40px -20px rgb(0 0 0 / 0.8);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-0.25rem);
	transition: all 0.2s ease;
}

.nick-nav__item--parent:hover > .nick-subnav,
.nick-nav__item--parent:focus-within > .nick-subnav {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.nick-subnav li a {
	display: block;
	padding: 0.5rem 0.75rem;
	border-radius: 0.375rem;
	color: var(--nick-muted);
	font-size: 0.6875rem;
}

.nick-subnav li a:hover {
	background-color: var(--nick-bg);
	color: #fff;
}

.nick-mobile-nav {
	margin-top: 1rem;
	padding: 0.75rem;
	background-color: var(--nick-bg);
	border: 1px solid var(--nick-line);
	border-radius: var(--nick-radius);
	box-shadow: 0 30px 60px -20px rgb(0 0 0 / 0.9);
	max-height: calc(100vh - 7rem);
	overflow-y: auto;
}

.nick-mobile-nav[hidden] {
	display: none;
}

.nick-mobile-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nick-mobile-nav a {
	text-decoration: none;
	border-radius: 0.375rem;
}

.nick-mobile-nav .nick-subnav {
	position: static;
	opacity: 1;
	visibility: visible;
	transform: none;
	box-shadow: none;
	margin-top: 0.5rem;
	background: transparent;
	border: 0;
	padding-left: 1rem;
}

.nick-nav-toggle__close { display: none; }
.nick-nav-toggle.is-open .nick-nav-toggle__open { display: none; }
.nick-nav-toggle.is-open .nick-nav-toggle__close { display: block; }

.nick-cart-link {
	display: inline-flex;
}

.nick-cart-count {
	position: absolute;
	top: -0.35rem;
	right: -0.35rem;
	min-width: 1.15rem;
	height: 1.15rem;
	padding: 0 0.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background-color: var(--nick-amber);
	color: #000;
	font-family: var(--nick-font-space);
	font-size: 0.625rem;
	font-weight: 700;
}

/* ------------------------------------------------------------------ 7. Carousel */

.nick-carousel__slide[hidden] {
	display: none;
}

/* ------------------------------------------------------- 8. Widgets & comments */

.nick-widget {
	background-color: var(--nick-panel);
	border: 1px solid var(--nick-line);
	border-radius: var(--nick-radius);
	padding: 1.5rem;
}

.nick-widget + .nick-widget {
	margin-top: 1.5rem;
}

.nick-widget__title {
	font-family: var(--nick-font-space);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 1rem;
}

.nick-widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.8125rem;
}

.nick-widget li + li {
	margin-top: 0.5rem;
}

.nick-widget a {
	color: var(--nick-muted);
	text-decoration: none;
}

.nick-widget a:hover {
	color: var(--nick-blue-soft);
}

.nick-comment-list,
.nick-comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nick-comment-list .children {
	margin-top: 1rem;
	padding-left: 1.5rem;
	border-left: 1px solid var(--nick-line);
}

.nick-comment-list .comment-body {
	background-color: var(--nick-bg);
	border: 1px solid var(--nick-line);
	border-radius: var(--nick-radius);
	padding: 1.25rem;
}

.nick-comment-list .comment-meta {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 0.75rem;
	font-family: var(--nick-font-space);
	font-size: 0.6875rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--nick-muted);
}

.nick-comment-list .comment-meta a {
	color: #fff;
	text-decoration: none;
}

.nick-comment-list .avatar {
	border-radius: 999px;
	border: 1px solid var(--nick-blue);
}

.nick-comment-list .comment-content {
	font-size: 0.875rem;
	line-height: 1.7;
	color: var(--nick-text);
}

.nick-comment-list .reply a {
	font-family: var(--nick-font-space);
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--nick-blue-soft);
	text-decoration: none;
}

/* ---------------------------------------------------- 9. WooCommerce — shared */

/*
 * Everything WordPress and WooCommerce output without our markup: inputs,
 * notices, tables, and the default button class.
 */

.nick-shop input[type="text"],
.nick-shop input[type="email"],
.nick-shop input[type="tel"],
.nick-shop input[type="url"],
.nick-shop input[type="password"],
.nick-shop input[type="number"],
.nick-shop input[type="search"],
.nick-shop input[type="date"],
.nick-shop textarea,
.nick-shop select,
.nick-comment-form input[type="text"],
.nick-comment-form input[type="email"],
.nick-comment-form input[type="url"],
.nick-comment-form textarea,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.woocommerce .select2-container .select2-selection--single {
	width: 100%;
	padding: 0.75rem 1rem;
	background-color: var(--nick-bg);
	border: 1px solid var(--nick-line);
	border-radius: 0.375rem;
	color: #fff;
	font-family: var(--nick-font-sans);
	font-size: 0.8125rem;
	line-height: 1.5;
	height: auto;
}

.woocommerce .select2-container .select2-selection--single .select2-selection__rendered {
	color: #fff;
	line-height: 1.5;
	padding: 0;
}

.woocommerce .select2-container .select2-selection--single .select2-selection__arrow {
	top: 50%;
	transform: translateY(-50%);
	right: 0.5rem;
}

.select2-dropdown {
	background-color: var(--nick-panel);
	border-color: var(--nick-line);
	color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--nick-blue);
}

/*
 * WooCommerce's own form rules are more specific than the shared block above,
 * so restate the field skin at their weight rather than leaning on !important.
 */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.nick-shop .woocommerce form input.input-text,
.nick-shop .woocommerce form textarea,
.nick-shop .woocommerce form select {
	width: 100%;
	padding: 0.75rem 1rem;
	background-color: var(--nick-bg);
	border: 1px solid var(--nick-line);
	border-radius: 0.375rem;
	color: #fff;
	font-family: var(--nick-font-sans);
	font-size: 0.8125rem;
	line-height: 1.5;
	height: auto;
	box-shadow: none;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	outline: none;
	border-color: var(--nick-blue-light);
}

.woocommerce form .form-row input[type="checkbox"],
.woocommerce form .form-row input[type="radio"] {
	width: auto;
	accent-color: var(--nick-blue);
}

.nick-shop input:focus,
.nick-shop textarea:focus,
.nick-shop select:focus,
.woocommerce input.input-text:focus,
.woocommerce textarea:focus,
.woocommerce select:focus {
	outline: none;
	border-color: var(--nick-blue-light);
}

.nick-shop ::placeholder,
.woocommerce ::placeholder {
	color: var(--nick-muted);
}

.nick-shop label,
.woocommerce form .form-row label,
.nick-comment-form label {
	display: block;
	margin-bottom: 0.4rem;
	font-family: var(--nick-font-space);
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--nick-muted);
}

/* The consent checkbox reads as a sentence, not a field label. */
.comment-form-cookies-consent label,
.woocommerce form .form-row label.checkbox,
.woocommerce form .form-row label.woocommerce-form__label-for-checkbox {
	display: inline;
	font-family: var(--nick-font-sans);
	font-size: 0.75rem;
	letter-spacing: 0;
	text-transform: none;
	color: var(--nick-muted);
}

.comment-form-cookies-consent input[type="checkbox"],
.nick-comment-form input[type="checkbox"] {
	width: auto;
	margin-right: 0.4rem;
	accent-color: var(--nick-blue);
}

.woocommerce form .form-row {
	margin-bottom: 1rem;
	padding: 0;
}

.woocommerce .required {
	color: var(--nick-amber);
	text-decoration: none;
}

/* Buttons WooCommerce renders itself. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.nick-shop .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.875rem 1.75rem;
	background-color: var(--nick-blue);
	border: 1px solid rgb(96 165 250 / 0.4);
	border-radius: 0.375rem;
	color: #fff;
	font-family: var(--nick-font-space);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	line-height: 1.2;
	text-decoration: none;
	box-shadow: 0 10px 30px -12px rgb(37 99 235 / 0.7);
	transition: all 0.2s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.nick-shop .button:hover {
	background-color: var(--nick-blue-light);
	color: #fff;
}

.woocommerce a.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button.disabled {
	opacity: 0.45;
	cursor: not-allowed;
	box-shadow: none;
}

/* Notices. */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	margin: 0 0 1.5rem;
	padding: 1rem 1.25rem;
	list-style: none;
	background-color: var(--nick-panel);
	border: 1px solid var(--nick-line);
	border-left: 3px solid var(--nick-blue);
	border-radius: 0.5rem;
	color: var(--nick-text);
	font-size: 0.8125rem;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
	display: none;
}

.woocommerce-message {
	border-left-color: var(--nick-green);
}

.woocommerce-error {
	border-left-color: var(--nick-red);
	color: #fecaca;
}

.woocommerce-message .button,
.woocommerce-info .button {
	margin-left: auto;
	padding: 0.5rem 1.1rem;
}

/* Tables. */
.woocommerce table.shop_table,
.woocommerce table.shop_attributes,
.woocommerce-MyAccount-content table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid var(--nick-line);
	border-radius: var(--nick-radius);
	overflow: hidden;
	background-color: var(--nick-panel);
	color: var(--nick-text);
	font-size: 0.8125rem;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_attributes th {
	background-color: var(--nick-bg);
	border-bottom: 1px solid var(--nick-line);
	padding: 0.9rem 1rem;
	font-family: var(--nick-font-space);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #fff;
	text-align: left;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_attributes td {
	border-top: 1px solid var(--nick-line);
	padding: 0.9rem 1rem;
	vertical-align: middle;
}

.woocommerce table.shop_table img {
	width: 56px;
	border-radius: 0.25rem;
	border: 1px solid var(--nick-line);
}

/* Prices. */
.woocommerce .price,
.woocommerce span.amount,
.woocommerce bdi {
	color: #fff;
	font-family: var(--nick-font-space);
	font-weight: 700;
}

.woocommerce del,
.woocommerce del bdi,
.woocommerce del .amount {
	color: var(--nick-muted);
	font-weight: 500;
	opacity: 0.75;
}

.woocommerce ins {
	text-decoration: none;
	background: none;
}

/* Star ratings. */
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before {
	color: var(--nick-amber);
}

.woocommerce .star-rating::before {
	color: rgb(255 255 255 / 0.2);
}

.woocommerce .woocommerce-product-rating {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-size: 0.75rem;
}

.woocommerce .woocommerce-review-link {
	color: var(--nick-muted);
	text-decoration: none;
}

/* Quantity. */
.woocommerce .quantity {
	display: inline-flex;
}

.woocommerce .quantity .qty {
	width: 5rem;
	padding: 0.75rem 0.5rem;
	text-align: center;
	background-color: var(--nick-bg);
	border: 1px solid var(--nick-line);
	border-radius: 0.375rem;
	color: #fff;
	font-family: var(--nick-font-space);
}

/* ---------------------------------------------------- 10. WooCommerce — catalog */

.woocommerce ul.products,
.nick-shop ul.products {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 640px) {
	.woocommerce ul.products,
	.nick-shop ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.woocommerce ul.products,
	.nick-shop ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 2rem;
	}
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
	content: none;
}

.woocommerce ul.products li.product {
	width: auto;
	margin: 0;
	float: none;
	clear: none;
}

.nick-shop-bar {
	font-family: var(--nick-font-space);
	font-size: 0.6875rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--nick-muted);
}

.nick-shop-bar .woocommerce-result-count {
	margin: 0;
}

.nick-shop-bar .woocommerce-ordering {
	margin: 0;
}

.nick-shop-bar select {
	min-width: 14rem;
	padding: 0.5rem 0.75rem;
}

.nick-shop-bar .woocommerce-notices-wrapper {
	flex-basis: 100%;
}

.nick-shop-bar .woocommerce-notices-wrapper:empty {
	display: none;
}

.nick-card-price .price {
	font-size: 0.875rem;
}

.nick-card-price del {
	margin-right: 0.35rem;
}

/* ------------------------------------ 11. WooCommerce — single book & formats */

.nick-book {
	display: flex;
	flex-direction: column;
	gap: 3rem;
}

/* WooCommerce's own layout sheet floats the summary at 48% width, which
   squeezed the right column and left the cover floating mid-column. The theme
   grid owns the layout, so release both columns and pin the cover on desktop. */
.nick-book .summary.entry-summary {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

@media (min-width: 1024px) {
	/* `clip` still trims the glow but, unlike `hidden`, keeps sticky working. */
	.nick-book__panel {
		align-items: start;
		overflow: clip;
	}

	.nick-book__cover-col {
		position: sticky;
		top: 7rem;
	}
}

.nick-book__panel .nick-book__specs,
.nick-book__panel .nick-book__badge {
	border-radius: 0.5rem;
}

.nick-book .woocommerce-product-gallery {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

.nick-book .woocommerce-product-gallery__wrapper {
	margin: 0;
}

.nick-book .woocommerce-product-gallery img {
	width: 100%;
	border: 1px solid rgb(59 130 246 / 0.3);
	border-radius: 0.5rem;
	box-shadow: 0 30px 60px -25px rgb(0 0 0 / 0.9);
}

.nick-book .woocommerce-product-gallery__trigger {
	top: 1rem;
	right: 1rem;
	background-color: var(--nick-panel);
	border: 1px solid var(--nick-line);
	border-radius: 999px;
	color: #fff;
	box-shadow: none;
}

.nick-book .flex-control-thumbs {
	display: flex;
	gap: 0.5rem;
	margin: 0.75rem 0 0;
	padding: 0;
	list-style: none;
}

.nick-book .flex-control-thumbs li {
	width: 4rem;
	margin: 0;
	float: none;
}

.nick-book .onsale {
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 5;
	padding: 0.35rem 0.85rem;
	background-color: var(--nick-amber);
	border-radius: 999px;
	color: #000;
	font-family: var(--nick-font-space);
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	min-height: 0;
	min-width: 0;
	line-height: 1.4;
	margin: 0;
}

.nick-book .summary .price,
.nick-book .woocommerce-variation-price .price {
	display: block;
	font-family: var(--nick-font-heading);
	font-size: 2rem;
	font-weight: 800;
	color: #fff;
}

.nick-book .woocommerce-product-details__short-description {
	color: var(--nick-text);
	font-size: 0.875rem;
	line-height: 1.8;
}

.nick-book .product_meta a {
	color: var(--nick-muted);
	text-decoration: none;
}

.nick-book .product_meta a:hover {
	color: var(--nick-blue-soft);
}

.nick-book .product_meta > span {
	display: block;
	margin-top: 0.35rem;
}

/* The format picker. */

.nick-variation-group + .nick-variation-group {
	margin-top: 1.5rem;
}

.nick-variation-group__label {
	display: flex;
	align-items: baseline;
	gap: 0.6rem;
	margin-bottom: 0.75rem;
	font-family: var(--nick-font-space);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #fff;
}

.nick-variation-group__hint {
	font-style: normal;
	font-size: 0.625rem;
	letter-spacing: 0.15em;
	color: var(--nick-muted);
}

.nick-formats {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 0.75rem;
}

@media (min-width: 640px) {
	.nick-formats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.nick-format {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.6rem;
	padding: 1rem;
	background-color: var(--nick-bg);
	border: 1px solid var(--nick-line);
	border-radius: 0.5rem;
	color: var(--nick-text);
	text-align: left;
	cursor: pointer;
	transition: all 0.2s ease;
}

.nick-format:hover:not(.nick-format--disabled) {
	border-color: rgb(96 165 250 / 0.6);
	transform: translateY(-2px);
}

.nick-format.is-selected {
	border-color: var(--nick-blue-light);
	background-color: rgb(37 99 235 / 0.12);
	box-shadow: 0 0 0 1px var(--nick-blue-light), 0 12px 30px -18px rgb(37 99 235 / 0.9);
}

.nick-format--disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.nick-format__icon {
	display: inline-flex;
	padding: 0.4rem;
	border: 1px solid var(--nick-line);
	border-radius: 0.375rem;
	color: var(--nick-blue-soft);
}

.nick-format.is-selected .nick-format__icon {
	background-color: var(--nick-blue);
	border-color: transparent;
	color: #fff;
}

.nick-format__body {
	display: block;
}

.nick-format__name {
	display: block;
	font-family: var(--nick-font-space);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #fff;
}

.nick-format__desc {
	display: block;
	margin-top: 0.2rem;
	font-size: 0.6875rem;
	line-height: 1.5;
	color: var(--nick-muted);
}

.nick-format__price {
	font-family: var(--nick-font-space);
	font-size: 0.9375rem;
	font-weight: 700;
	color: #fff;
}

.nick-format__price del {
	font-size: 0.75rem;
	margin-right: 0.3rem;
}

.nick-format__flag {
	position: absolute;
	top: 0.6rem;
	right: 0.6rem;
	font-family: var(--nick-font-space);
	font-size: 0.5625rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--nick-red);
}

.nick-variations .reset_variations,
.nick-reset {
	display: inline-block;
	margin-top: 0.85rem;
	font-family: var(--nick-font-space);
	font-size: 0.625rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--nick-muted);
	text-decoration: none;
}

.nick-variations .reset_variations:hover {
	color: #fff;
}

.nick-variations .single_variation_wrap {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--nick-line);
}

.nick-variations .woocommerce-variation-description {
	font-size: 0.8125rem;
	color: var(--nick-muted);
}

.nick-variations .woocommerce-variation-availability {
	font-family: var(--nick-font-space);
	font-size: 0.6875rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--nick-green);
}

.nick-variations .woocommerce-variation-availability .out-of-stock {
	color: var(--nick-red);
}

.nick-variations .woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
	margin-top: 1rem;
}

.nick-variations .woocommerce-variation-add-to-cart .button {
	flex: 1 1 14rem;
	padding: 1rem 2rem;
}

.woocommerce div.product form.cart .variations,
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
	border: 0;
	background: none;
}

/* Tabs. */

.nick-tabs__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	margin: 0;
	padding: 0 0 0;
	list-style: none;
	border-bottom: 1px solid var(--nick-line);
}

.nick-tabs__list::before,
.nick-tabs__list::after {
	content: none;
}

.nick-tabs__list li {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.nick-tabs__list li::before,
.nick-tabs__list li::after {
	content: none;
	display: none;
}

.nick-tabs__list li a {
	display: block;
	padding: 0 0 1rem;
	border-bottom: 2px solid transparent;
	font-family: var(--nick-font-space);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--nick-muted);
	text-decoration: none;
	transition: all 0.2s ease;
}

.nick-tabs__list li a:hover {
	color: #fff;
}

.nick-tabs__list li.is-active a {
	color: var(--nick-blue-soft);
	border-bottom-color: var(--nick-blue-light);
}

.nick-tabs__panel {
	display: none;
}

.nick-tabs__panel.is-active {
	display: block;
}

.nick-tabs__panel > h2:first-child {
	display: none;
}

.nick-tabs__panel .nick-prose,
.nick-tabs__panel p {
	color: var(--nick-text);
	line-height: 1.8;
}

.nick-tabs__panel p + p {
	margin-top: 1rem;
}

/* Reviews inside the tab. */

#reviews .commentlist {
	list-style: none;
	margin: 0 0 2rem;
	padding: 0;
}

#reviews .commentlist li {
	margin-bottom: 1rem;
}

#reviews .comment_container {
	display: flex;
	gap: 1rem;
	background-color: var(--nick-bg);
	border: 1px solid var(--nick-line);
	border-radius: var(--nick-radius);
	padding: 1.25rem;
}

#reviews .comment_container img.avatar {
	position: static;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	border: 1px solid var(--nick-blue);
	padding: 0;
	margin: 0;
}

#reviews .comment-text {
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
}

#reviews .woocommerce-review__author {
	font-family: var(--nick-font-space);
	font-weight: 700;
	color: #fff;
}

#reviews .woocommerce-review__published-date {
	color: var(--nick-muted);
	font-size: 0.75rem;
}

#review_form_wrapper {
	background-color: var(--nick-bg);
	border: 1px solid var(--nick-line);
	border-radius: var(--nick-radius);
	padding: 1.5rem;
}

#reviews #respond .comment-reply-title {
	font-family: var(--nick-font-space);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--nick-blue-soft);
}

/* Related products heading. */

.related > h2,
.upsells > h2,
.nick-shop section.related h2,
.woocommerce-tabs ~ .related h2 {
	font-family: var(--nick-font-heading);
	font-size: 1.75rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	color: #fff;
	margin-bottom: 1.5rem;
}

.related,
.upsells {
	margin-top: 3rem;
	padding-top: 3rem;
	border-top: 1px solid var(--nick-line);
}

/* --------------------------------- 12. WooCommerce — cart, checkout, account */

.woocommerce-cart-form,
.woocommerce-checkout,
.woocommerce-MyAccount-content,
.woocommerce-order,
.woocommerce-order-received {
	color: var(--nick-text);
}

.woocommerce h2,
.woocommerce h3,
.nick-shop h2,
.nick-shop h3 {
	font-family: var(--nick-font-heading);
	color: #fff;
}

.woocommerce .cart_totals,
.woocommerce .cross-sells,
.woocommerce-checkout-review-order,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-customer-details {
	margin-top: 2rem;
}

.woocommerce .cart_totals h2,
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3,
#order_review_heading {
	font-family: var(--nick-font-space);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--nick-blue-soft);
	margin-bottom: 1rem;
}

.woocommerce .cart-collaterals {
	display: grid;
	gap: 2rem;
}

@media (min-width: 1024px) {
	.woocommerce .cart-collaterals {
		grid-template-columns: 1fr 24rem;
		align-items: start;
	}
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .cross-sells {
	width: 100%;
	float: none;
}

.woocommerce .cart_totals,
#order_review,
.woocommerce-checkout #payment {
	background-color: var(--nick-panel);
	border: 1px solid var(--nick-line);
	border-radius: var(--nick-radius);
	padding: 1.5rem;
}

.woocommerce-checkout #payment {
	background-color: var(--nick-bg);
	margin-top: 1.5rem;
}

.woocommerce-checkout #payment ul.payment_methods {
	list-style: none;
	margin: 0 0 1rem;
	padding: 0 0 1rem;
	border-bottom: 1px solid var(--nick-line);
}

.woocommerce-checkout #payment ul.payment_methods li {
	margin-bottom: 0.75rem;
}

.woocommerce-checkout #payment div.payment_box {
	background-color: var(--nick-panel);
	border-radius: 0.5rem;
	color: var(--nick-muted);
	font-size: 0.8125rem;
	padding: 1rem;
}

.woocommerce-checkout #payment div.payment_box::before {
	display: none;
}

.woocommerce-checkout #payment .form-row.place-order {
	padding: 0;
	margin: 0;
}

.woocommerce #payment #place_order,
.woocommerce .checkout-button,
.woocommerce .wc-proceed-to-checkout .button {
	width: 100%;
	padding: 1rem;
	font-size: 0.8125rem;
}

.woocommerce .coupon {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
}

.woocommerce .coupon input.input-text {
	width: auto;
	flex: 1 1 12rem;
}

.woocommerce table.cart td.actions {
	padding: 1rem;
}

.woocommerce a.remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 999px;
	background-color: rgb(248 113 113 / 0.15);
	color: var(--nick-red) !important;
	font-size: 1rem;
	line-height: 1;
	text-decoration: none;
}

.woocommerce a.remove:hover {
	background-color: var(--nick-red);
	color: #000 !important;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: var(--nick-panel);
	border: 1px solid var(--nick-line);
	border-radius: var(--nick-radius);
	overflow: hidden;
}

.woocommerce-MyAccount-navigation li + li {
	border-top: 1px solid var(--nick-line);
}

.woocommerce-MyAccount-navigation a {
	display: block;
	padding: 0.85rem 1.1rem;
	font-family: var(--nick-font-space);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--nick-muted);
	text-decoration: none;
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
	background-color: var(--nick-bg);
	color: #fff;
}

@media (min-width: 768px) {
	.woocommerce-account .woocommerce {
		display: grid;
		grid-template-columns: 16rem 1fr;
		gap: 2rem;
		align-items: start;
	}

	.woocommerce-MyAccount-navigation,
	.woocommerce-MyAccount-content {
		width: auto;
		float: none;
	}
}

.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-ResetPassword,
.woocommerce-EditAccountForm,
.woocommerce-address-fields {
	background-color: var(--nick-panel);
	border: 1px solid var(--nick-line);
	border-radius: var(--nick-radius);
	padding: 1.5rem;
}

.woocommerce-form-login__rememberme,
.woocommerce-form__label-for-checkbox {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	text-transform: none;
	letter-spacing: 0;
	font-family: var(--nick-font-sans);
	font-size: 0.8125rem;
	color: var(--nick-text);
}

.woocommerce-form-login__rememberme input,
.woocommerce-form__input-checkbox {
	width: auto;
}

.woocommerce-thankyou-order-received {
	font-family: var(--nick-font-heading);
	font-size: 1.5rem;
	font-weight: 800;
	color: #fff;
}

.woocommerce ul.order_details {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 1.5rem 0;
	padding: 1.25rem;
	list-style: none;
	background-color: var(--nick-panel);
	border: 1px solid var(--nick-line);
	border-radius: var(--nick-radius);
}

.woocommerce ul.order_details li {
	border: 0;
	padding: 0 1.25rem 0 0;
	margin: 0;
	font-family: var(--nick-font-space);
	font-size: 0.625rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--nick-muted);
}

.woocommerce ul.order_details li strong {
	display: block;
	margin-top: 0.35rem;
	font-size: 0.875rem;
	letter-spacing: 0;
	text-transform: none;
	color: #fff;
}

.woocommerce-privacy-policy-text,
.woocommerce-terms-and-conditions-wrapper {
	font-size: 0.75rem;
	color: var(--nick-muted);
}

.woocommerce-privacy-policy-text a {
	color: var(--nick-blue-soft);
}

/* Blocks-based cart/checkout, if the store uses them. */
.wc-block-components-button,
.wp-block-woocommerce-cart .wc-block-cart__submit-button {
	background-color: var(--nick-blue) !important;
	color: #fff !important;
	border-radius: 0.375rem !important;
	font-family: var(--nick-font-space) !important;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

.wc-block-components-panel,
.wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout-order-summary-block {
	color: var(--nick-text);
}


/* --------------------------------- 13. WooCommerce — block cart & checkout */

/*
 * WooCommerce 8+ ships the cart and checkout as blocks with their own design
 * tokens. Re-point those tokens at the theme palette rather than fighting the
 * block markup rule by rule.
 */

.nick-shop {
	--wp--preset--color--contrast: #ffffff;
	--wp--preset--color--base: var(--nick-bg);
}

.nick-shop .wc-block-components-sidebar-layout,
.nick-shop .wp-block-woocommerce-cart,
.nick-shop .wp-block-woocommerce-checkout {
	color: var(--nick-text);
}

.nick-shop .wc-block-cart,
.nick-shop .wc-block-checkout {
	margin-top: 0;
}

.nick-shop .wc-block-components-sidebar .wc-block-components-totals-wrapper,
.nick-shop .wc-block-cart__totals-title,
.nick-shop .wc-block-components-checkout-order-summary {
	color: var(--nick-text);
}

.nick-shop .wc-block-components-sidebar {
	background-color: var(--nick-panel);
	border: 1px solid var(--nick-line);
	border-radius: var(--nick-radius);
	padding: 1.5rem;
}

.nick-shop .wc-block-cart-items,
.nick-shop .wc-block-components-order-summary__content {
	background-color: var(--nick-panel);
	border: 1px solid var(--nick-line);
	border-radius: var(--nick-radius);
	padding: 0 1.25rem;
}

.nick-shop table.wc-block-cart-items th,
.nick-shop .wc-block-cart-items__header {
	color: #fff;
	font-family: var(--nick-font-space);
	font-size: 0.6875rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	border-bottom-color: var(--nick-line);
}

.nick-shop .wc-block-cart-items__row {
	border-bottom: 1px solid var(--nick-line);
}

.nick-shop .wc-block-cart-item__image img,
.nick-shop .wc-block-components-order-summary-item__image img {
	border: 1px solid var(--nick-line);
	border-radius: 0.375rem;
}

.nick-shop .wc-block-components-product-name {
	color: #fff;
	font-family: var(--nick-font-heading);
	font-weight: 700;
	text-decoration: none;
}

.nick-shop .wc-block-components-product-name:hover {
	color: var(--nick-blue-soft);
}

.nick-shop .wc-block-components-product-metadata,
.nick-shop .wc-block-components-product-details,
.nick-shop .wc-block-components-totals-item__label {
	color: var(--nick-muted);
}

.nick-shop .wc-block-components-formatted-money-amount,
.nick-shop .wc-block-components-totals-item__value {
	color: #fff;
	font-family: var(--nick-font-space);
	font-weight: 700;
}

.nick-shop .wc-block-components-totals-item__value {
	font-size: 1.125rem;
}

.nick-shop .wc-block-components-quantity-selector {
	background-color: var(--nick-bg);
	border: 1px solid var(--nick-line);
	border-radius: 0.375rem;
}

.nick-shop .wc-block-components-quantity-selector input,
.nick-shop .wc-block-components-quantity-selector button {
	color: #fff;
	background: none;
	border: 0;
}

.nick-shop .wc-block-components-panel__button,
.nick-shop .wc-block-components-title,
.nick-shop .wc-block-cart__totals-title,
.nick-shop .wc-block-components-checkout-step__title {
	color: #fff;
	font-family: var(--nick-font-space);
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-size: 0.75rem;
}

.nick-shop .wc-block-components-text-input input,
.nick-shop .wc-block-components-textarea,
.nick-shop .wc-block-components-select__container,
.nick-shop .wc-blocks-components-select__container,
.nick-shop .wc-blocks-components-select__select,
.nick-shop .wc-block-components-combobox-control input {
	background-color: var(--nick-bg) !important;
	border-color: var(--nick-line) !important;
	color: #fff !important;
	border-radius: 0.375rem !important;
}

.nick-shop .wc-blocks-components-select__label,
.nick-shop .wc-block-components-text-input label {
	color: var(--nick-muted) !important;
}

.nick-shop .wc-blocks-components-select__expand {
	fill: var(--nick-muted);
}

/* The browser paints native option lists with the page's own colours. */
.nick-shop select option {
	background-color: var(--nick-panel);
	color: #fff;
}

.nick-shop .wc-block-components-text-input label,
.nick-shop .wc-block-components-checkout-step__description,
.nick-shop .wc-block-components-address-card {
	color: var(--nick-muted);
}

.nick-shop .wc-block-components-button:not(.is-link) {
	background-color: var(--nick-blue) !important;
	color: #fff !important;
	border-radius: 0.375rem !important;
	font-family: var(--nick-font-space) !important;
	font-weight: 700 !important;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-decoration: none !important;
	border: 1px solid rgb(96 165 250 / 0.4) !important;
}

.nick-shop .wc-block-components-button:not(.is-link):hover {
	background-color: var(--nick-blue-light) !important;
}

.nick-shop .wc-block-components-button.is-link {
	color: var(--nick-muted) !important;
}

.nick-shop .wc-block-cart-item__remove-link {
	color: var(--nick-muted);
}

.nick-shop .wc-block-components-notice-banner {
	background-color: var(--nick-panel);
	border-color: var(--nick-line);
	color: var(--nick-text);
}

.nick-shop .wc-block-checkout__actions_row,
.nick-shop .wc-block-cart__submit-container {
	border-top-color: var(--nick-line);
}

.nick-shop .wc-block-components-radio-control__option,
.nick-shop .wc-block-components-checkbox__label {
	color: var(--nick-text);
}

/* Pull quote rule follows the book's accent. */
.nick-book__tagline { border-left-color: var(--nick-blue-light); }
.nick-book__tagline--amber { border-left-color: var(--nick-amber); }
.nick-book__tagline--cyan { border-left-color: var(--nick-cyan); }
.nick-book__tagline--purple { border-left-color: var(--nick-purple); }

/* Key themes tab: a simple two-column list rather than filler cards. */
.nick-themes {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

@media (min-width: 640px) {
	.nick-themes {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.nick-themes__item {
	padding: 1.1rem 1.25rem;
	background-color: var(--nick-panel);
	border: 1px solid var(--nick-line);
	border-radius: 0.5rem;
	font-family: var(--nick-font-heading);
	font-size: 1.05rem;
	font-weight: 700;
	color: #fff;
}

/* ------------------------------------------- 14. Block cart: layout polish */

/*
 * The line-items block is a <table> with collapsed borders, so its own padding
 * is ignored and the rows ran flush against the border. Separate the borders
 * and put the inset on the outer cells instead.
 */
.nick-shop table.wc-block-cart-items {
	border-collapse: separate;
	border-spacing: 0;
	padding: 0;
	overflow: hidden;
	background-color: var(--nick-panel);
}

.nick-shop table.wc-block-cart-items th,
.nick-shop table.wc-block-cart-items td {
	border-top: 0;
	border-bottom: 1px solid var(--nick-line);
	vertical-align: top;
}

.nick-shop table.wc-block-cart-items tr:last-child td {
	border-bottom: 0;
}

.nick-shop table.wc-block-cart-items th {
	padding-top: 1.1rem;
	padding-bottom: 1.1rem;
	color: var(--nick-muted);
}

.nick-shop table.wc-block-cart-items td {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.nick-shop table.wc-block-cart-items tr > :first-child {
	padding-left: 1.5rem;
}

.nick-shop table.wc-block-cart-items tr > :last-child {
	padding-right: 1.5rem;
}

.nick-shop .wc-block-cart-item__image {
	width: 6.5rem;
}

.nick-shop .wc-block-cart-item__image img {
	width: 5rem;
	aspect-ratio: 2 / 3;
	object-fit: cover;
}

.nick-shop .wc-block-cart-item__product .wc-block-components-product-name {
	font-size: 1.05rem;
}

.nick-shop .wc-block-cart-item__prices {
	margin: 0.25rem 0;
}

.nick-shop .wc-block-cart-item__quantity {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-top: 0.75rem;
}

.nick-shop .wc-block-cart-item__remove-link:hover {
	color: var(--nick-red);
}

.nick-shop .wc-block-cart-item__total .wc-block-components-formatted-money-amount {
	font-size: 1rem;
}

/* Totals panel. */
.nick-shop .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	font-family: var(--nick-font-space);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #fff;
}

.nick-shop .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.nick-shop .wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount {
	font-size: 1.5rem;
}

.nick-shop .wc-block-cart__submit-button {
	min-height: 3.25rem;
}

/*
 * Express checkout (PayPal) renders grey placeholder boxes while its buttons
 * load, and leaves them behind when they cannot load. Only show the area once
 * a real button or iframe is inside it; PayPal stays available at checkout.
 */
.nick-shop .wc-block-cart__payment-options:not(:has(iframe, button, [role="button"])),
.nick-shop .wc-block-components-express-payment:not(:has(iframe, button, [role="button"])) {
	display: none;
}

.nick-shop .wc-block-components-express-payment-continue-rule {
	color: var(--nick-muted);
	font-family: var(--nick-font-space);
	font-size: 0.6875rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.nick-shop .wc-block-components-express-payment-continue-rule::before,
.nick-shop .wc-block-components-express-payment-continue-rule::after {
	border-color: var(--nick-line);
}

/* Mobile: the table stacks into cards. */
@media (max-width: 699px) {
	.nick-shop .wc-block-components-sidebar {
		margin-top: 1.25rem;
	}

	.nick-shop table.wc-block-cart-items tr > :first-child {
		padding-left: 1rem;
	}

	.nick-shop table.wc-block-cart-items tr > :last-child {
		padding-right: 1rem;
	}
}