/*
Theme Name: Arbeitsgwand
Description: Child-Theme von WESEO Motherboard 6 für den Online-Shop arbeitsgwand.com (Janisch Werbetechnik GmbH). Vorlage für Aussehen, Texte und Abläufe ist der freigegebene Entwurf v3.
Author: WESEO
Template: weseo-motherboard
Version: 0.1.0
Requires at least: 7.0
Requires PHP: 8.2
Text Domain: arbeitsgwand
*/

/*
 * CI aus dem Entwurf v3 (entwurf/v3/style.css, v3-Block, und _REGELN.md):
 * eckig, Überschriften Saira kursiv extrafett, Fließtext Barlow, Gelb nur als Fläche,
 * gefüllte Knöpfe mit der 12-Grad-Schräge des Logos. Farben und Radien stehen in tokens.css.
 */

:where(h1, h2, .wso-display, .wso-site-title) {
	font-family: var(--font-display);
	font-stretch: 88%;
	font-style: italic;
	font-weight: 800;
	letter-spacing: 0;
	line-height: .98;
	text-transform: uppercase;
	text-wrap: balance;
}

:where(h3, h4, h5, h6) {
	font-family: var(--font-display);
	font-stretch: 92%;
	font-weight: 700;
}

:where(.wso-button) {
	font-family: var(--font-display);
	font-stretch: 92%;
	font-weight: 700;
	letter-spacing: .01em;
}

/* Gefüllte Knöpfe: schräge Kanten wie das Logo (12 Grad). */
:where(.wso-button-1, .wso-button-2) {
	clip-path: polygon(11px 0, 100% 0, calc(100% - 11px) 100%, 0 100%);
	padding-inline: 32px;
}

:focus-visible {
	box-shadow: 0 0 0 5px var(--color-1);
	outline: 2px solid var(--color-dark);
	outline-offset: 2px;
}