/**
 * MeasureMade — Launch (waitlist) mode (fix round 34, LAUNCH-MODE.md).
 *
 * The launch panel (Sold out label + watch control) the theme prints
 * in the buy area of every product page while launch mode is on,
 * and the My Account "Saved configurations" list. Same tokens as
 * the configurator: system font stack, #1d1d1f ink, white cards on
 * the #f5f5f7 ground, Steppets pink (--measuremade-primary) for
 * brand/selection moments, deep rose for the primary action.
 *
 * The loop "Sold out" badge (.mm-launch-badge) is positioned by the
 * theme's woocommerce.css alongside the sale flash it sits with —
 * loop card chrome belongs to the theme.
 */

.mm-launch-panel {
	--mm-primary: var(--measuremade-primary, #bb5c80);
	--mm-accent: var(--measuremade-action, #9c3d63);
	--mm-accent-dark: var(--measuremade-action-dark, #883556);
	--mm-text: var(--measuremade-text, #1d1d1f);
	--mm-grey: #6e6e73;
	--mm-border: var(--measuremade-border, #d2d2d7);
	display: grid;
	gap: 14px;
	margin-top: 18px;
	color: var(--mm-text);
	font-size: 16px;
	line-height: 1.5;
}

.mm-launch-panel p {
	margin: 0;
}

.mm-launch-soldout-label {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 999px;
	background: var(--mm-text);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.mm-launch-soldout-note,
.mm-launch-note {
	color: var(--mm-grey);
}

/* ---- Watch control ------------------------------------------- */

.mm-watch {
	display: grid;
	gap: 10px;
}

.mm-watch-state {
	margin: 0;
	color: var(--mm-grey);
}

.mm-watch-form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0;
}

.mm-watch-form-guest {
	display: grid;
	justify-items: start;
}

.mm-watch-email-label {
	display: grid;
	gap: 6px;
	font-weight: 600;
}

.mm-watch-email-label input[type="email"] {
	min-height: 44px;
	padding: 10px 14px;
	border: 1px solid var(--mm-border);
	border-radius: 12px;
	font: inherit;
	font-weight: 400;
}

.mm-watch-optin {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: var(--mm-grey);
	cursor: pointer;
}

.mm-watch-button {
	min-height: 48px;
	padding: 12px 24px;
	border: 0;
	border-radius: 999px;
	background: var(--mm-accent);
	color: #fff;
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}

.mm-watch-button:hover,
.mm-watch-button:focus-visible {
	background: var(--mm-accent-dark);
}

.mm-watch-button-off {
	background: transparent;
	color: var(--mm-accent);
	box-shadow: inset 0 0 0 1px var(--mm-border);
}

.mm-watch-button-off:hover,
.mm-watch-button-off:focus-visible {
	background: var(--mm-surface, #f5f5f7);
}

/* ---- My Account: saved configurations ------------------------- */

.mm-saved-configs {
	list-style: none;
	margin: 0 0 24px;
	padding: 0;
	display: grid;
	gap: 14px;
}

.mm-saved-config {
	background: #fff;
	border: 1px solid var(--measuremade-border, #d2d2d7);
	border-radius: 16px;
	padding: 18px 20px;
	line-height: 1.55;
}

.mm-saved-lane {
	font-weight: 600;
	color: var(--measuremade-primary, #bb5c80);
}

.mm-saved-detail,
.mm-saved-measures {
	color: #6e6e73;
	font-size: 14px;
}

.mm-saved-quote {
	color: #6e6e73;
	font-size: 14px;
	font-style: italic;
}

.mm-saved-actions {
	margin-top: 12px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.mm-saved-actions form {
	margin: 0;
}

.mm-saved-config--deleting {
	opacity: .45;
	transition: opacity .3s ease;
}

/* ---- Dog profiles: photo, offer, history (fix round 66) -------
 * Everything here reuses the theme's tokens exactly — white
 * cards, #f5f5f7 ground, hairline #d2d2d7, deep-rose action —
 * the plugin introduces no visual language of its own. */

/* Round crop + hairline ring; the placeholder disc is the
 * same slot in a neutral ground with the dog's initial. */
.mm-dog-photo {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	object-fit: cover;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--measuremade-surface, #f5f5f7);
	box-shadow: 0 0 0 1px var(--measuremade-border, #d2d2d7);
}

.mm-dog-photo--empty {
	color: #6e6e73;
	font-weight: 600;
	font-size: 20px;
}

/* The save-time offer (product panel, cart, endpoint). */
.mm-dog-offer {
	background: #fff;
	border: 1px solid var(--measuremade-border, #d2d2d7);
	border-radius: 20px;
	padding: 18px 20px;
	margin: 16px 0 18px;
	display: grid;
	gap: 10px;
	color: var(--measuremade-text, #1d1d1f);
	line-height: 1.5;
}

/* Inside a saved-configuration card the offer sits on the
 * card's own ground instead of nesting card-in-card. */
.mm-saved-config .mm-dog-offer {
	background: var(--measuremade-surface, #f5f5f7);
	border: none;
	margin-bottom: 2px;
}

.mm-dog-offer p {
	margin: 0;
}

.mm-dog-offer-title {
	font-weight: 600;
}

.mm-dog-offer-note {
	color: #6e6e73;
	font-size: 14px;
}

.mm-dog-offer-form {
	display: grid;
	gap: 10px;
}

.mm-dog-offer-form label {
	display: grid;
	gap: 4px;
	font-size: 14px;
	font-weight: 600;
}

.mm-dog-offer-form input[type="text"] {
	font: inherit;
	font-size: 16px;
	font-weight: 400;
	padding: 11px 12px;
	border: 1px solid var(--measuremade-border, #d2d2d7);
	border-radius: 12px;
	background: #fff;
	color: inherit;
}

.mm-dog-offer-form input[type="file"] {
	font-size: 14px;
	font-weight: 400;
}

.mm-dog-offer-submit,
.mm-dog-offer-yes {
	background: var(--measuremade-action, #9c3d63);
	color: #fff;
	border: 0;
	border-radius: 999px;
	padding: 11px 20px;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	justify-self: start;
}

.mm-dog-offer-submit:hover,
.mm-dog-offer-yes:hover {
	background: var(--measuremade-action-dark, #883556);
}

.mm-dog-offer-no {
	background: transparent;
	color: var(--measuremade-action, #9c3d63);
	border: 0;
	box-shadow: inset 0 0 0 1px var(--measuremade-border, #d2d2d7);
	border-radius: 999px;
	padding: 11px 20px;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

/* My Dogs list: card per dog, history under a hairline. */
.mm-dogs {
	list-style: none;
	margin: 0 0 24px;
	padding: 0;
	display: grid;
	gap: 14px;
}

.mm-dog {
	background: #fff;
	border: 1px solid var(--measuremade-border, #d2d2d7);
	border-radius: 16px;
	padding: 18px 20px;
	line-height: 1.55;
}

.mm-dog-head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 6px;
}

.mm-dog-measures,
.mm-dog-owns {
	color: #6e6e73;
	font-size: 14px;
}

.mm-dog-photo-tools {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}

.mm-dog-photo-upload {
	background: transparent;
	color: var(--measuremade-action, #9c3d63);
	box-shadow: inset 0 0 0 1px var(--measuremade-border, #d2d2d7);
	border-radius: 999px;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.mm-dog-photo-remove {
	background: none;
	border: 0;
	padding: 0;
	color: #6e6e73;
	font: inherit;
	font-size: 14px;
	text-decoration: underline;
	cursor: pointer;
}

.mm-dog-photo-status {
	color: #6e6e73;
	font-size: 14px;
}

.mm-dog-history {
	margin-top: 14px;
	border-top: 1px solid var(--measuremade-border, #d2d2d7);
	padding-top: 10px;
}

.mm-dog-history h5 {
	margin: 0 0 4px;
	font-size: 13px;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #6e6e73;
}

.mm-dog-history ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mm-dog-history-entry {
	padding: 8px 0;
}

.mm-dog-history-entry + .mm-dog-history-entry {
	border-top: 1px solid #e8e8ed;
}

.mm-dog-history-date {
	font-weight: 600;
}

.mm-dog-make-default {
	background: none;
	border: 0;
	padding: 0;
	color: var(--measuremade-action, #9c3d63);
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

/* Per-dog purchases (0.2.29 revision): the history block's
   system — same hairline-topped section, quiet type, one
   order per hairline-separated row. */
.mm-dog-orders {
	margin-top: 14px;
	border-top: 1px solid var(--measuremade-border, #d2d2d7);
	padding-top: 10px;
}

.mm-dog-orders h5 {
	margin: 0 0 4px;
	font-size: 13px;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #6e6e73;
}

.mm-dog-order {
	padding: 8px 0;
}

.mm-dog-order + .mm-dog-order {
	border-top: 1px solid #e8e8ed;
}

.mm-dog-order-num {
	font-weight: 600;
	color: inherit;
}

.mm-dog-order-date,
.mm-dog-order-line,
.mm-dog-order-meta {
	color: #6e6e73;
	font-size: 14px;
}