.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1039 .elementor-element.elementor-element-8ea105e{width:var( --container-widget-width, 889px );max-width:889px;--container-widget-width:889px;--container-widget-flex-grow:0;font-family:"Google Sans Flex", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1039 .elementor-element.elementor-element-e703c8f{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;color:#000000;font-family:"Google Sans Flex", Sans-serif;font-weight:400;}@media(max-width:767px){.elementor-1039 .elementor-element.elementor-element-8ea105e{font-size:16px;}}/* Start custom CSS for breadcrumbs, class: .elementor-element-c6af541 *//*
 * Promas – Yoasts brödsmulor i Promas stil (mörk bakgrund som standard)
 * WPCode: Lägg till snippet → CSS Snippet → Plats: Site Wide Header.
 *
 * Gäller automatiskt för Elementor Pros widget Brödsmulor (#breadcrumbs).
 * Med en Shortcode-widget och [wpseo_breadcrumb]: ge widgeten CSS-klassen
 * promas-brodsmulor (Avancerat → CSS-klasser).
 * Ljus bakgrund: lägg även till klassen promas-brodsmulor--ljus.
 *
 * Yoasts avgränsare (» eller vad som står i inställningarna) döljs och
 * ersätts med en pil, så den inställningen spelar ingen roll.
 */

:is(#breadcrumbs, .promas-brodsmulor) {
	--pbs-nu: #fff;
	--pbs-lank: rgba(255, 255, 255, .8);
	--pbs-linje: rgba(255, 255, 255, .5);
	--pbs-pil: rgba(255, 255, 255, .55);
	--pbs-mellan: 16px;
	--pbs-storlek: 16px;
	margin: 0;
	padding: 0;
	font-family: 'Google Sans Flex', 'Google Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	font-size: 0;      /* döljer Yoasts avgränsartext mellan länkarna */
	line-height: 0;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0;
	text-transform: none;
	color: var(--pbs-nu);
}

.promas-brodsmulor--ljus:is(#breadcrumbs, .promas-brodsmulor),
.promas-brodsmulor--ljus :is(#breadcrumbs, .promas-brodsmulor) {
	--pbs-nu: #003A34;
	--pbs-lank: rgba(0, 58, 52, .72);
	--pbs-linje: rgba(0, 58, 52, .4);
	--pbs-pil: rgba(0, 58, 52, .38);
}

/* Yoasts yttre span: en rad som bryts mellan stegen vid behov */
:is(#breadcrumbs, .promas-brodsmulor) span:has(> span) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	row-gap: 4px;
}

/* Varje steg */
:is(#breadcrumbs, .promas-brodsmulor) span > span {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	max-width: 100%;
	font-size: var(--pbs-storlek);
	line-height: 1.5;
	color: var(--pbs-nu);
}

/* Pilen efter varje steg utom det sista */
:is(#breadcrumbs, .promas-brodsmulor) span > span:not(:last-child)::after {
	content: "";
	flex: none;
	width: 8px;
	height: 16px;
	margin: 0 var(--pbs-mellan);
	background: var(--pbs-pil);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath d='M1 1 7 8 1 15' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath d='M1 1 7 8 1 15' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Länkarna. Id:t i selektorn slår temats och kitets länkfärger. */
:is(#breadcrumbs, .promas-brodsmulor) a,
:is(#breadcrumbs, .promas-brodsmulor) a:link,
:is(#breadcrumbs, .promas-brodsmulor) a:visited {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	font: inherit;
	color: var(--pbs-lank);
	text-decoration: underline;
	text-decoration-color: var(--pbs-linje);
	text-decoration-thickness: 1.5px;
	text-underline-offset: .3em;
	white-space: nowrap;
	transition: color .2s ease, text-decoration-color .2s ease;
}

:is(#breadcrumbs, .promas-brodsmulor) a:hover,
:is(#breadcrumbs, .promas-brodsmulor) a:focus-visible {
	color: var(--pbs-nu);
	text-decoration-color: currentColor;
}

:is(#breadcrumbs, .promas-brodsmulor) a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 2px;
}

/* Sidan man står på: en rad, långa rubriker kortas med … */
:is(#breadcrumbs, .promas-brodsmulor) .breadcrumb_last {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}

/* Om "Fetstil på sista sidan" är påslagen i Yoast */
:is(#breadcrumbs, .promas-brodsmulor) .breadcrumb_last strong {
	font-weight: inherit;
}

@media (max-width: 767px) {
	:is(#breadcrumbs, .promas-brodsmulor) {
		--pbs-mellan: 12px;
		--pbs-storlek: 15px;
	}
}

@media (prefers-reduced-motion: reduce) {
	:is(#breadcrumbs, .promas-brodsmulor) a {
		transition: none;
	}
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   Promas – inläggsinnehåll (Post Content + ingress)
   Webbplatsinställningar → Anpassad CSS
   ========================================================= */


/* ---------- Rubriker ---------- */

/* Fetstil från Gutenberg ignoreras i rubriker */
.elementor-widget-theme-post-content :is(h1, h2, h3, h4, h5, h6) :is(strong, b) {
	font-weight: inherit;
}

/* Luft mellan sektioner (gäller inte rubriker inne i citat) */
.elementor-widget-theme-post-content h2:not(:first-child, blockquote *) {
	margin-top: 64px;
}

.elementor-widget-theme-post-content h3:not(:first-child, blockquote *) {
	margin-top: 40px;
}

.elementor-widget-theme-post-content :is(h2, h3, h4) {
	margin-bottom: 16px;
}


/* ---------- Stycken och listor ---------- */

.elementor-widget-theme-post-content :is(p, ul, ol) {
	margin-top: 0;
	margin-bottom: 24px;
}

.elementor-widget-theme-post-content :is(p, ul, ol):last-child {
	margin-bottom: 0;
}

.elementor-widget-theme-post-content li + li {
	margin-top: 8px;
}

.elementor-widget-theme-post-content li > :is(ul, ol) {
	margin: 8px 0 0;
}


/* ---------- Länkar ---------- */

:is(.elementor-widget-theme-post-content, .promas-ingress) a:not(.wp-block-button__link, :has(img)) {
	color: #003A34;
	text-decoration: none;
	background-image:
		linear-gradient(currentColor, currentColor),
		linear-gradient(rgba(0, 58, 52, 0.3), rgba(0, 58, 52, 0.3));
	background-size: 0% 2px, 100% 1px;
	background-position: 0 100%, 0 100%;
	background-repeat: no-repeat;
	padding-bottom: 2px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transition: background-size 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

:is(.elementor-widget-theme-post-content, .promas-ingress) a:not(.wp-block-button__link, :has(img)):is(:hover, :focus-visible) {
	color: #003A34;
	background-size: 100% 2px, 100% 1px;
}

.promas-ingress p:last-child {
	margin-bottom: 0;
}


/* ---------- Citat ---------- */

.elementor-widget-theme-post-content blockquote {
	position: relative;
	margin: 48px 0;
	padding: 40px 48px 40px 96px;
	border: none;
	border-radius: 16px;
	background: rgba(0, 58, 52, 0.06);
	color: #003A34;
	font-size: 24px;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: -0.01em;
	text-wrap: balance;
}

.elementor-widget-theme-post-content blockquote::before {
	content: "”";
	position: absolute;
	top: 28px;
	left: 32px;
	font-size: 96px;
	line-height: 1;
	color: #003A34;
	opacity: 0.35;
	pointer-events: none;
}

/* Stycken och rubriker inne i citat ser ut som citattext */
.elementor-widget-theme-post-content blockquote :is(p, h1, h2, h3, h4, h5, h6) {
	margin: 0 0 16px;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}

.elementor-widget-theme-post-content blockquote :is(p, h1, h2, h3, h4, h5, h6):last-child {
	margin-bottom: 0;
}

.elementor-widget-theme-post-content blockquote cite {
	display: block;
	margin-top: 20px;
	font-size: 15px;
	font-style: normal;
	letter-spacing: 0;
	opacity: 0.75;
}

.elementor-widget-theme-post-content blockquote cite::before {
	content: "– ";
}


/* ---------- Bilder ---------- */

.elementor-widget-theme-post-content img {
	max-height: 560px;
	object-fit: cover;
	object-position: center;
	border-radius: 8px;
}

/* Klassen "no-crop" på ett bildblock stänger av maxhöjden */
.elementor-widget-theme-post-content .no-crop img {
	max-height: none;
}


/* ---------- Tablet (≤1024px) ---------- */

@media (max-width: 1024px) {
	.elementor-widget-theme-post-content h2:not(:first-child, blockquote *) {
		margin-top: 52px;
	}

	.elementor-widget-theme-post-content h3:not(:first-child, blockquote *) {
		margin-top: 34px;
	}

	.elementor-widget-theme-post-content blockquote {
		margin: 40px 0;
		padding: 36px 40px 36px 84px;
		font-size: 22px;
	}

	.elementor-widget-theme-post-content blockquote::before {
		top: 24px;
		left: 26px;
		font-size: 84px;
	}

	.elementor-widget-theme-post-content img {
		max-height: 480px;
	}
}


/* ---------- Mobil (≤767px) ---------- */

@media (max-width: 767px) {
	.elementor-widget-theme-post-content h2:not(:first-child, blockquote *) {
		margin-top: 40px;
	}

	.elementor-widget-theme-post-content h3:not(:first-child, blockquote *) {
		margin-top: 28px;
	}

	.elementor-widget-theme-post-content :is(p, ul, ol) {
		margin-bottom: 20px;
	}

	.elementor-widget-theme-post-content :is(p, ul, ol):last-child {
		margin-bottom: 0;
	}

	.elementor-widget-theme-post-content blockquote {
		margin: 32px 0;
		padding: 64px 24px 28px;
		border-radius: 12px;
		font-size: 20px;
	}

	.elementor-widget-theme-post-content blockquote::before {
		top: 14px;
		left: 22px;
		font-size: 72px;
	}

	.elementor-widget-theme-post-content img {
		max-height: 380px;
	}
}


/* ---------- Reducerad rörelse ---------- */

@media (prefers-reduced-motion: reduce) {
	:is(.elementor-widget-theme-post-content, .promas-ingress) a:not(.wp-block-button__link, :has(img)) {
		transition: none;
	}
}/* End custom CSS */