/* Sondra overrides for shared templates/components */

/* Breadcrumb links in brand colour (SP keeps the default link colour). Same on hover: ACSS
   `body a:where(...):hover` would otherwise win and switch to --base; hover only underlines (breadcrumbs.css) */
.breadcrumb a,
.breadcrumb a:is(:hover, :focus-visible) {
	color: var(--primary);
}

/* Minimal template hero (single-tjanster-minimal.twig): Sondra shape instead of the SP one.
   Doubled class: this file loads before tjanster-minimal.css, so it needs the higher specificity. */
.page-hero--minimal.page-hero--minimal {
	background-image: url("../../../media/icons/sondra-funktion-bg.svg");
}

/* News feed (post-feed-small-item.twig): category tags as filled chips, rounded image */
.nyheter-feed__categories a {
	display: inline-block;
	padding: 2px 8px;
	font-size: 1.2rem;
	background: var(--primary);
	color: var(--white);
	transition: background-color 0.2s ease-out;
}
.nyheter-feed__categories a:is(:hover, :focus-visible) {
	background: var(--primary-ultra-dark);
	color: var(--white);
}
/* Chips have no underline (overrides the global a.underline-hover) */
.nyheter-feed__categories a.underline-hover {
	text-decoration-line: none !important;
}
.nyheter-feed__item .nyheter-feed__image {
	border-radius: var(--radius-s);
}
.nyheter-feed__item .nyheter-feed__image,
.nyheter-feed__item .nyheter-feed__image img {
	aspect-ratio: 508 / 339;
}

/* FAQ icon (faq-item block + faq-section.twig): SVG plus instead of the pseudo-element lines,
   vertical line fades out when open. Doubled class: wins over faq-item.css whichever loads first. */
.faq-item__icon.faq-item__icon {
	color: var(--primary-ultra-dark);
}
.faq-item__icon.faq-item__icon::before,
.faq-item__icon.faq-item__icon::after {
	content: none;
}
.faq-item__icon.faq-item__icon svg {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.faq-item__icon-vertical {
	transition: opacity 0.35s ease;
}
.faq-item__trigger[aria-expanded="true"] .faq-item__icon-vertical {
	opacity: 0;
}