/* Odrin compatibility for WooCommerce Cart, Checkout, Mini-Cart, and product blocks. */
.wc-block-cart,
.wc-block-checkout,
.wc-block-components-sidebar-layout,
.wp-block-woocommerce-product-collection {
	--odrin-block-border: rgba(0, 0, 0, 0.14);
	--odrin-block-radius: 2px;
	color: inherit;
	font-family: inherit;
}

.wc-block-components-sidebar,
.wc-block-components-totals-wrapper,
.wc-block-cart-items,
.wc-block-checkout__form,
.wc-block-mini-cart__drawer .components-modal__content {
	border-color: var(--odrin-block-border);
	border-radius: var(--odrin-block-radius);
}

.wc-block-components-button,
.wc-block-components-checkout-place-order-button,
.wp-block-button__link {
	border-radius: 0;
	font-family: inherit;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.wc-block-components-button:focus-visible,
.wc-block-components-quantity-selector__button:focus-visible,
.wc-block-components-address-card__edit:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}

.wc-block-components-form .wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-block-components-textarea {
	border: 1px solid var(--odrin-block-border);
	border-radius: var(--odrin-block-radius);
	font: inherit;
}

.wc-block-components-product-name,
.wc-block-grid__product-title,
.wc-block-components-order-summary-item__description {
	font-family: inherit;
}

.wc-block-mini-cart__badge {
	min-height: 1.45em;
	min-width: 1.45em;
}

[dir="rtl"] .wc-block-components-sidebar-layout .wc-block-components-main {
	padding-left: 4.5283018868%;
	padding-right: 0;
}

[dir="rtl"] .wc-block-components-sidebar-layout .wc-block-components-sidebar {
	padding-left: 0;
	padding-right: 4.5283018868%;
}

@media (max-width: 781px) {
	.wc-block-components-sidebar-layout .wc-block-components-main,
	[dir="rtl"] .wc-block-components-sidebar-layout .wc-block-components-main,
	.wc-block-components-sidebar-layout .wc-block-components-sidebar,
	[dir="rtl"] .wc-block-components-sidebar-layout .wc-block-components-sidebar {
		padding-left: 0;
		padding-right: 0;
	}
}

