/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Description: Child theme for Blocksy
Author: Your Name
Template: blocksy
Version: 1.0.0
*/

#main {
	--theme-button-min-height: var(--action-size-standard);
	--theme-button-padding: var(--space-2) var(--space-4);
}

.home :is(.is-layout-flow, .is-layout-constrained) > *:where(:not(h1, h2, h3, h4, h5, h6)) {
	margin-block-end: 0;
}

.woocommerce-checkout .blockUI.blockOverlay {
	background: transparent !important;
	opacity: 0 !important;
}

.is-layout-constrained > .alignwide {
	max-width: var(--container-max);
	margin-bottom: var(--gap-section);
}

table.shop_table {
	margin-bottom: 0 !important;
}

.home .entry-content {
	display: flex;
	flex-direction: column;
	gap: var(--gap-section);
}

.shop-product-carousel__header .shop-product-carousel__title {
	margin-block-end: 0;
}

.shop-goal-tiles__title {
	margin-block-end: 0;
}

.shop-trust-bar {
	margin-block-end: 0;
}

/* Preserve the classic WooCommerce pickup method and address layout. */
body.woocommerce-checkout
	ul.woocommerce-shipping-methods
	> li:has(> input.shipping_method:is([value='local_pickup'], [value^='local_pickup:'])) {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	align-items: start;
	gap: var(--space-1) 10px;
	min-width: 0;
	padding: 11px var(--space-3) !important;
	margin: 0 0 var(--space-2) !important;
	border: 1px solid #dce4df;
	border-radius: var(--radius-compact);
	background: #fff;
	text-align: left;
}

body.woocommerce-checkout
	ul.woocommerce-shipping-methods
	> li:has(> input.shipping_method:is([value='local_pickup'], [value^='local_pickup:']):checked) {
	border-color: var(--bm24-delivery-accent, var(--theme-palette-color-1, #349477));
	background: #f3faf6;
}

body.woocommerce-checkout
	ul.woocommerce-shipping-methods
	> li
	> input.shipping_method:is([value='local_pickup'], [value^='local_pickup:']) {
	grid-column: 1;
	grid-row: 1;
	align-self: start;
	justify-self: center;
	float: none;
	margin: 0 !important;
}

body.woocommerce-checkout
	ul.woocommerce-shipping-methods
	> li:has(> input.shipping_method:is([value='local_pickup'], [value^='local_pickup:']))
	> label {
	grid-column: 2;
	grid-row: 1;
	display: block !important;
	min-width: 0;
	margin: 0;
	padding: 0;
	color: inherit;
	font-size: var(--fs-sm);
	font-weight: var(--fw-semibold);
	line-height: var(--leading-ui);
	text-align: left;
	overflow-wrap: anywhere;
	cursor: pointer;
}

body.woocommerce-checkout
	ul.woocommerce-shipping-methods
	> li:has(> input.shipping_method:is([value='local_pickup'], [value^='local_pickup:']))
	> label
	.amount {
	float: right;
	margin-inline-start: 10px;
	white-space: nowrap;
	font-weight: var(--fw-semibold);
	font-variant-numeric: tabular-nums;
}

body.woocommerce-checkout
	ul.woocommerce-shipping-methods
	> li:has(> input.shipping_method:is([value='local_pickup'], [value^='local_pickup:']))
	> .bm24-pickup-address {
	grid-column: 2;
	grid-row: 2;
	display: block;
	margin-top: 3px;
	font-size: var(--fs-xs);
	line-height: var(--lh-normal);
	font-weight: var(--fw-regular);
	color: inherit;
	text-align: left;
	overflow-wrap: anywhere;
}

@media (max-width: 689.98px) {
	body.woocommerce-checkout
		ul.woocommerce-shipping-methods
		> li:has(> input.shipping_method:is([value='local_pickup'], [value^='local_pickup:'])) {
		padding: 10px !important;
		column-gap: var(--space-2);
	}

	body.woocommerce-checkout
		ul.woocommerce-shipping-methods
		> li:has(> input.shipping_method:is([value='local_pickup'], [value^='local_pickup:']))
		> label {
		font-size: var(--fs-compact);
	}
}

/* Shared checkbox appearance for the account and classic checkout forms. */
body.woocommerce-checkout form.checkout input:is(#createaccount, #terms, #marketing_consent),
body:is(.woocommerce-account, .woocommerce-checkout) form.woocommerce-form-login .woocommerce-form-login__rememberme > input[type="checkbox"] {
	--top: 0;
	--form-selection-control-border-width: 1px;
	--theme-form-selection-field-initial-color: color-mix(in srgb, var(--theme-palette-color-3) 60%, var(--theme-palette-color-6));
	--theme-form-selection-field-active-color: var(--theme-palette-color-2);
	--theme-form-checkbox-border-radius: var(--radius-xs);
	--outline-offset: var(--focus-offset-tight);
	width: 17px;
	height: 17px;
	margin: 0;
	transition:
		border-color var(--transition-fast),
		background var(--transition-fast);
}

body.woocommerce-checkout form.checkout input:is(#createaccount, #terms, #marketing_consent):not(:checked),
body:is(.woocommerce-account, .woocommerce-checkout) form.woocommerce-form-login .woocommerce-form-login__rememberme > input[type="checkbox"]:not(:checked) {
	background: var(--theme-palette-color-8);
}

body.woocommerce-checkout form.checkout input:is(#createaccount, #terms, #marketing_consent)::before,
body:is(.woocommerce-account, .woocommerce-checkout) form.woocommerce-form-login .woocommerce-form-login__rememberme > input[type="checkbox"]::before {
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0;
	background: var(--theme-palette-color-8);
	transform: none;
	mask: url('assets/icons/check.svg') center / contain no-repeat;
}
