/*
 * Формы магазина: корзина, чекаут, аккаунт.
 *
 * Эти страницы рисует WooCommerce, они не проходят через контентный шаблон, поэтому наши правила
 * до них не доставали. Замер показал на них чужие величины: поля и кнопки высотой 13, 14, 16, 26,
 * 40 и 44 пикселя, радиусы 0 и 3 - при том что весь остальной сайт живёт на высоте 48 и наших двух
 * радиусах. Здесь эти страницы приводятся к той же системе.
 *
 * Радиокнопки и флажки не трогаются: у них круглая форма по смыслу, а не по недосмотру.
 */

/* The fields and the buttons of these pages are the site's fields and buttons: controls.css lists
   WooCommerce's own markup under the same roles, so nothing about their look is written here. What
   is left below belongs to these pages alone. */

/* Заголовки разделов этих страниц шли по своей шкале - 15px в корзине против 18px на чекауте.
   Одна шкала: та же, что на страницах контента. */
.woocommerce-cart .woocommerce h2,
.woocommerce-checkout .woocommerce h2,
.woocommerce-account .woocommerce h2 {
	margin-block: var(--akem-space-5) var(--akem-space-2);
	font-size: var(--akem-size-title);
	line-height: var(--akem-leading-tight);
	color: var(--akem-ink);
}

.woocommerce-cart .woocommerce h3,
.woocommerce-checkout .woocommerce h3,
.woocommerce-account .woocommerce h3 {
	margin-block: var(--akem-space-4) var(--akem-space-2);
	font-size: 1.125rem;
	line-height: var(--akem-leading-tight);
	color: var(--akem-ink);
}

/* Поле количества в строке корзины приходит со своей высотой 40. Радиус здесь не задаётся: он идёт
   из переменной темы в tokens.css, иначе правило Blocksy всё равно оказывается сильнее. */
.woocommerce-cart .woocommerce div.quantity,
.woocommerce-cart .woocommerce div.quantity input.qty,
.woocommerce-cart .woocommerce div.quantity input[type="number"] {
	height: var(--akem-control-height);
	min-height: var(--akem-control-height);
}


/* Cart page repairs, found by looking at it on 24.09 -------------------------- */

/* The proceed button is a filled pill, and Blocksy underlines it because it is a link. A filled
   control with an underline through its label reads as broken. */
.woocommerce a.checkout-button,
.woocommerce .wc-proceed-to-checkout a.button {
	text-decoration: none;
	white-space: nowrap;
}

/* The thumbnail cell holds its width while there is nothing to put in it, so the row does not
   rearrange itself the day photographs arrive. Same reserved surface as everywhere else, and it
   goes back to being a plain cell the moment the cell has an image in it. */
.woocommerce-cart table.cart td.product-thumbnail:not(:has(img)) {
	position: relative;
}

.woocommerce-cart table.cart td.product-thumbnail:not(:has(img))::before {
	content: "";
	display: block;
	width: 72px;
	aspect-ratio: 1 / 1;
	background: var(--akem-well);
	border-radius: var(--akem-radius);
}