/**
 * Single Product Short Description — in-place expand/collapse styles.
 *
 * Used by the [nadovi_short_desc] shortcode rendered by
 * NadoviTools\Core\Single_Product\Short_Description.
 *
 * @package NadoviTools\Core
 */

.nadovi-short-desc {
	margin: 1em 0 0.75em;
}

/* Collapsed: clamp content to ~6 lines with an inline gradient mask. */
.nadovi-short-desc[data-collapsed="1"] .nadovi-short-desc__content {
	display: -webkit-box;
	-webkit-line-clamp: 6;
	line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	position: relative;
	color: var(--wp--preset--color--charcoal, #333);
	font-size: 0.95rem;
	line-height: 1.5;
}

/* Expanded: remove clamp, full text visible. */
.nadovi-short-desc[data-collapsed="0"] .nadovi-short-desc__content {
	display: block;
	color: var(--wp--preset--color--charcoal, #333);
	font-size: 0.95rem;
	line-height: 1.5;
}

/* Tighten paragraph spacing inside the description so collapse/expand feels uniform. */
.nadovi-short-desc__content p {
	margin: 0 0 0.5em;
}
.nadovi-short-desc__content p:last-child {
	margin-bottom: 0;
}

/* Toggle button — rendered as a text link, not a heavy CTA button. */
.nadovi-short-desc__toggle {
	margin-top: 0.5em;
	padding: 0;
	background: none;
	border: 0;
	cursor: pointer;
	color: var(--wp--preset--color--primary, #c8232c);
	font-weight: 600;
	text-decoration: underline;
	font-size: 0.95rem;
}

.nadovi-short-desc__toggle:hover,
.nadovi-short-desc__toggle:focus-visible {
	text-decoration: none;
	outline: none;
}