/* SävCon Citatmodul – frontend-styling
   Palett: #1d1d1d (mörkgrå), #fbfbfb (vit), #54058f (lila), #ffcfff (hover/accent)
   Typsnitt: Inter (matchar övriga hemsidan) */

.savcon-citat {
	position: relative;
	width: 100%;
	margin: 32px 0;
	padding: 32px 32px 28px;
	background: #fbfbfb;
	border: 1px solid rgba(29, 29, 29, 0.08);
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(29, 29, 29, 0.06);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	box-sizing: border-box;
}

.savcon-citat--left {
	margin-left: 0;
}

.savcon-citat--right {
	margin-right: 0;
}

.savcon-citat__quote-mark {
	position: absolute;
	top: 4px;
	left: 24px;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 96px;
	line-height: 1;
	color: #54058f;
	opacity: 0.15;
	pointer-events: none;
	user-select: none;
}

.savcon-citat__text {
	position: relative;
	margin: 0 0 20px;
	padding: 0;
	font-size: 1.15em;
	font-style: italic;
	line-height: 1.6;
	color: #1d1d1d;
	border: none;
}

.savcon-citat__text p {
	margin: 0 0 0.6em;
}

.savcon-citat__text p:last-child {
	margin-bottom: 0;
}

.savcon-citat__author {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
}

.savcon-citat__avatar {
	flex: 0 0 auto;
	width: 68px;
	height: 68px;
	overflow: hidden;
	background: #e5e5e5;

	/* Rund (nuvarande val). Byt till hexagon genom att kommentera bort
	   border-radius-raden nedan och avkommentera clip-path-raden istället. */
	border-radius: 50%;
	/* clip-path: polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0% 50%); */
}

.savcon-citat__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.savcon-citat__meta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	line-height: 1.3;
}

.savcon-citat__namn {
	font-weight: 700;
	color: #1d1d1d;
}

.savcon-citat__roll {
	font-size: 0.9em;
	color: #1d1d1d;
	opacity: 0.55;
}