/* M14 (z8udzkgngq): button labels that ran past their pill.
   Loaded after button-labels-g38.css (includes/button-labels-g38.php). Each rule
   is scoped to the one button that overflowed; a two-line wrap that stays inside
   the pill at 425px and below is accepted (G43). text-wrap: balance is a
   progressive enhancement (Chrome 114, Firefox 121, Safari 17.5); without it the
   label still wraps inside the pill. */

/* Home "Notify me" card CTA (DE "Benachrichtigen", NL "Houd me op de hoogte").
   The label was nowrap and the pill is 112px at 320, 132 at 360, 140 at 375, 158
   at 412, 165 at 425, so the text ran past the edge. Below 480px: 11px label (the
   floor Lan accepted for M3), no letter-spacing, 2px side padding, and the label
   breaks on whole words only. DE "Benachrichtigen" is one 133px word (Chromium,
   131.8 Firefox/WebKit), so it sits on one line from 367px up; below that the pill
   is narrower than the word (108px at 320, 128px at 360) and it may break inside
   the word (known limitation, lead decision per Lan's standing rule 31 Oct 2026). */
@media (max-width: 479.98px) {
	html body .bhp-page .bpc-card .bpc-cta.bpc-cta--notify {
		padding-inline: 2px !important;
		letter-spacing: 0 !important;
	}

	html body .bhp-page .bpc-card .bpc-cta.bpc-cta--notify .bpc-cta__label {
		min-width: 0;
		font-size: 11px;
		white-space: normal;
		overflow-wrap: normal;
		word-break: normal;
		hyphens: manual;
		text-align: center;
		text-wrap: balance;
	}
}

@media (max-width: 366.98px) {
	html body .bhp-page .bpc-card .bpc-cta.bpc-cta--notify .bpc-cta__label {
		overflow-wrap: anywhere;
	}
}

/* Home Complete Nutrition CTA, FR "Achetez Super-aliments et céréales anciennes"
   and ES "Compra Superalimentos y cereales antiguos". At 11px the label is about
   365px (FR) and 353px (ES), so the pill needs about 380px inside, which a 468px
   viewport gives. Lan's ruling, 31 Oct 2026: up to 467px it wraps to two lines
   inside the pill, from 468px it holds one line, 11px throughout, nothing past the
   pill. This replaces the earlier 421px rule. */
@media (max-width: 467.98px) {
	html:lang(fr) body:not(.bc-floor-a):not(.bc-floor-b):not(.bc-floor-c) .bhp-page .bhp-nutrition-card .bhp-nutrition-cta a.wp-block-button__link,
	html:lang(es) body:not(.bc-floor-a):not(.bc-floor-b):not(.bc-floor-c) .bhp-page .bhp-nutrition-card .bhp-nutrition-cta a.wp-block-button__link {
		white-space: normal !important;
		text-wrap: balance;
	}
}

@media (min-width: 468px) and (max-width: 480px) {
	html:lang(fr) body:not(.bc-floor-a):not(.bc-floor-b):not(.bc-floor-c) .bhp-page .bhp-nutrition-card .bhp-nutrition-cta a.wp-block-button__link,
	html:lang(es) body:not(.bc-floor-a):not(.bc-floor-b):not(.bc-floor-c) .bhp-page .bhp-nutrition-card .bhp-nutrition-cta a.wp-block-button__link {
		white-space: nowrap;
	}
}

/* S&AG portion CTA ("Get your dog's plan" and its translations): 10px label in a
   fixed 48px pill, which was 4 lines at 320 and clipped. 16px, pill grows to fit
   the label (two lines at most, 58px, from 320 to 425; one line from 768). */
html body.single-product .bpp-portion__cta {
	height: auto;
	min-height: 48px;
	padding: 8px 16px;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}

html body.single-product .bpp-portion__cta span {
	font-size: inherit;
	line-height: inherit;
	text-wrap: balance;
}

/* S&AG subscribe CTA: EN "Start a Subscription" is nowrap and ran 17.5px past
   the 200px pill at 320. Wrap it below 360px. */
@media (max-width: 359.98px) {
	html:lang(en) body.single-product a.bppm-subscribe__cta {
		white-space: normal;
		text-wrap: balance;
	}
}