/* Base look for the container */
.c2-mehranzeigen-block {
	position: relative;
}

/* Fade-out hint (optional). Uncomment if you want a gradient hint while clamped.
.c2ma--clamped::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 3em;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}
*/

/* Smooth open/close */
.c2ma--clamped,
.c2ma--expanded {
	transition: max-height .2s ease-in-out;
}

/* Toggle button */
.c2ma__toggle {
	display: inline-block;
	margin-top: .4rem;
	padding: .35rem .65rem;
	font: inherit;
	color: inherit;
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 4px;
	cursor: pointer;
}

/* Allow a tiny safety pad so the last visible line is never clipped.
   You can tune this per theme, but default works well across fonts. */
.c2-mehranzeigen-block { --c2ma-pad: 1px; }

/* Smooth open/close for clamp mode */
.c2ma--clamped,
.c2ma--expanded {
	transition: max-height .2s ease-in-out;
}

/* Manual mode visibility */
.c2ma--manual.c2ma--collapsed > .c2ma__preview { display: block; }
.c2ma--manual.c2ma--collapsed > .c2ma__content { display: none;  }
.c2ma--manual.c2ma--expanded  > .c2ma__preview { display: none;  }
.c2ma--manual.c2ma--expanded  > .c2ma__content { display: block; }

/* Toggle button */
.c2ma__toggle {
	display: inline-block;
	margin-top: .4rem;
	padding: .35rem .65rem;
	font: inherit;
	color: inherit;
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 4px;
	cursor: pointer;
}

/* (Optional) Gentle fade to hide any sub-pixel hint in some browsers:
.c2ma--clamped {
	-webkit-mask-image: linear-gradient(#000, #000 calc(100% - 1px), transparent 100%);
	mask-image: linear-gradient(#000, #000 calc(100% - 1px), transparent 100%);
}
*/

/* Actions row lives INSIDE the block now */
.c2-mehranzeigen-block { --c2ma-pad: 1px; position: relative; }

.c2-mehranzeigen-block > .c2ma__actions {
	display: block;
	margin-top: .4rem;
	/* inherit padding context from the block; no extra spacing */
}

/* Button look (inherits theme typography/colors) */
.c2ma__toggle {
	display: inline-block;
	padding: .35rem .65rem;
	font: inherit;
	color: inherit;
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 4px;
	cursor: pointer;
}

/* Smooth open/close for clamp mode */
.c2ma--clamped,
.c2ma--expanded {
	transition: max-height .2s ease-in-out;
}

/* Manual mode visibility */
.c2ma--manual.c2ma--collapsed > .c2ma__preview { display: block; }
.c2ma--manual.c2ma--collapsed > .c2ma__content { display: none;  }
.c2ma--manual.c2ma--expanded  > .c2ma__preview { display: none;  }
.c2ma--manual.c2ma--expanded  > .c2ma__content { display: block; }