/**
 * Product Description — common widget CSS.
 *
 * @package captain-widgets-kit
 * @since   1.4.0
 */

.captwiki-pdesc {
	position: relative;
}

.captwiki-pdesc__title {
	margin: 0 0 0.6em;
	line-height: 1.25;
}

.captwiki-pdesc__content {
	line-height: 1.7;
	overflow: hidden;
	transition: max-height 0.35s ease;
}

.captwiki-pdesc__content > :first-child {
	margin-top: 0;
}

.captwiki-pdesc__content > :last-child {
	margin-bottom: 0;
}

.captwiki-pdesc__content img {
	max-width: 100%;
	height: auto;
}

.captwiki-pdesc__content ul,
.captwiki-pdesc__content ol {
	padding-left: 1.4em;
}

/* Drop cap. */
.captwiki-pdesc__content.has-dropcap > p:first-of-type::first-letter {
	float: left;
	font-size: 3.2em;
	line-height: 0.8;
	font-weight: 700;
	padding: 4px 10px 0 0;
	margin-top: 4px;
}

/* Expandable clamp — fade overlay while collapsed. */
.captwiki-pdesc--expandable.is-clamped .captwiki-pdesc__content {
	position: relative;
}

.captwiki-pdesc--expandable.is-clamped:not(.is-expanded) .captwiki-pdesc__content::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 64px;
	pointer-events: none;
	background: linear-gradient( to bottom, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 0.95 ) );
}

.captwiki-pdesc__toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 14px;
	padding: 8px 18px;
	border: none;
	border-radius: 6px;
	background: #111827;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.captwiki-pdesc__toggle:hover {
	opacity: 0.88;
}

/* Editor notice. */
.captwiki-pdesc--notice {
	display: block;
	padding: 14px 16px;
	border: 1px dashed #c3c4c7;
	border-radius: 6px;
	background: #f6f7f7;
	color: #50575e;
	text-align: center;
	font-size: 13px;
}

.captwiki-pdesc--notice p {
	margin: 0;
}
