/**
 * Restricted-product notice (single product page).
 *
 * Layout-only. The notice itself is a native `woocommerce-info` box and the
 * buttons carry WooCommerce/block-theme button classes, so all colour, border
 * and type come from the active theme — nothing here sets them.
 */
/*
 * Hide the theme's own add-to-cart form on a restricted product. Removing the
 * standard priority-30 action misses themes that render the whole summary from
 * a single callback (Astra), so this is the reliable half.
 *
 * `body` + !important on purpose: a theme rule of equal specificity that loads
 * after this file would otherwise win the tie.
 */
body.kohper-b2b-restricted-product div.product form.cart,
body.kohper-b2b-restricted-product div.product form.variations_form {
	display: none !important;
}

/*
 * The notice draws its own icon (an inline SVG in the template) instead of
 * WooCommerce's ::before, which pulls a glyph from the bundled `WooCommerce`
 * icon font — one more thing that has to load and resolve on every theme, and
 * which rendered as an empty box in the wild. Suppress the font glyph so the
 * two can't both appear, and sit the SVG exactly where WooCommerce puts its
 * icon so the notice still reads as a native one.
 *
 * Compounded with .woocommerce-info so these outrank WooCommerce's own
 * single-class rules whichever stylesheet loads last. The gutter is set here
 * rather than inherited: WooCommerce reserves 3.5em for its icon but themes
 * routinely override that padding, and a smaller value lets the icon run into
 * the heading.
 */
.woocommerce-info.kohper-b2b-restricted-notice::before {
	display: none;
}

.woocommerce-info.kohper-b2b-restricted-notice {
	position: relative;
	padding-left: 3.25em;
}

.kohper-b2b-restricted-notice__icon {
	position: absolute;
	top: 1.05em;
	left: 1.15em;
	display: inline-flex;
	width: 1.15em;
	height: 1.15em;
}

.kohper-b2b-restricted-notice__icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.kohper-b2b-restricted-notice__heading {
	display: block;
	font-size: 1.05em;
}

.kohper-b2b-restricted-notice__message {
	display: block;
	margin-top: 0.35em;
}

.kohper-b2b-restricted-notice__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 1em;
}

/* WooCommerce floats buttons inside its notice boxes; these sit on their own
   row instead, so the float would pull them out of it. */
.kohper-b2b-restricted-notice__actions > a {
	float: none;
	margin: 0;
}