/**
 * [pp_quick_ship_callout] — Quick Ship promotion box.
 *
 * Matched to the Space Estimator box in the Indiv Product Template, measured from the
 * rendered page: 2px solid #ffb92d border, 8px radius, 16px padding, 16px flex gap, and
 * an 18px/600 #0e141b heading. The orange is the same #ffb92d as the Quick Ship badge, and
 * the flag chip carries the box's own 8px radius on all four corners.
 *
 * Deliberately NOT carrying the Space Estimator box's hidden-on-mobile behavior — stock
 * availability is worth more on a phone, not less.
 *
 * The box-shadow is the Space Estimator box's own, measured: 2px 2px 4px rgba(30,42,56,.2).
 *
 * The text rule is scoped through its parent on purpose. The theme gives <p> a 16px bottom
 * margin, and under align-items:center that margin is part of the box being centered, which
 * pushed the sentence 8px above the flag. A bare .pp-quick-ship-callout__text loses to it.
 *
 * Enqueued conditionally by the shortcode, only when the box actually renders.
 */

.pp-quick-ship-callout {
	display: flex;
	align-items: center;
	gap: 16px;
	border: 2px solid #ffb92d;
	border-radius: 8px;
	padding: 16px;
	margin: 0 0 20px;
	box-shadow: 2px 2px 4px 0 rgba(30, 42, 56, 0.2);
}

.pp-quick-ship-callout__flag {
	flex: 0 0 auto;
	background: #ffb92d;
	color: #0e141b;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.02em;
	padding: 8px 12px;
	border-radius: 8px;
	white-space: nowrap;
}

.pp-quick-ship-callout .pp-quick-ship-callout__text {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.6;
	color: #0e141b;
}

@media (max-width: 480px) {
	.pp-quick-ship-callout {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}
}