/* C5 destasher path: the acknowledgment panel and the entry button.
   Rendered inside the WooCommerce account content area, so it inherits the
   theme's typography and only sets what it needs to. */

.mash-dl-panel {
	max-width: 560px;
	padding: 28px;
	background: #ffffff;
	border: 1px solid #e6e2da;
	border-radius: 12px;
	box-sizing: border-box;
}

.mash-dl-panel-title {
	margin: 0 0 14px;
	font-size: 22px;
	line-height: 1.3;
	color: #1e3a5f; /* navy */
}

.mash-dl-panel-body {
	margin: 0 0 16px;
	font-size: 15px;
	line-height: 1.6;
	color: #333333;
}

/* Read-only summary of what the account already holds */

.mash-dl-summary {
	margin: 0 0 12px;
	padding: 16px 18px;
	list-style: none;
	background: #faf8f3; /* cream */
	border-radius: 8px;
}

.mash-dl-summary li {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 6px 0;
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
}

.mash-dl-summary li + li {
	border-top: 1px solid #ece7dc;
}

.mash-dl-summary-label {
	color: #6b7280;
}

.mash-dl-summary-value {
	font-weight: 600;
	color: #1e3a5f;
	text-align: right;
}

.mash-dl-hint {
	margin: 0 0 22px;
	font-size: 13px;
	line-height: 1.5;
	color: #6b7280;
}

/* Agreement acknowledgment */

.mash-dl-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 22px;
	font-size: 14px;
	line-height: 1.5;
	color: #333333;
	cursor: pointer;
}

.mash-dl-checkbox input {
	margin-top: 3px;
	flex: 0 0 auto;
}

.mash-dl-checkbox a {
	color: #1e3a5f;
	text-decoration: underline;
}

/* Shared button */

.mash-dl-button {
	display: inline-block;
	padding: 14px 24px;
	border: none;
	border-radius: 8px;
	background: #1e3a5f; /* navy */
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.15s ease;
}

.mash-dl-button:hover,
.mash-dl-button:focus {
	background: #16304e;
	color: #ffffff;
	text-decoration: none;
}

/* Entry point on the User Account dashboard.
   Sits in the same position as Dokan's own dashboard button, so it stays
   flush with the surrounding account content rather than fencing itself off. */

.mash-dl-start-intro {
	margin: 0 0 12px;
	font-size: 15px;
	line-height: 1.6;
	color: #333333;
}

.mash-dl-start-button {
	padding: 12px 22px;
	font-size: 15px;
}

/* Inline notice, used for the unconfirmed-email prompt */

.mash-dl-notice {
	margin: 0 0 20px;
	padding: 14px 16px;
	background: #fcf3e3;
	border-left: 4px solid #d98b00;
	border-radius: 4px;
}

.mash-dl-notice p {
	margin: 0 0 8px;
	font-size: 14px;
	line-height: 1.55;
	color: #4a3c1f;
}

.mash-dl-notice p:last-child {
	margin-bottom: 0;
}

.mash-dl-notice a {
	color: #1e3a5f;
	text-decoration: underline;
}