/*
 * Dekorativa element som medvetet sticker ut över kanten (roterade blobbar i
 * case-puffarna, bakgrundsvideo, motion-effekter) ska klippas vid fönsterkanten
 * i stället för att ge sidan en horisontell scrollbar.
 *
 * `clip` och inte `hidden`: hidden gör body till scrollcontainer och bryter
 * position: sticky. Äldre webbläsare utan stöd för clip får hidden.
 */
html,
body {
	overflow-x: clip;
}

/*
 * Klippningen ovan får aldrig dölja text. Långa svenska sammansättningar
 * ("PRODUKTTILLVERKARE", "Energieffektivisering") i stora rubriker var bredare
 * än en mobilskärm och gick tidigare bara att läsa genom att scrolla i sidled.
 * Avstavas nu (lang="sv-SE") och bryts som sista utväg, hellre än att klippas.
 */
.elementor-heading-title,
.elementor-widget-text-editor {
	overflow-wrap: break-word;
}

/* Bara rubriker och blobbtext avstavas – brödtexten ser ut som förut. */
@media (max-width: 767px) {
	.elementor-heading-title,
	.sd-blobb .elementor-widget-text-editor {
		-webkit-hyphens: auto;
		hyphens: auto;
	}
}

/*
 * Procentblobbarna hänger ut över case-kortens högerkant. På telefoner under
 * 360 px når de då utanför skärmen; flytta in dem så att texten syns hel.
 * Klassen sätts av `wp smartdrag migrera` (steg puffar).
 */
@media (max-width: 359px) {
	.sd-blobb {
		translate: -24px 0;
	}
}

@supports not (overflow-x: clip) {
	body {
		overflow-x: hidden;
	}
}