/* Talasvenska: site-wide details the Lovable design relies on that Elementor has no control for. */

html { scroll-behavior: smooth; }
/* Rotated shapes and floating fragments reach past the edge on purpose; never let them scroll the page sideways.
   clip (not hidden) keeps position: sticky working. */
body { overflow-x: clip; }
/* Add the class tv-clip-x to a section whose decoration reaches past the screen edge: clips sideways only. */
.e-con.tv-clip-x { overflow-x: clip; }
h1, h2, h3, p { text-wrap: pretty; }
a, button { -webkit-tap-highlight-color: transparent; }

/*
 * Small brand square in front of a heading or text: add the CSS class "tv-frag-before" to the widget
 * (Advanced → CSS Classes). Colour variants: tv-frag-bright, tv-frag-steel, tv-frag-softgold.
 */
.tv-frag-before .elementor-heading-title::before,
.tv-frag-before .elementor-widget-container > p:first-child::before {
	content: "";
	display: inline-block;
	width: .7rem;
	height: .7rem;
	margin-right: .75rem;
	border-radius: .24rem;
	background: var(--tv-frag-color, var(--e-global-color-accent));
	transform: rotate(-8deg);
	vertical-align: .05em;
}
.tv-frag-bright { --tv-frag-color: var(--e-global-color-b1a8e7f, #44a8e7); }
.tv-frag-steel { --tv-frag-color: var(--e-global-color-secondary); }
.tv-frag-softgold { --tv-frag-color: var(--e-global-color-722ed5d); }

/* Hover lift used on the gold call-to-action buttons: add the class "tv-lift" to a Button widget. */
.tv-lift .elementor-button { transition: background-color .3s ease, transform .3s ease; }
.tv-lift .elementor-button:hover { transform: translateY(-2px); }

/* Icon List helpers (Advanced → CSS Classes on the Icon List widget). */
/* tv-underline-links: links underlined with a bright 1px line, as in the legal table of contents. */
.tv-underline-links .elementor-icon-list-item > a { display: inline-flex; width: fit-content; }
.tv-underline-links .elementor-icon-list-text { border-bottom: 1px solid var(--e-global-color-b1a8e7f, #44a8e7); }
/* tv-arrow-links: text left, arrow right, thin divider under each row (404 and "hitta vidare" lists). */
.tv-arrow-links .elementor-icon-list-item > a { display: flex; max-width: 23rem; flex-direction: row-reverse; justify-content: space-between; border-bottom: 1px solid color-mix(in oklab, var(--e-global-color-primary) 12%, transparent); padding: .8rem 0; }
.tv-arrow-links .elementor-icon-list-icon { padding: 0; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}