Changeset 356188

leitvia/1.2.11/assets/css/blocks/core--breadcrumbs.css

r355111	r356188
1		/*
2		* Breadcrumbs above the h1 of the templates. The separator takes a role color at full strength instead of the
3		* faded current color of core. Long titles wrap inside their item, so the trail never scrolls sideways at 320 px.
4		*/
5	1	.wp-block-breadcrumbs {
6	2	margin-block-end: var(--wp--preset--spacing--s);

leitvia/1.2.11/assets/css/blocks/core--button.css

-              r355111
+              r356188
-/*
- * Double focus ring: the outline in focus plus an inner ring in surface that fills the offset gap.
- * No single focus color reaches 3:1 on surface, accent and ink at once; on accent and ink sections
- * the surface ring carries the contrast (checked by REQUIRED_PAIRS in scripts/lib/contrast.mjs).
- */
 .wp-element-button:focus-visible,
 .wp-block-button__link:focus-visible {
 …
         box-shadow: 0 0 0 2px var(--wp--preset--color--surface);
+}
-/* Quiet state changes: color only, never size or shadow. */
 @media (prefers-reduced-motion: no-preference) {
         .wp-element-button,
 …
+        }
+}
-/* theme.json style variations have no pseudo states, so the outline hover lives here. */
 .wp-block-button.is-style-outline > .wp-block-button__link:hover {
         background-color: var(--wp--preset--color--ink);
         color: var(--wp--preset--color--surface);
+}
-/*
- * On ink and accent bands the default hover (ink fill) would match the band, so buttons turn to surface instead.
- * Buttons with their own text color keep the default hover, because preset text color classes cannot be overridden.
- */
 :is(.has-background.has-ink-background-color, .has-background.has-accent-background-color, .is-style-inverse) .wp-block-button__link:not(.has-text-color):hover {
         border-color: var(--wp--preset--color--surface);
 …
         color: var(--wp--preset--color--ink);
+}
-/*
- * The fill button is ink, which would vanish on an ink band and on the inverse style, so there it takes the accent
- * (on-accent on accent is a checked pair) and turns to surface on hover through the rule above.
- */
 :is(.has-background.has-ink-background-color, .is-style-inverse) .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-text-color, .has-background) {
         border-color: var(--wp--preset--color--accent);
 …
         color: var(--wp--preset--color--on-accent);
+}
-/*
- * A fill button in the accent color would vanish on an accent band, so there it fills with surface
- * and inverts to ink on hover and focus.
- */
 .has-background.has-accent-background-color .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-text-color, .has-background) {
         border-color: var(--wp--preset--color--surface);
 …
         color: var(--wp--preset--color--surface);
+}
+.wp-block-button__link {
+        word-break: normal;
+        overflow-wrap: break-word;
+}

leitvia/1.2.11/assets/css/blocks/core--code.css

-              r355111
+              r356188
-/*
- * Terminal: command line look on ink. Long lines scroll instead of wrapping, so commands stay copyable as written.
- * functions.php makes the pre focusable, so arrow keys scroll it in every browser.
- */
 .wp-block-code.is-style-terminal {
         overflow-x: auto;
 …
         outline: 0.125rem solid var(--wp--preset--color--focus);
         outline-offset: 0.125rem;
+        /* Inner ring for the double focus indicator, see core--button.css. */
+        box-shadow: 0 0 0 0.125rem var(--wp--preset--color--surface);
+                box-shadow: 0 0 0 0.125rem var(--wp--preset--color--surface);
+}

leitvia/1.2.11/assets/css/blocks/core--columns.css

-              r355111
+              r356188
-/* Media right: the first column (usually the image) moves to the end from tablet width up. */
 @media (min-width: 48.875rem) {
         .wp-block-columns.is-style-media-right {
 …
+        }
+}
+.wp-block-columns.is-style-overlap > .wp-block-column:last-child {
+        position: relative;
+        z-index: 1;
+}
+@media (max-width: 48.8125rem) {
+        .wp-block-columns.is-style-overlap > .wp-block-column:last-child {
+                margin: calc(var(--wp--preset--spacing--xl) * -1) var(--wp--preset--spacing--s) 0;
+        }
+}
+@media (min-width: 48.875rem) {
+        .wp-block-columns.is-style-overlap > .wp-block-column:last-child {
+                flex-grow: 1;
+                margin-inline-start: calc(var(--wp--preset--spacing--xxl) * -1.5);
+        }
+}

leitvia/1.2.11/assets/css/blocks/core--cover.css

-              r355111
+              r356188
-/*
- * Inverse covers have no overlay color class, because a preset class would fix the overlay to one role in every
- * palette. The overlay takes the band color of the inverse style instead (ink in light palettes, surface-alt in
- * dark ones); core would paint it black.
- */
 .wp-block-cover.is-style-inverse > .wp-block-cover__background:not([class*="-background-color"]) {
         background-color: inherit;

leitvia/1.2.11/assets/css/blocks/core--details.css

-              r355111
+              r356188
-/* Replace the browser triangle with a plus or minus sign at the end of the summary. */
 .wp-block-details > summary {
         display: flex;
 …
         outline: 0.125rem solid var(--wp--preset--color--focus);
         outline-offset: 0.125rem;
+        /* Inner ring for the double focus indicator, see core--button.css. */
+        box-shadow: 0 0 0 0.125rem var(--wp--preset--color--surface);
+                box-shadow: 0 0 0 0.125rem var(--wp--preset--color--surface);
+}
-/*
- * Documentation template: the menu is a closed disclosure on small screens and stays open beside the content from
- * tablet width on, where the columns sit side by side. Browsers without ::details-content keep the disclosure.
- */
 @supports selector(::details-content) {
         @media (min-width: 782px) {

leitvia/1.2.11/assets/css/blocks/core--group.css

-              r355111
+              r356188
-/*
- * Ink, accent and inverse bands: accent links reach only about 1.7 to 3.4:1 on ink and accent, so text links take
- * the band text color and stay underlined inside running text. The inverse style is ink in light palettes and
- * surface-alt in dark ones, so the band text color is the one choice that passes in both. Navigation, divided lists
- * and social links are link-only contexts: no underline at rest, underline on hover and focus. Focus uses the double
- * ring from core--button.css. theme.json gives every link the inner ring as well, but with zero specificity; block
- * CSS such as social links overrides that, so the rule below stays for the bands.
- */
 :is(.has-background.has-ink-background-color, .has-background.has-accent-background-color, .is-style-inverse) a:where(:not(.wp-element-button)),
 :is(.has-background.has-ink-background-color, .has-background.has-accent-background-color, .is-style-inverse) a:where(:not(.wp-element-button)):hover {
 …
+}
-/*
- * Notices: a light tint of the role color over surface and a full hairline frame in the role color. Text stays ink.
- * Note uses ink-muted, so it never reads as an error box in palettes with a red accent.
- */
 .wp-block-group:is(.is-style-note, .is-style-success, .is-style-warning) {
         --leitvia-notice: var(--wp--preset--color--ink-muted);
 …
         --leitvia-notice: var(--wp--preset--color--warning);
+}
+.is-style-inverse .wp-block-social-links.is-style-logos-only .wp-social-link {
+        color: inherit;
+}
+.wp-block-group.is-style-header-split {
+        display: grid;
+        grid-template-columns: 1fr auto 1fr;
+        align-items: center;
+}
+.is-style-header-split > .wp-block-buttons {
+        justify-self: end;
+}

leitvia/1.2.11/assets/css/blocks/core--heading.css

-              r355111
+              r356188
         text-wrap: balance;
         font-variant-numeric: lining-nums proportional-nums;
+        overflow-wrap: break-word;
+}
+/* Large headings take the display cut of fonts with an optical size axis (Newsreader); others ignore it. */
+:is(h1, h2, .has-heading-m-font-size, .has-heading-l-font-size, .has-display-font-size) {
+        font-variation-settings: "opsz" 72;
+:lang(de) .wp-block-heading {
+        hyphens: auto;
+}
 .has-display-font-size:is(h1, h2, h3, p) {

leitvia/1.2.11/assets/css/blocks/core--list.css

-              r355111
+              r356188
+/* Divided: no markers, a hairline between items. Used for contact details and short fact lists. */
+.wp-block-list.is-style-divided {
+.wp-block-list:is(.is-style-divided, .is-style-download) {
         list-style: none;
         padding-inline-start: 0;
+}
 .wp-block-list.is-style-divided > li {
+.wp-block-list:is(.is-style-divided, .is-style-download) > li {
         padding-block: var(--wp--preset--spacing--s);
         border-bottom: 0.0625rem solid var(--wp--preset--color--stroke);
+}
 .wp-block-list.is-style-divided > li:first-child {
+.wp-block-list:is(.is-style-divided, .is-style-download) > li:first-child {
         border-top: 0.0625rem solid var(--wp--preset--color--stroke);
+}
+.wp-block-list.is-style-download > li {
+        position: relative;
+        padding-inline-start: 2em;
+}
+.wp-block-list.is-style-download > li::before {
+        content: "" / "";
+        position: absolute;
+        inset-block-start: calc(var(--wp--preset--spacing--s) + 0.1em);
+        inset-inline-start: 0;
+        width: 1.25em;
+        height: 1.25em;
+        background: var(--wp--preset--color--accent);
+        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linejoin='round'%3E%3Cpath d='M14 3H6v18h12V7zm0 0v4h4M12 10v7m-3-3 3 3 3-3'/%3E%3C/svg%3E") center / contain no-repeat;
+}
+.wp-block-list.is-style-download > li > a:first-child {
+        display: block;
+        width: fit-content;
+        font-weight: 600;
+}
-/*
- * Checklist: a decorative check mark before each item instead of the bullet. The row variant lets short facts
- * flow side by side and wrap, for trust strips. The mark is hidden from assistive technology.
- */
 .wp-block-list:is(.is-style-checklist, .is-style-checklist-row) {
         list-style: none;
 …
         font-weight: 600;
+}
-/* Accent marks fall below 3:1 on ink and accent bands, so they take the band text color there. */
 :is(.has-background.has-ink-background-color, .has-background.has-accent-background-color, .is-style-inverse) .wp-block-list > li::before {
         color: inherit;
+}
+:is(.has-background.has-ink-background-color, .has-background.has-accent-background-color, .is-style-inverse) .is-style-download > li::before {
+        background: currentcolor;
+}
 .wp-block-list.is-style-checklist-row {
 …
+}
-/*
- * Link columns in a footer navigation read as a register: no markers, dense rows, underline only on hover and focus.
- * A list of links under a heading in a nav is not running text, so 1.4.1 asks no underline there.
- */
 footer nav .wp-block-list:not(.is-style-divided, .is-style-checklist) {
         display: grid;

leitvia/1.2.11/assets/css/blocks/core--navigation.css

-              r355111
+              r356188
         outline: 2px solid var(--wp--preset--color--focus);
         outline-offset: 2px;
+        /* Inner ring for the double focus indicator, see core--button.css. */
+        box-shadow: 0 0 0 2px var(--wp--preset--color--surface);
+                box-shadow: 0 0 0 2px var(--wp--preset--color--surface);
+}
 .wp-block-navigation .current-menu-item > a,
 …
         text-underline-offset: 0.4em;
+}
-/* Navigation is a link-only context: no underline at rest, a fine one on hover. */
 .wp-block-navigation .wp-block-navigation-item__content:hover {
         text-decoration: underline;
 …
+}
-/*
- * Submenu panel on desktop: a card below its toggle. `:not(.is-menu-open *)` leaves the overlay to core,
- * which lays submenus out inline. Sizes apply only while open, so a closed panel adds no scroll overflow.
- */
 .wp-block-navigation .has-child > .wp-block-navigation__submenu-container:not(.is-menu-open *) {
         margin-top: var(--wp--preset--spacing--xs);
 …
         padding: var(--wp--preset--spacing--s);
+}
-/* From six entries on the panel turns into a two-column grid. */
 .wp-block-navigation .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container:has(> :nth-child(6)):not(.is-menu-open *) {
         display: grid;
 …
         line-height: 1.4;
+}
-/* Core flips the chevron when open; animate that only for people who did not ask for less motion. */
 @media (prefers-reduced-motion: no-preference) {
         .wp-block-navigation .wp-block-navigation__submenu-icon svg {
 …
+}
-/*
- * Overlay menu: a centred column in the middle of the screen, whatever the desktop alignment.
- * The close button sits at the top right of that column, so it stays next to the menu instead of
- * in the far corner (short pointer path, WCAG 2.5.8 spirit). Auto margins centre the column
- * vertically but let a long menu scroll from its top, unlike justify-content: center.
- */
 .wp-block-navigation__responsive-container.is-menu-open {
         display: flex;
 …
         font-size: var(--wp--preset--font-size--heading-m);
+}
-/*
- * Submenus in the overlay: centred groups in a smaller size below their parent.
- * Core keeps every submenu open in the overlay and its toggle at aria-expanded="true", so the toggle does nothing;
- * it stays visible because it carries the parent label. Leitvia Studio makes the groups collapsible for long or
- * nested navigations (data-leitvia-collapsible). See docs/accessibility/known-limitations.md.
- */
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
         font-size: var(--wp--preset--font-size--heading-s);
 …
         padding: var(--wp--preset--spacing--xs) 0 0;
+}
-/* Overlay part (parts/navigation-overlay.html): close button, submenu toggles next to their labels. */
 .wp-block-navigation-overlay-close {
         min-width: 2.75rem;

leitvia/1.2.11/assets/css/blocks/core--page-list.css

r355111	r356188
1		~~/* Documentation menu: a quiet page tree without bullets, child pages indented. */~~
2	1	.page-template-page-docs .wp-block-page-list {
3	2	list-style: none;

leitvia/1.2.11/assets/css/blocks/core--paragraph.css

-              r355111
+              r356188
+}
-/* Inline code in running text. The tint follows the text color, so it also reads on surface-alt, ink and accent sections. */
 :where(p) code {
         padding: 0.1em 0.3em;
 …
+}
-/*
- * One small-text voice for badge, eyebrow and the column heads of footers: the ui font in caps, hierarchy through
- * color and space instead of weight. 12 px only for these caps labels, never for running text or links.
- */
 :is(.is-style-badge, .is-style-eyebrow) {
         font-family: var(--wp--preset--font-family--ui);
 …
+}
-/* Accent text falls below 4.5:1 on ink and accent sections, so the eyebrow takes the section text color there. */
 :is(.has-background.has-ink-background-color, .has-background.has-accent-background-color, .is-style-inverse) .is-style-eyebrow {
         color: inherit;
+}
-/*
- * Badge: the paragraph keeps its full width, so constrained layouts still line it up with the text column.
- * A single fit-content grid track shrinks to the label and the square tint is painted behind it by ::before,
- * absolutely positioned against that grid area so it stays out of auto placement.
- * Scoped to p, because post terms use the same style name with one pill per term, see core--post-terms.css.
- */
 p.is-style-badge {
         display: grid;

leitvia/1.2.11/assets/css/blocks/core--post-comments-form.css

r355111	r356188
1		~~/* Same double focus ring as buttons and links (see core--button.css) instead of the browser default. */~~
2	1	.wp-block-post-comments-form :is(input:not([type="submit"]), textarea):focus-visible {
3	2	outline: 2px solid var(--wp--preset--color--focus);

leitvia/1.2.11/assets/css/blocks/core--post-content.css

-              r355111
+              r356188
-/*
- * Landing pages: full-width sections that follow each other touch, so colour bands meet without a strip of page background.
- * Every other block keeps the normal block gap. A full-width last section also meets the footer.
- */
 .page-template-page-landing .wp-block-post-content > .alignfull + .alignfull {
         margin-block-start: 0;
 …
+}
-/*
- * Pages in easy language (template page-easy-language): the template sets the lead font size, the narrower reading
- * width and the larger gap between blocks. Text stays left aligned, whatever alignment a block sets, and words are
- * never hyphenated, so every word is read whole.
- */
 .wp-block-post-content.is-easy-language {
         line-height: 1.6;
 …
         hyphens: manual;
+}
+.wp-block-post-content.is-easy-language .wp-block-heading {
+        hyphens: manual;
+}
 .wp-block-post-content.is-easy-language :is(.has-text-align-center, .has-text-align-right, .has-text-align-justify) {
         text-align: start;
+}
+.page-template-page-docs .wp-block-post-content > .alignfull {
+        padding-inline: 0;
+}
+.page-template-page-docs .wp-block-post-content > .alignfull:is(.has-background, .is-style-inverse) {
+        padding-inline: var(--wp--preset--spacing--m);
+}

leitvia/1.2.11/assets/css/blocks/core--post-template.css

r355111	r356188
1		~~/* Cards answer hover with a fine underline on the title, never by scaling the image. */~~
2	1	.wp-block-post-template .wp-block-post-title a {
3	2	text-decoration: none;

leitvia/1.2.11/assets/css/blocks/core--post-terms.css

r355111	r356188
6	6	}
7	7
8		~~/* Badge: one pill per term, same label type as the paragraph badge. */~~
9	8	.wp-block-post-terms.is-style-badge {
10	9	display: flex;

leitvia/1.2.11/assets/css/blocks/core--post-title.css

-              r355111
+              r356188
-/*
- * Titles fill the line and only avoid a lone last word. Balanced wrapping halved two-line titles in the journal
- * list and on posts, so they broke at half the column width.
- */
 .wp-block-post-title {
         text-wrap: pretty;
+        overflow-wrap: break-word;
+}
+:lang(de) .wp-block-post-title {
+        hyphens: auto;
+}
 .wp-block-post-title a:hover {

leitvia/1.2.11/assets/css/blocks/core--quote.css

-              r355111
+              r356188
-/* Drop the browser's side indent so quotes line up with the text around them. */
 :where(.wp-block-quote) {
         margin-inline: 0;
+}
-/* On a colored or inverse section or quote, the citation takes the text color so it keeps its contrast. */
 :where(.has-text-color, .is-style-inverse) .wp-block-quote cite,
 .wp-block-quote.has-text-color cite {

leitvia/1.2.11/assets/css/blocks/core--search.css

-              r355111
+              r356188
-/* Same double focus ring as buttons and links (see core--button.css) instead of the browser default. */
 .wp-block-search__input:focus-visible {
         outline: 2px solid var(--wp--preset--color--focus);
 …
         box-shadow: 0 0 0 2px var(--wp--preset--color--surface);
+}
-/*
- * In a flex row (header-search) the form would keep the intrinsic width of its input and overflow at 320px.
- * Without the minimum it shrinks to the row and the input takes what is left next to the button.
- */
 .wp-block-search {
         min-width: 0;
+}
-/* Field and button share one 48 px height and the small radius. */
 .wp-block-search__input {
         min-height: 3rem;
 …
         font-family: var(--wp--preset--font-family--ui);
+}
+body:has(main .wp-block-post-content .wp-block-search) header .wp-block-search {
+        display: none;
+}

leitvia/1.2.11/assets/css/blocks/core--shortcode.css

r355111	r356188
1		~~/* WooCommerce's account forms come in through the shortcode block. Its "Show password" toggle is 22 by 22 px, below~~
2		~~the 24 px minimum target (WCAG 2.5.8); at least 1.5rem in both directions. */~~
3	1	.woocommerce form .show-password-input,
4	2	.woocommerce-page form .show-password-input {

leitvia/1.2.11/assets/css/blocks/core--table.css

-              r355111
+              r356188
-/*
- * Comparison: hairlines between rows, meta caps in the head, tabular figures. Columns after the first align to the
- * end so figures line up. Rows cannot carry classes, so the highlighted row is the table footer (core "Footer section").
- * Columns size to their content even with fixed layout on, so words never break mid-word. Tables wider than the
- * screen scroll inside the figure, which functions.php makes a focusable region so arrow keys scroll it.
- */
 .wp-block-table.is-style-comparison {
         overflow-x: auto;
 …
         word-break: normal;
+}
-/* Low specificity, so the column alignment set in the editor still wins. */
 :where(.wp-block-table.is-style-comparison) :is(th, td) {
         text-align: start;
 …
         text-align: end;
+}
-/* Keep figures and their units on one line. */
 .wp-block-table.is-style-comparison tbody td:not(:first-child) {
         white-space: nowrap;
+}
 .wp-block-table.is-style-comparison :is(th, td):first-child {
+        position: sticky;
+        inset-inline-start: 0;
+        z-index: 1;
         min-width: 6em;
         padding-inline-start: 0;
+        background-color: var(--wp--preset--color--surface);
+}
+:is(.has-background:not(.has-surface-background-color), .is-style-inverse) .wp-block-table.is-style-comparison :is(th, td):first-child {
+        position: static;
+        background-color: transparent;
+}
 .wp-block-table.is-style-comparison :is(th, td):last-child {
 …
         outline: 0.125rem solid var(--wp--preset--color--focus);
         outline-offset: 0.125rem;
+        /* Inner ring for the double focus indicator, see core--button.css. */
+        box-shadow: 0 0 0 0.125rem var(--wp--preset--color--surface);
+                box-shadow: 0 0 0 0.125rem var(--wp--preset--color--surface);
+}

leitvia/1.2.11/assets/css/blocks/core--tabs.css

-              r355111
+              r356188
-/* Core tabs in the roles of the theme: a stroke under the tab list, the selected tab marked in accent. */
 .wp-block-tab-list {
         gap: 0;
 …
         outline: 0.125rem solid var(--wp--preset--color--focus);
         outline-offset: 0.125rem;
+        /* Inner ring for the double focus indicator, see core--button.css. */
+        box-shadow: 0 0 0 0.125rem var(--wp--preset--color--surface);
+                box-shadow: 0 0 0 0.125rem var(--wp--preset--color--surface);
+}
 .wp-block-tab-panel {
         padding-block: var(--wp--preset--spacing--s);
+}
-/* Tab label above each panel, only rendered without scripting by Leitvia Studio. */
 .wp-block-tab-panel__label {
         margin-block-start: 0;

leitvia/1.2.11/assets/css/blocks/woocommerce--account.css

r355111	r356188
1		~~/* Account: login and registration side by side from 782 px, 48 px fields and buttons in the ui font, square frames;~~
2		~~signed in, a vertical list on the left and the content on the right. WooCommerce's rules reach 0,3,1. */~~
3	1	body.woocommerce-account .woocommerce {
4	2	font-family: var(--wp--preset--font-family--ui);

leitvia/1.2.11/assets/css/blocks/woocommerce--add-to-cart-form.css

-              r355111
+              r356188
-/* Classic add to cart form: quantity, variation selects and button share 48 px, the ui font and the field
-   look (ink-muted frame, 4.5:1 in every palette). Disabled stays readable instead of half opacity. WooCommerce: 0,3,1. */
 body .wp-block-add-to-cart-form {
         & form.cart:not(.variations_form),
 …
         & .reset_variations {
                 margin-inline-start: var(--wp--preset--spacing--s);
+                padding: 0;
+                border: 0;
+                background: none;
                 color: var(--wp--preset--color--ink);
+                font: inherit;
+                text-decoration: underline;
+                cursor: pointer;
+        }
         & .single_add_to_cart_button.button {

leitvia/1.2.11/assets/css/blocks/woocommerce--cart.css

-              r355111
+              r356188
-/* Cart. Quantity frame in ink-muted (WooCommerce: 1.5:1). WooCommerce reaches 0,4,0. */
 body .wc-block-cart.wc-block-cart {
         & .wc-block-components-quantity-selector {
 …
                 border-radius: var(--wp--preset--border-radius--s);
+        }
+        /* The fixed 132 px column overflows at 320 px. */
+        & .wc-block-cart-items__row {
+                & .wc-block-cart-items__row {
                 grid-template-columns: 5rem minmax(0, 1fr);
+        }
+}
-/* Germanized notes: grey 4.19:1, ink-muted 4.5:1 */
 body :is(.wc-block-components-product-details [class*="__gzd-"] .wc-block-components-product-details__value, .wc-gzd-unit-price, .wc-gzd-small-business-info) {
         color: var(--wp--preset--color--ink-muted);
+}
-/* Focus clear of the pinned checkout button (2.4.11) */
 html:has(.wc-block-cart__submit-container--sticky) {
         scroll-padding-bottom: 6rem;

leitvia/1.2.11/assets/css/blocks/woocommerce--catalog-sorting.css

r355111	r356188
1		~~/* Sorting in the ui font and the field look instead of the system select. */~~
2	1	body .woocommerce-ordering select {
3	2	min-height: 2.75rem;

leitvia/1.2.11/assets/css/blocks/woocommerce--checkout.css

-              r355111
+              r356188
-/* Checkout: form left, summary on surface-alt right, 48 px fields, ink-muted frames (4.5:1), 52 px button. WC 0,4,0 */
 body .wc-block-checkout.wc-block-checkout {
         & :is(.wc-block-components-text-input input, .wc-blocks-components-select__container, .wc-blocks-components-select__select, .wc-block-components-textarea, .wc-block-components-checkbox__input[type="checkbox"], .wc-block-components-radio-control__input) {
 …
                 border: 0;
+        }
+        /* Germanized: products on surface, not its fixed grey */
+        &.wc-gzd-checkout .wc-block-components-order-summary {
+                &.wc-gzd-checkout .wc-block-components-order-summary {
                 background-color: var(--wp--preset--color--surface);
+        }
+        /* Small screens: a tinted summary bar on top */
+        & .wc-block-components-checkout-order-summary__title {
+                & .wc-block-components-checkout-order-summary__title {
                 padding-inline: var(--wp--preset--spacing--s);
                 background-color: var(--wp--preset--color--surface-alt);
 …
                 font-variant-numeric: tabular-nums lining-nums;
+        }
+        /* Summary product names (h3) keep the ui font */
+        & .wc-block-components-order-summary-item .wc-block-components-product-name {
+                & .wc-block-components-order-summary-item .wc-block-components-product-name {
                 font-family: inherit;
                 font-weight: 500;
 …
+}
-/* Germanized notes: grey 4.19:1, ink-muted 4.5:1 */
 body :is(.wc-block-components-product-details [class*="__gzd-"] .wc-block-components-product-details__value, .wc-gzd-unit-price, .wc-gzd-small-business-info) {
         color: var(--wp--preset--color--ink-muted);

leitvia/1.2.11/assets/css/blocks/woocommerce--customer-account.css

r355111	r356188
1		~~/* Account link in the shop header: a 44 px target around the icon, like the mini cart button. */~~
2	1	.wp-block-woocommerce-customer-account a {
3	2	display: inline-flex;

leitvia/1.2.11/assets/css/blocks/woocommerce--mini-cart.css

-              r355111
+              r356188
-/* The closed drawer stays in the page, hidden only from assistive technology; hidden for everyone, Tab skips it
-   (WCAG 2.4.3, 4.1.2). Open: surface and ink, two full-width buttons. */
 .wc-block-mini-cart__drawer[aria-hidden="true"] {
         visibility: hidden;
 …
+        }
+}
-/* Header button: a 44 px target, the count in ink. */
 .wc-block-mini-cart__button {
         min-width: 2.75rem;
 …
+}
-/* Germanized notes: grey 4.19:1, ink-muted 4.5:1 */
 body :is(.wc-block-components-product-details [class*="__gzd-"] .wc-block-components-product-details__value, .wc-gzd-unit-price, .wc-gzd-small-business-info, .wc-gzd-block-mini-cart-notices__notice) {
         color: var(--wp--preset--color--ink-muted);

leitvia/1.2.11/assets/css/blocks/woocommerce--product-button.css

r355111	r356188
1		~~/* Product cards (collection, related products): image, title, price and button on one left edge; the title ink in the~~
2		~~reading size, the button an outline across the column. */~~
3	1	:is(.wc-block-product, .wp-block-post.product) {
4	2	--wp--preset--font-size--heading-s: 1.125rem;

leitvia/1.2.11/assets/css/blocks/woocommerce--product-details.css

-              r355111
+              r356188
-/* Classic product tabs as a quiet row of ui labels over a hairline, the active one underlined in ink; attributes and
-   review form in the theme's table and field look instead of WooCommerce's boxes (its rules reach 0,4,2). */
 html body .wp-block-woocommerce-product-details.wp-block-woocommerce-product-details {
         & ul.tabs.wc-tabs {
 …
+        }
         & .woocommerce-product-attributes :is(th, td) {
+                padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--s) var(--wp--preset--spacing--xs) 0;
+                padding-block: var(--wp--preset--spacing--xs);
+                padding-inline: 0 var(--wp--preset--spacing--s);
                 border: 0;
                 border-bottom: 1px solid var(--wp--preset--color--stroke);

leitvia/1.2.11/assets/css/blocks/woocommerce--product-filters.css

r355111	r356188
1		~~/* Shop focus ring, on the thumb for the price slider (WooCommerce forces outline: none on its inputs). The closed~~
2		~~mobile overlay sits off screen: hidden, so Tab skips it. */~~
3	1	body .wp-block-woocommerce-product-filters :is(a, button, input, [tabindex]):focus-visible {
4	2	outline: 2px solid var(--wp--preset--color--focus);

leitvia/1.2.11/assets/css/blocks/woocommerce--product-gallery-large-image.css

r355111	r356188
1		~~/* Image viewer: focus ring; no zoom transition with reduced motion. */~~
2	1	.wc-block-product-gallery-large-image__container:focus-visible {
3	2	outline: 2px solid var(--wp--preset--color--focus);

leitvia/1.2.11/assets/css/blocks/woocommerce--product-image.css

-              r355111
+              r356188
-/* A tint where a product has no image. Sale badge: a small square label at the top left, also in the classic loop
-   (WooCommerce's olive circle has 3.4:1). */
 .wc-block-components-product-image {
         background-color: var(--wp--preset--color--surface-alt);
 …
 html body .woocommerce ul.products li.product .onsale {
         position: absolute;
+        inset: 0.75rem auto auto 0.75rem;
+        inset-block: 0.75rem auto;
+        inset-inline: 0.75rem auto;
         z-index: 1;
         min-width: 0;

leitvia/1.2.11/assets/css/blocks/woocommerce--product-price.css

r355111	r356188
1		~~/* Prices in the ui font with tabular figures. The struck regular price stays readable in ink-muted (4.5:1 in every~~
2		~~palette), also in the upsells from WooCommerce's classic loop (its half-transparent one has 3.4:1). */~~
3	1	body .wc-block-components-product-price,
4	2	html body .woocommerce ul.products li.product .price {

leitvia/1.2.11/assets/css/blocks/woocommerce--store-notices.css

-              r355111
+              r356188
-/* Shop notices in the notice look of core--group.css: role tint, hairline frame, ink text, icon on the role color.
-   Every shop template has it. */
 .wc-block-components-notice-banner.wc-block-components-notice-banner {
         --leitvia-notice: var(--wp--preset--color--ink-muted);
 …
         fill: var(--wp--preset--color--surface);
+}
-/* Double focus ring of core--button.css on every shop control; 0,4,1 beats WooCommerce's 0,4,0. */
 body :is(.wc-block-components-notice-banner.wc-block-components-notice-banner, .wc-block-checkout, .wc-block-cart, .wp-block-add-to-cart-form, .wp-block-woocommerce-product-details, .woocommerce-ordering, .wp-block-woocommerce-customer-account) :is(a, button, input, select, textarea, [tabindex]):focus-visible {
         outline: 2px solid var(--wp--preset--color--focus);

leitvia/1.2.11/design.md

-              r355111
+              r356188
 | `content-statement` | accent, asymmetric, airy | One sentence in `display` size on the accent color |
 | `teaser-editorial-grid` | surface, grid, regular | Lead story on two thirds, four more posts beside it |
+| `teaser-front-page` | surface, asymmetric, dense | Newspaper front: the sticky lead wide, headlines in brief and three more stories beside it |
 | `content-media-pair` | surface-alt, asymmetric, airy | Two images of different size, offset, with captions |
+| `hero-overlap` | surface, overlap, regular | Opening photo on two thirds, the card with the h1 reaching into it from the right |
+| `hero-teaser-trio` | surface, grid, regular | Opening with three tall picture teasers instead of one message |
 Offsets and overlaps come only from spacing presets (a top margin of `xxl`, or a negative top margin of `xl` written as `calc(var(--wp--preset--spacing--xl) * -1)`), never from fixed values. Keep the DOM order the reading order: the text comes first, the image follows.
 Leitvia Studio adds patterns with its own blocks (bento grid, reveal, highlight format, pricing, comparison table, feature group). The contract lists them under `studioPatterns` with the same metadata; their slugs start with `leitvia-studio/`. Use them only when Leitvia Studio is active. The theme's own patterns never contain Studio blocks, so the theme stays complete without the plugin. Starting patterns of Studio for a template part area are not listed: `leitvia-studio/header-announcement` puts the announcement bar as a band over the full width above `leitvia/header-default`; pick it for the header in the Site Editor.
 Shop patterns (`leitvia/shop-*`, inserter category Shop) carry `requires: [ "woocommerce" ]` and exist only while WooCommerce runs: product hero, benefits bar, category tiles, new arrivals, bestsellers and trust badges. A shop home page on `page-landing` reads well as `leitvia/shop-product-hero` > `leitvia/shop-usp-bar` > `leitvia/shop-category-tiles` > `leitvia/shop-new-arrivals` > `leitvia/shop-bestsellers` > `leitvia/proof-trust-strip`. `leitvia/shop-legal-info` (tax and shipping note, unit price, delivery time) also needs Germanized; the single product template already shows it below the price. Name payment methods as text, never as logos of other brands.
+Leitvia Studio adds patterns with its own blocks (bento grid, reveal, highlight format, pricing, comparison table, feature group). The contract lists them under `studioPatterns` with the same metadata; their slugs start with `leitvia-studio/`. Use them only when Leitvia Studio is active. The theme's own patterns never contain Studio blocks, so the theme stays complete without the plugin. Starting patterns of Studio for a template part area are not listed: `leitvia-studio/header-announcement` puts the announcement bar as a band over the full width above `leitvia/header-default`; pick it for the header in the Site Editor. For a news site, `leitvia/header-masthead` sets a wide logo centered above the navigation like the masthead of a daily, and `leitvia-studio/content-timeline` tells the background of a story as dated entries.
+Shop patterns (`leitvia/shop-*`, inserter category Shop) carry `requires: [ "woocommerce" ]` and exist only while WooCommerce runs: product hero, benefits bar, category tiles, new arrivals, bestsellers and trust badges. A shop home page on `page-landing` reads well as `leitvia/shop-product-hero` > `leitvia/shop-usp-bar` > `leitvia/shop-category-tiles` > `leitvia/shop-new-arrivals` > `leitvia/shop-bestsellers` > `leitvia/proof-trust-strip`. `leitvia/shop-legal-info` (tax and shipping note, unit price, delivery time) also needs Germanized; the single product template already shows it below the price. `leitvia/shop-legal-guarantee` holds the EU notice on the legal guarantee from Germanized (block `woocommerce-germanized/product-legal-guarantee`) and sits below the add to cart form; it shows only while the notice is switched on in Germanized. The theme renders that notice everywhere Germanized prints it (product, cart, checkout, shortcode, footer) as a details block with a text summary, the label image and a link to europa.eu, and moves Germanized's footer location inside the footer landmark. Name payment methods as text, never as logos of other brands.
 ### Example: home page
 …
 | Page type | Template | Typical patterns |
 | --- | --- | --- |
 | Home | `page-landing` | Hero (split image or centered), `proof-logos` or `proof-trust-strip`, `teaser-services`, a proof pattern, `teaser-posts-grid` or `teaser-posts-list`, `cta-banner` |
+| Home | `page-landing` | Hero (split image, centered, overlap or three teasers), `proof-logos` or `proof-trust-strip`, `teaser-services`, a proof pattern, `teaser-posts-grid` or `teaser-posts-list`, `cta-banner` |
 | Service | `page-landing` | `hero-centered` or `hero-split-image`, `content-text-media`, `content-steps`, `content-feature-grid`, `proof-testimonials-grid` or `content-quote`, `offer-pricing-3` or `content-price-list`, `content-faq`, `cta-contact` |
+| Product | `page-landing` | `content-feature-catalog`, `content-compare-two`, `offer-pricing-3`, `content-changelog`, `teaser-posts-badge` |
+| Product | `page-landing` | `content-feature-catalog`, `content-compare-two`, `offer-pricing-3`, `content-changelog`, `content-downloads`, `teaser-posts-badge` |
+| Blog | `home`, `archive`, `author`, `single` | No patterns of your own: the templates carry the overview with continue reading links and pagination, category and author archives with their descriptions, and the post page with author box, previous and next post and related posts. A posts page set in the reading settings gives the overview its h1 |
 | Article | `single` | Core blocks in reading width; `content-quote`, `content-stats` or `content-steps` inside long reads; `cta-newsletter` at the end |
 | About | `page-landing` | `hero-editorial`, `content-two-columns`, `content-stats`, `proof-team`, `content-quote`, `cta-contact` |
 | Contact | `page` | `cta-contact`, `content-faq`, a form plugin block in a plain section |
+| Documentation home | `page-landing` | `hero-search`, `content-feature-grid` or `content-steps`, `content-changelog`, `content-downloads`, `content-faq`, `cta-contact` |
 Before using a pattern read its `useWhen` and `docs.avoidWhen`. Respect `docs.contentLength` (characters of the main heading and of each supporting text) so layouts do not break. `images` lists every image slot with aspect ratio, display width and the pixel size to deliver.
 …
 - Every Search block is a search landmark named after its label. Give each search on a page its own label: the theme uses Site search (header), Search products (shop header), Search documentation (documentation sidebar) and Search this site (404). Searches in templates keep the default name Search.
 - On sites with more than a few pages use `header-search`, so every page can be found by search as well as by navigation (WCAG 2.4.5).
+- Files to download sit in a list, one text link per file that names the file, its format and its size ("Price list 2026 (PDF, 180 KB)"), as in `content-downloads` with the Download list style. Never an icon as the only link; the file mark of the style is decorative.
 - Tables keep their caption; wide tables and terminal code become focusable scroll regions automatically.
 - Pages in easy language (Leichte Sprache) are normal pages on the template `page-easy-language`; the template sets size, width and spacing. Write them by the rules of easy language: short sentences, one thought per sentence, common words, explain every unavoidable term, active voice, no abbreviations, numbers as digits. Headings and lists help more than long paragraphs. Leitvia Studio links the page and its original (setting in the page sidebar, block "Easy language switch").
 …
 ## Template parts
+Pick the header by what visitors need first: `header-default` for most sites, `header-cta` when one action such as booking matters on every page, `header-utility` when opening hours and a phone number belong on every page, `header-split` when the logo should lead in the middle, `header-centered` or `header-masthead` for publications. The button of `header-cta`, `header-utility` and `header-split` (block style Header action) is hidden below 1024 px, so its target must also be in the navigation.
 Every header pattern opens the template part `navigation-overlay` as its mobile menu: a close button and the navigation as a vertical list on the `surface` background. Edit it in the Site Editor like header and footer. Its navigation shows the site's menu by default; when the header navigation is set to a specific menu, set the same menu in the overlay. The copyright line of every footer pattern is bound to the source `leitvia/site-meta` (key `copyright`) and always shows the current year, also after the footer is saved in the Site Editor. Keep the binding instead of typing a year.

leitvia/1.2.11/functions.php

-              r355111
+              r356188
         $styles = array(
+                'core/columns'    => array(
+                        'overlap' => __( 'Overlap', 'leitvia' ),
+                ),
+                'core/buttons'    => array(
+                        'header-action' => __( 'Header action', 'leitvia' ),
+                ),
                 'core/paragraph'  => array(
                         'badge'   => __( 'Badge', 'leitvia' ),
 …
                 ),
                 'core/group'      => array(
+                        'note'    => __( 'Note', 'leitvia' ),
+                        'success' => __( 'Success', 'leitvia' ),
+                        'warning' => __( 'Warning', 'leitvia' ),
+                        'inverse' => __( 'Inverse', 'leitvia' ),
+                        'note'         => __( 'Note', 'leitvia' ),
+                        'success'      => __( 'Success', 'leitvia' ),
+                        'warning'      => __( 'Warning', 'leitvia' ),
+                        'inverse'      => __( 'Inverse', 'leitvia' ),
+                        'header-split' => __( 'Header split', 'leitvia' ),
                 ),
                 'core/cover'      => array(
 …
                         'checklist'     => __( 'Checklist', 'leitvia' ),
                         'checklist-row' => __( 'Checklist row', 'leitvia' ),
+                        'download'      => __( 'Download', 'leitvia' ),
                 ),
                 'core/post-terms' => array(
 …
 /**
+ * Block bindings source leitvia/term-image: the url of an image block inside a term template becomes the image of the
+ * term (term meta thumbnail_id, as WooCommerce stores the image of a product category). Without an image the block
+ * keeps no src and core drops it, so the tile shows name and description only.
+ */
+function register_term_image_binding(): void {
+        register_block_bindings_source(
+                'leitvia/term-image',
+                array(
+                        'label'              => __( 'Term image', 'leitvia' ),
+                        'get_value_callback' => __NAMESPACE__ . '\term_image_value',
+                        'uses_context'       => array( 'termId' ),
+                )
+        );
+}
+add_action( 'init', __NAMESPACE__ . '\register_term_image_binding' );
+/**
+ * URL of the term image in the size of the block, null without a term or an image.
+ *
+ * @param array     $args      Binding arguments, unused.
+ * @param \WP_Block $block     Image block.
+ * @param string    $attribute Bound attribute.
+ */
+function term_image_value( array $args, \WP_Block $block, string $attribute ): ?string {
+        $image = 'url' === $attribute ? (int) get_term_meta( (int) ( $block->context['termId'] ?? 0 ), 'thumbnail_id', true ) : 0;
+        $url   = $image ? wp_get_attachment_image_url( $image, (string) ( $block->attributes['sizeSlug'] ?? 'large' ) ) : false;
+        return $url ? $url : null;
+}
+/**
+ * Width and height for an image bound to leitvia/term-image, from the attachment in the size of the block (CLS).
+ *
+ * @param string    $html     Block HTML.
+ * @param array     $block    Parsed block.
+ * @param \WP_Block $instance Block instance with the term context.
+ */
+function term_image_size( string $html, array $block, \WP_Block $instance ): string {
+        if ( 'leitvia/term-image' !== ( $block['attrs']['metadata']['bindings']['url']['source'] ?? '' ) ) {
+                return $html;
+        }
+        $image = (int) get_term_meta( (int) ( $instance->context['termId'] ?? 0 ), 'thumbnail_id', true );
+        $size  = $image ? wp_get_attachment_image_src( $image, (string) ( $block['attrs']['sizeSlug'] ?? 'large' ) ) : false;
+        $tags  = new \WP_HTML_Tag_Processor( $html );
+        if ( $size && $tags->next_tag( 'img' ) && null === $tags->get_attribute( 'width' ) ) {
+                $tags->set_attribute( 'width', (string) $size[1] );
+                $tags->set_attribute( 'height', (string) $size[2] );
+        }
+        return $tags->get_updated_html();
+}
+add_filter( 'render_block_core/image', __NAMESPACE__ . '\term_image_size', 10, 3 );
+/**
  * Returns the text of the first figcaption in a block's HTML, or an empty string.
+ *
 …
 /**
+ * Namespace of the related posts query below a single post, see patterns/hidden-page-related-posts.php.
+ */
+const RELATED_POSTS = 'leitvia/related-posts';
+/**
+ * The related posts query takes the categories of the current post; core leaves the post itself out (excludeCurrent).
+ * Without categories it lists the latest other posts.
+ *
+ * @param array $block Parsed block.
+ */
+function related_posts_query( array $block ): array {
+        if ( 'core/query' !== $block['blockName'] || RELATED_POSTS !== ( $block['attrs']['namespace'] ?? '' ) || ! is_array( $block['attrs']['query'] ?? null ) ) {
+                return $block;
+        }
+        $categories = array_map( 'intval', wp_get_post_categories( (int) get_the_ID() ) );
+        if ( $categories ) {
+                $block['attrs']['query']['taxQuery'] = array( 'category' => $categories );
+        }
+        return $block;
+}
+add_filter( 'render_block_data', __NAMESPACE__ . '\related_posts_query' );
+/**
+ * Start-aligned content in right-to-left languages. Templates and patterns align their constrained content to the
+ * start edge ("justifyContent":"left", contract layout), and core writes that as a physical margin-left: 0 !important
+ * on the children, so in RTL the column would stay on the left. On an RTL site the theme reads "left" as the start
+ * edge and hands core "right". Flex layouts already justify with flex-start and stay as they are.
+ *
+ * @param array $block Parsed block.
+ */
+function rtl_start_justification( array $block ): array {
+        $layout = $block['attrs']['layout'] ?? null;
+        if ( ! is_rtl() || ! is_array( $layout ) || 'constrained' !== ( $layout['type'] ?? '' ) || 'left' !== ( $layout['justifyContent'] ?? '' ) ) {
+                return $block;
+        }
+        $block['attrs']['layout']['justifyContent'] = 'right';
+        return $block;
+}
+add_filter( 'render_block_data', __NAMESPACE__ . '\rtl_start_justification' );
+/**
+ * Drops the related posts with their heading while there is no other post to show.
+ *
+ * @param string $html  Block HTML.
+ * @param array  $block Parsed block.
+ */
+function hide_empty_related_posts( string $html, array $block ): string {
+        return RELATED_POSTS === ( $block['attrs']['namespace'] ?? '' ) && ! str_contains( $html, 'wp-block-post-template' ) ? '' : $html;
+}
+add_filter( 'render_block_core/query', __NAMESPACE__ . '\hide_empty_related_posts', 10, 2 );
+/**
  * The documentation sidebar marks its page list with this class, see patterns/hidden-page-docs-sidebar.php.
  */
 …
         $base         = get_theme_file_uri( 'assets/images/' );
         // Content saved with a path relative to the site root (/wp-content/themes/...) counts as well.
         $path = (string) wp_parse_url( $base, PHP_URL_PATH );
+        $root = (string) wp_parse_url( $base, PHP_URL_PATH );
         while ( $tags->next_tag( 'img' ) ) {
                 $src = (string) $tags->get_attribute( 'src' );
                 if ( null !== $tags->get_attribute( 'width' ) || ! ( str_starts_with( $src, $base ) || str_starts_with( $src, $path ) ) ) {
+                if ( null !== $tags->get_attribute( 'width' ) || ! ( str_starts_with( $src, $base ) || str_starts_with( $src, $root ) ) ) {
                         continue;
+                }
 …
  * renders in its own font instead of swapping from the fallback (layout shift through font-display: swap).
  * The files come from this site; style variations and token sets that change the fonts are resolved through the
+ * global settings. Italic, Latin Extended and monospace files load on demand as before.
+ */
+function preload_fonts(): void {
+        $families = array();
+ * global settings. Italic, Latin Extended and monospace files load on demand as before. Core prints the links
+ * (filter wp_preload_resources, wp_head at priority 1).
+ *
+ * @param array<int, array<string, string>> $resources Resources core preloads.
+ * @return array<int, array<string, string>>
+ */
+function preload_fonts( $resources ): array {
+        $resources = (array) $resources;
+        $families  = array();
         foreach ( (array) wp_get_global_settings( array( 'typography', 'fontFamilies' ) ) as $origin ) {
                 foreach ( (array) $origin as $family ) {
 …
+        }
         foreach ( array_unique( $urls ) as $url ) {
+                printf( '<link rel="preload" href="%s" as="font" type="font/woff2" crossorigin>' . "\n", esc_url( $url ) );
+        }
+}
+add_action( 'wp_head', __NAMESPACE__ . '\preload_fonts', 1 );
+                $resources[] = array(
+                        'href'        => $url,
+                        'as'          => 'font',
+                        'type'        => 'font/woff2',
+                        'crossorigin' => 'anonymous',
+                );
+        }
+        return $resources;
+}
+add_filter( 'wp_preload_resources', __NAMESPACE__ . '\preload_fonts' );
 /**
 …
+}
 add_action( 'init', __NAMESPACE__ . '\register_shop_patterns', 20 );
+/**
+ * "Clear" next to the options of a variable product resets the form: an action, so a button instead of WooCommerce's
+ * link to "#" (WCAG 4.1.2, a link would announce a page change and Space would not press it). WooCommerce finds it by
+ * the class reset_variations; woocommerce--add-to-cart-form.css draws it as a text link. Replaces the markup of the
+ * filter woocommerce_reset_variations_link.
+ */
+function reset_variations_button(): string {
+        return '<button type="button" class="reset_variations" aria-label="' . esc_attr__( 'Clear options', 'leitvia' ) . '">' . esc_html__( 'Clear', 'leitvia' ) . '</button>';
+}
+add_filter( 'woocommerce_reset_variations_link', __NAMESPACE__ . '\reset_variations_button' );
+/**
+ * The EU notice on the legal guarantee from Germanized as a disclosure from core blocks. Germanized opens it in a popover
+ * from a link to the image file, closes it with a link to "#" inside a tooltip, and its full variant is a poster of
+ * 1,654 px. Here a details block with a text summary holds the official label (the image of Germanized, served from the
+ * site) at 20rem and a text link to the notice on europa.eu: keyboard and screen readers get a native disclosure, no
+ * script, no link without a target. The full variant starts open. The note Germanized adds in a mixed cart stays as text,
+ * before the disclosure or, in the link variant, as part of its summary. Germanized prints this filter's result in the
+ * product block, the cart and checkout blocks, the shortcode [gzd_legal_guarantee] and its global locations; without
+ * Germanized the filter never runs. Styles come from core/details and core/image, the theme CSS stays as it is.
+ * Presentation only: this and the two functions below change how and where the notice of Germanized shows; they add
+ * no shop function, store nothing and decide nothing legal. The text, image and link come from Germanized.
+ *
+ * @param string $html    Markup from Germanized.
+ * @param string $variant full, preview or link.
+ * @param string $lang    Language of the label, empty for the language of the request.
+ */
+function legal_guarantee_notice( $html, $variant = '', $lang = '' ): string {
+        if ( ! function_exists( 'wc_gzd_get_legal_guarantee_image_url' ) || ! function_exists( 'wc_gzd_get_legal_guarantee_url' ) ) {
+                return (string) $html;
+        }
+        $html    = (string) $html;
+        $summary = __( 'Your legal guarantee rights', 'leitvia' );
+        $note    = preg_match( '#class="wc-gzd-legal-guarantee-mixed-cart-notice">(.*?)</p>#s', $html, $match ) ? wp_strip_all_tags( $match[1] ) : '';
+        if ( 'link' === $variant && preg_match( '#class="wc-gzd-popover-trigger"[^>]*>(.*?)</a>#s', $html, $match ) && '' !== trim( wp_strip_all_tags( $match[1] ) ) ) {
+                $summary = trim( wp_strip_all_tags( $match[1] ) );
+        }
+        // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound -- Germanized's filter, so a shop's own alt text applies here too.
+        $alt   = apply_filters( 'woocommerce_gzd_legal_guarantee_alt_text', __( 'Your legal guarantee rights: Minimum two-year legal guarantee protection for goods sold in the European Union.', 'leitvia' ), $variant, $lang, '' );
+        $open  = 'full' === $variant;
+        $block = sprintf(
+                '<!-- wp:details {"showContent":%1$s} --><details class="wp-block-details"%2$s><summary>%3$s</summary>'
+                . '<!-- wp:image {"width":"20rem","sizeSlug":"full"} --><figure class="wp-block-image size-full is-resized"><img src="%4$s" alt="%5$s" width="1654" height="2339" loading="lazy" decoding="async" style="width:20rem"/></figure><!-- /wp:image -->'
+                . '<!-- wp:paragraph --><p><a href="%6$s">%7$s</a></p><!-- /wp:paragraph --></details><!-- /wp:details -->',
+                $open ? 'true' : 'false',
+                $open ? ' open' : '',
+                esc_html( $summary ),
+                esc_url( wc_gzd_get_legal_guarantee_image_url( $lang ) ),
+                esc_attr( (string) $alt ),
+                esc_url( wc_gzd_get_legal_guarantee_url( $lang ) ),
+                esc_html__( 'The legal guarantee in the EU, explained on europa.eu', 'leitvia' )
+        );
+        $note  = ( '' !== $note && 'link' !== $variant ) ? '<p class="wc-gzd-legal-guarantee-mixed-cart-notice">' . esc_html( $note ) . '</p>' : '';
+        return '<div class="wc-gzd-legal-guarantee-label leitvia-legal-guarantee">' . $note . do_blocks( $block ) . '</div>';
+}
+add_filter( 'woocommerce_gzd_legal_guarantee_html', __NAMESPACE__ . '\legal_guarantee_notice', 10, 3 );
+/**
+ * Germanized prints its global notice for the location "footer" on wp_footer, after the footer of a block theme and so
+ * outside every landmark. Its hook goes to leitvia_footer_end instead, which footer_end() fires inside the footer.
+ *
+ * @param array  $hook     Hook name and priority.
+ * @param string $location Location of the notice.
+ */
+function legal_guarantee_footer_hook( $hook, $location = '' ): array {
+        return 'footer' === $location ? array(
+                'hook'     => 'leitvia_footer_end',
+                'priority' => 10,
+        ) : (array) $hook;
+}
+add_filter( 'woocommerce_gzd_legal_guarantee_location_hook', __NAMESPACE__ . '\legal_guarantee_footer_hook', 10, 2 );
+/**
+ * Fires leitvia_footer_end at the end of every footer template part (tagName footer), inside the contentinfo landmark,
+ * so plugins can add legal notes there. Nothing changes while no callback is hooked.
+ *
+ * @param string $html  Block HTML.
+ * @param array  $block Parsed block.
+ */
+function footer_end( string $html, array $block ): string {
+        $end = strrpos( $html, '</footer>' );
+        if ( false === $end || 'footer' !== ( $block['attrs']['tagName'] ?? '' ) || ! has_action( 'leitvia_footer_end' ) ) {
+                return $html;
+        }
+        ob_start();
+        do_action( 'leitvia_footer_end' );
+        return substr_replace( $html, (string) ob_get_clean(), $end, 0 );
+}
+add_filter( 'render_block_core/template-part', __NAMESPACE__ . '\footer_end', 10, 2 );

leitvia/1.2.11/leitvia-contract.json

-              r355111
+              r356188
+{
         "$comment": "Machine-readable design contract of the Leitvia theme. Agents read this instead of guessing. Semver: major = removed or renamed role/pattern, minor = added, patch = descriptions. Explained for humans in design.md. A reference checker for compositionRules lives in the Leitvia monorepo and is not shipped with the theme. pageFrames: slots are unordered and may repeat; a page fills them with any number of patterns whose role the slot allows. Patterns with role frame (header, footer, hidden page parts) carry placeholder composition metadata that checks ignore.",
         "contractVersion": "1.10.0",
+        "contractVersion": "1.13.3",
         "theme": "leitvia",
         "rules": [
 …
+                {
                         "slug": "home",
                         "purpose": "Posts index with blog heading, featured sticky post and paginated list."
+                        "purpose": "Posts index with blog heading (title and excerpt of the posts page when one is set), featured sticky post and paginated list with a continue reading link per post."
                 },
+                {
                         "slug": "single",
                         "purpose": "Single post as an article with breadcrumbs above the one h1, byline, publish and update dates and a 16:9 featured image; Google News ready."
+                        "purpose": "Single post as an article with breadcrumbs above the one h1, byline, publish and update dates and a 16:9 featured image; Google News ready. Below the post: author box, previous and next post, up to three related posts from the same categories and comments while they are open or exist."
                 },
+                {
 …
                 "styles": "Theme block styles are listed in blockStyles with purpose and allowed context. Pick a block style before adding a class, a color or custom CSS; set it as is-style-<name> in className.",
                 "search": "Every Search block is a search landmark named after its label. Give each search on a page its own label (theme patterns: Site search, Search products, Search documentation, Search this site); two searches with the same name cannot be told apart by screen reader users.",
                 "bindings": "The copyright line of the footer patterns binds its content to the source leitvia/site-meta (key copyright) and always shows the current year. Keep the binding; a typed year goes stale.",
+                "bindings": "The copyright line of the footer patterns binds its content to the source leitvia/site-meta (key copyright) and always shows the current year. Keep the binding; a typed year goes stale. The image of a tile in leitvia/shop-category-tiles binds its url to leitvia/term-image, the image of the term; set the image on the category, not in the markup.",
                 "catalog": "Leitvia Studio, when active, publishes every block of Studio and its add-ons with attribute schema and usage rules at GET /wp-json/leitvia-studio/v1/blocks (users who can edit posts). Without Studio only core blocks and the theme block styles are available."
         },
 …
                         "block": "core/group",
                         "name": "inverse",
                         "purpose": "Band that stays dark in every palette: ink with surface text in light palettes, surface-alt with ink text in dark ones. Use instead of an ink background; pairs in inversePairs.",
+                        "purpose": "Band that stays dark in every palette: ink with surface text in light palettes, surface-alt with ink text and a hairline in stroke in dark ones, so the band stands apart from the page. Use instead of an ink background; pairs in inversePairs.",
                         "context": "Full-width section bands for calls to action or proof; at most one or two per page, never nested."
                 },
 …
                 },
+                {
+                        "block": "core/list",
+                        "name": "download",
+                        "purpose": "List of files to download: no bullets, a decorative file mark before each item, hairlines between items; the link of each item stands on its own line in bold.",
+                        "context": "Lists where each item is one link to a file, named with format and size, followed by one sentence about the file; the pattern content-downloads uses it."
+                },
+                {
                         "block": "core/paragraph",
                         "name": "badge",
 …
                         "purpose": "Comparison or price tables with a strong header row; scrolls sideways as a named region.",
                         "context": "Tables that compare plans or options; keep the caption and a header row."
+                },
+                {
+                        "block": "core/columns",
+                        "name": "overlap",
+                        "purpose": "The last column, a card, reaches into the column before it, an image; stacked on phones it rises over the lower edge of the image.",
+                        "context": "Two columns of one image and one text card, as in hero-overlap; never with more than two columns."
+                },
+                {
+                        "block": "core/group",
+                        "name": "header-split",
+                        "purpose": "Three columns of navigation, logo and action, with the logo exactly in the middle.",
+                        "context": "The row of a header template part with navigation, site logo group and buttons, as in header-split; not for content."
+                },
+                {
+                        "block": "core/buttons",
+                        "name": "header-action",
+                        "purpose": "The button beside the navigation of a header; hidden below 1024 px, where logo, menu items and button no longer fit in one row.",
+                        "context": "Buttons in a header template part only; the target page must also be in the navigation."
+                }
         ],
 …
                 },
+                {
+                        "slug": "leitvia/content-downloads",
+                        "title": "Downloads",
+                        "description": "Heading and short intro above a list of files to download, one per row with a decorative file mark: the link names the file, its format and its size, a sentence below says what is inside. Use on product, service, press or documentation pages that offer documents.",
+                        "area": "content",
+                        "useWhen": "Documents visitors take away, such as product sheets, price lists, terms or a press kit, uploaded to the media library.",
+                        "composition": {
+                                "tone": "surface-alt",
+                                "density": "dense",
+                                "layout": "list",
+                                "weight": "light",
+                                "role": "detail",
+                                "width": "reading"
+                        },
+                        "images": [],
+                        "docs": {
+                                "avoidWhen": "A single file inside running text; link it in the paragraph, or use a File block without its download button and with the file name, format and size as its text.",
+                                "a11y": "A semantic list; each item has one text link that names the file, its format and its size, for example \"Price list 2026 (PDF, 180 KB)\", followed by one sentence on the content. The file mark is decorative CSS and never the only link. Take format and size from leitvia/list-media (mime, filesize); keep the link text unique on the page.",
+                                "contentLength": {
+                                        "heading": [
+,
+                                        ],
+                                        "text": [
+,
+                                        ]
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
                         "slug": "leitvia/content-faq",
                         "title": "Frequently asked questions",
 …
                 },
+                {
+                        "slug": "leitvia/content-video",
+                        "title": "Video with transcript",
+                        "description": "Heading and short introduction above a video with a poster image and a caption, followed by a folded transcript with the text of every scene. Use to explain a process in a short video that stays accessible without sound.",
+                        "area": "content",
+                        "useWhen": "Showing a process or a product step by step in a short video, with the same content as text for everyone who cannot or does not want to watch.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "regular",
+                                "layout": "list",
+                                "weight": "medium",
+                                "role": "detail",
+                                "width": "reading"
+                        },
+                        "images": [],
+                        "docs": {
+                                "avoidWhen": "The video has spoken words; then it needs captions in a text track as well, not only a transcript. Never let it play on its own.",
+                                "a11y": "The video has controls and no autoplay. The transcript in a native details element holds everything the video shows, so nothing depends on watching it. The poster is the image of the video, the caption says what it shows.",
+                                "contentLength": {
+                                        "heading": [
+,
+                                        ],
+                                        "text": [
+,
+                                        ]
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
                         "slug": "leitvia/cta-banner",
                         "title": "Call to action banner",
 …
                         "slug": "leitvia/footer-mega",
                         "title": "Footer mega",
                         "description": "Large dark footer with a brand block of short pitch, trust facts and contact details, four link columns (four across or two by two, never three and one), legal navigation, social links, an empty Language switcher group for a WPML or Polylang switcher block and a back to top link. Use on product and company sites with many pages.",
+                        "description": "Large dark footer with a brand block of short pitch, trust facts and contact details, four link columns (four across or two by two, never three and one), legal navigation, social links, an empty Language switcher group for the language switcher block of a translation plugin and a back to top link. Use on product and company sites with many pages.",
                         "area": "footer",
                         "useWhen": "Product and company sites with many pages, legal links and social profiles.",
 …
                 },
+                {
+                        "slug": "leitvia/header-masthead",
+                        "title": "Header masthead",
+                        "description": "Newspaper masthead with a large centered site logo and the tagline below it, then the main navigation and the search between a heavy and a fine rule. Use for news sites and daily publications with a wide logo.",
+                        "area": "header",
+                        "useWhen": "News sites and daily publications whose wide logo should stand above the navigation like a masthead.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "regular",
+                                "layout": "centered",
+                                "weight": "heavy",
+                                "role": "frame",
+                                "width": "wide"
+                        },
+                        "images": [],
+                        "docs": {
+                                "avoidWhen": "Square or narrow logos and sites with many top level menu items; use header-default or header-search.",
+                                "a11y": "The site logo links home with the site name as its text alternative; the search has a label and the navigation is a labelled core navigation with a menu button on small screens.",
+                                "contentLength": {
+                                        "heading": null,
+                                        "text": null
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
                         "slug": "leitvia/header-minimal",
                         "title": "Header minimal",
 …
                                 "woocommerce"
+                        ]
+                },
+                {
+                        "slug": "leitvia/header-cta",
+                        "title": "Header with button",
+                        "description": "Site logo and title on the left, the main navigation and one button for the main action on the right, such as booking or getting in touch, with a fine line below. Below 1024 px the button gives way to the navigation. Use when one action matters on every page.",
+                        "area": "header",
+                        "useWhen": "Sites with one action that matters on every page, such as booking, a quote or getting in touch.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "regular",
+                                "layout": "split",
+                                "weight": "light",
+                                "role": "frame",
+                                "width": "wide"
+                        },
+                        "images": [],
+                        "docs": {
+                                "avoidWhen": "More than six top level menu items, or no single main action; use header-default.",
+                                "a11y": "Labelled navigation with a menu button on small screens; the button link names its target and is hidden below 1024 px, so the same page must be in the navigation.",
+                                "contentLength": {
+                                        "heading": null,
+                                        "text": null
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
+                        "slug": "leitvia/header-utility",
+                        "title": "Header with service bar",
+                        "description": "A slim dark bar above the header with opening hours on the left and a phone number and one more link on the right, then site logo and title, the main navigation and one button for the main action. Below 1024 px the button gives way to the navigation. Use for practices, trades and services that people call before they visit.",
+                        "area": "header",
+                        "useWhen": "Practices, trades, offices and services that people call or visit: opening hours and phone number on every page.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "regular",
+                                "layout": "split",
+                                "weight": "medium",
+                                "role": "frame",
+                                "width": "wide"
+                        },
+                        "images": [],
+                        "docs": {
+                                "avoidWhen": "Online only businesses, or when the bar would repeat the same facts as the header; use header-cta.",
+                                "a11y": "The bar is part of the banner landmark; its phone link uses tel: with the number in the link text. Labelled navigation with a menu button on small screens; the button is hidden below 1024 px, so its page must be in the navigation.",
+                                "contentLength": {
+                                        "heading": null,
+                                        "text": null
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
+                        "slug": "leitvia/header-split",
+                        "title": "Header with centered logo",
+                        "description": "The main navigation on the left, site logo and title exactly in the middle and one button on the right, with a fine line below. On phones the menu button sits on the left and the logo stays in the middle. Use for restaurants, studios, firms and brands whose logo should lead.",
+                        "area": "header",
+                        "useWhen": "Restaurants, studios, firms and brands with a strong logo and four or five menu items.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "regular",
+                                "layout": "centered",
+                                "weight": "light",
+                                "role": "frame",
+                                "width": "wide"
+                        },
+                        "images": [],
+                        "docs": {
+                                "avoidWhen": "More than five top level menu items; the left column wraps. Long site titles without a logo.",
+                                "a11y": "Labelled navigation with a menu button on small screens, where it sits on the left; the button is hidden below 1024 px, so its page must be in the navigation.",
+                                "contentLength": {
+                                        "heading": null,
+                                        "text": null
+                                },
+                                "replacedBy": null
+                        }
                 },
+                {
 …
                 },
+                {
+                        "slug": "leitvia/hero-search",
+                        "title": "Hero with search",
+                        "description": "Page intro that leads with search: a large heading, a wide search field with a visible label, a short lead and up to three buttons to the pages most people open first. Use at the top of documentation, help centers and knowledge bases.",
+                        "area": "hero",
+                        "useWhen": "Home page of documentation, a help center or a knowledge base, where most visitors arrive with a question.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "airy",
+                                "layout": "asymmetric",
+                                "weight": "heavy",
+                                "role": "hook",
+                                "width": "wide"
+                        },
+                        "images": [],
+                        "docs": {
+                                "avoidWhen": "Sites with few pages, where search finds little; or a header that already holds the only search field visitors need.",
+                                "a11y": "Holds the only h1. The search field keeps its visible label, so a second search in the header stays distinguishable; the buttons name their target pages.",
+                                "contentLength": {
+                                        "heading": [
+,
+                                        ],
+                                        "text": [
+,
+                                        ]
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
                         "slug": "leitvia/hero-split-image",
                         "title": "Hero split with image",
 …
                 },
+                {
+                        "slug": "leitvia/hero-overlap",
+                        "title": "Hero with card over image",
+                        "description": "A large image on the left and a text card on the right that reaches into the image, with eyebrow, heading, lead text and two buttons; on phones the card overlaps the lower edge of the image. Use when a photo should lead but the text must stay on a calm background.",
+                        "area": "hero",
+                        "useWhen": "Home and service pages where a photo should lead but the message must stay on a calm background, never on the picture.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "regular",
+                                "layout": "overlap",
+                                "weight": "heavy",
+                                "role": "hook",
+                                "width": "wide"
+                        },
+                        "images": [
+                                {
+                                        "aspectRatio": "4/3",
+                                        "displayWidth": "52rem",
+                                        "recommendedSize": "1600x1200",
+                                        "count": 1,
+                                        "source": "inline"
+                                }
+                        ],
+                        "docs": {
+                                "avoidWhen": "The next section is also split or overlapping, or no meaningful photo exists.",
+                                "a11y": "Holds the only h1, in the card, so text never sits on the image; the image needs alt text when it shows what the page offers.",
+                                "contentLength": {
+                                        "heading": [
+,
+                                        ],
+                                        "text": [
+,
+                                        ]
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
+                        "slug": "leitvia/hero-teaser-trio",
+                        "title": "Hero with three teasers",
+                        "description": "Page intro as three large picture teasers: heading and lead text in one row above three tall images, each with a number, a linked title and one sentence below. Use on home pages that lead straight into three services, stories or offers instead of one big message.",
+                        "area": "hero",
+                        "useWhen": "Home pages that lead straight into three services, stories or offers of equal weight.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "regular",
+                                "layout": "grid",
+                                "weight": "heavy",
+                                "role": "hook",
+                                "width": "wide"
+                        },
+                        "images": [
+                                {
+                                        "aspectRatio": "3/4",
+                                        "displayWidth": "25rem",
+                                        "recommendedSize": "900x1200",
+                                        "count": 3,
+                                        "source": "inline"
+                                }
+                        ],
+                        "docs": {
+                                "avoidWhen": "Only one offer, or teasers without strong photos; follow it with a list or text section, not with another grid.",
+                                "a11y": "Holds the only h1; teaser titles are h2 links that name their target. Each image needs alt text unless the title says everything it shows.",
+                                "contentLength": {
+                                        "heading": [
+,
+                                        ],
+                                        "text": [
+,
+                                        ]
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
                         "slug": "leitvia/page-accessibility-statement",
                         "title": "Accessibility statement",
 …
                         "slug": "leitvia/hidden-page-blog-heading",
                         "title": "Blog heading",
                         "description": "Page heading with a short lead for the posts index.",
+                        "description": "Page heading with a short lead for the posts index. With a posts page set in the reading settings, its title and excerpt replace the default texts.",
                         "area": "page",
                         "useWhen": "Inserted by the home template above the posts index.",
 …
                 },
+                {
+                        "slug": "leitvia/hidden-page-post-author",
+                        "title": "About the author",
+                        "description": "Author box below a single post: a heading, the linked name of the author and the biographical info of the profile. No avatar, so no request goes to Gravatar.",
+                        "area": "page",
+                        "useWhen": "Inserted by the single template below the post.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "regular",
+                                "layout": "list",
+                                "weight": "light",
+                                "role": "frame",
+                                "width": "reading"
+                        },
+                        "images": [],
+                        "docs": {
+                                "avoidWhen": "Never insert manually; it is hidden from the inserter and owned by a template.",
+                                "a11y": "An aside landmark named About the author with an h2; no avatar, so nothing is requested from Gravatar. The biography comes from the user profile and stays empty when the profile has none.",
+                                "contentLength": {
+                                        "heading": null,
+                                        "text": null
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
                         "slug": "leitvia/hidden-page-post-byline",
                         "title": "Post byline",
 …
                 },
+                {
+                        "slug": "leitvia/hidden-page-post-navigation",
+                        "title": "Post navigation",
+                        "description": "Links to the previous and the next post below a single post, each named with its direction and the post title.",
+                        "area": "page",
+                        "useWhen": "Inserted by the single template below the post.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "regular",
+                                "layout": "list",
+                                "weight": "light",
+                                "role": "frame",
+                                "width": "reading"
+                        },
+                        "images": [],
+                        "docs": {
+                                "avoidWhen": "Never insert manually; it is hidden from the inserter and owned by a template.",
+                                "a11y": "A nav landmark named More articles; each link names its direction and the post title, for example Previous article: <title>. Missing neighbours render nothing.",
+                                "contentLength": {
+                                        "heading": null,
+                                        "text": null
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
                         "slug": "leitvia/hidden-page-product-details",
                         "title": "Product details",
 …
                                 "woocommerce"
+                        ]
+                },
+                {
+                        "slug": "leitvia/hidden-page-read-more",
+                        "title": "Continue reading link",
+                        "description": "Link to the full post below its excerpt in the post lists of the blog, archive, author and search templates. Core adds the post title for screen readers.",
+                        "area": "page",
+                        "useWhen": "Inserted by the blog, archive, author and search templates below each excerpt.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "regular",
+                                "layout": "list",
+                                "weight": "light",
+                                "role": "frame",
+                                "width": "reading"
+                        },
+                        "images": [],
+                        "docs": {
+                                "avoidWhen": "Never insert manually; it is hidden from the inserter and owned by a template.",
+                                "a11y": "The visible text Continue reading is completed by the post title for screen readers by core, so every link has a unique name.",
+                                "contentLength": {
+                                        "heading": null,
+                                        "text": null
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
+                        "slug": "leitvia/hidden-page-related-posts",
+                        "title": "Related posts",
+                        "description": "Up to three other posts from the categories of the current post below a single post, each with linked title and date. Renders nothing when there are none.",
+                        "area": "page",
+                        "useWhen": "Inserted by the single template below the post.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "regular",
+                                "layout": "list",
+                                "weight": "light",
+                                "role": "frame",
+                                "width": "reading"
+                        },
+                        "images": [],
+                        "docs": {
+                                "avoidWhen": "Never insert manually; it is hidden from the inserter and owned by a template.",
+                                "a11y": "An h2 above up to three h3 title links with dates as time elements; the whole section is left out when no other post matches.",
+                                "contentLength": {
+                                        "heading": null,
+                                        "text": null
+                                },
+                                "replacedBy": null
+                        }
                 },
+                {
 …
                 },
+                {
+                        "slug": "leitvia/teaser-front-page",
+                        "title": "Front page",
+                        "description": "Newspaper front page in three columns under a page heading: the sticky lead story wide with image, desk, headline, excerpt, author and date, beside it four headlines in brief and three more stories with small images. Use as the top of the home page of a news site that marks its lead story as sticky.",
+                        "area": "teaser",
+                        "useWhen": "The first section of the home page of a news site or daily publication with one sticky lead story and at least seven more posts.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "dense",
+                                "layout": "asymmetric",
+                                "weight": "heavy",
+                                "role": "hook",
+                                "width": "wide"
+                        },
+                        "images": [
+                                {
+                                        "aspectRatio": "3/2",
+                                        "displayWidth": "44rem",
+                                        "recommendedSize": "1600x1067",
+                                        "count": 1,
+                                        "source": "featured-image"
+                                },
+                                {
+                                        "aspectRatio": "16/9",
+                                        "displayWidth": "17rem",
+                                        "recommendedSize": "800x450",
+                                        "count": 1,
+                                        "source": "featured-image"
+                                }
+                        ],
+                        "docs": {
+                                "avoidWhen": "Sites without a sticky post, the lead column then stays empty; magazines that want one story only, use teaser-featured-post.",
+                                "a11y": "The page heading is the h1 of the home page, so the page needs no other h1. The lead headline is an h2, the two side columns have an h2 each with h3 headlines. The lead comes first in the reading order; the queries skip sticky posts and each other, so no story appears twice.",
+                                "contentLength": {
+                                        "heading": [
+,
+                                        ],
+                                        "text": [
+,
+                                        ]
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
                         "slug": "leitvia/teaser-posts-badge",
                         "title": "Posts with category badges",
 …
                         "docs": {
                                 "avoidWhen": "Another ink section is adjacent, or the promises are not true for every order; never add logos of payment providers.",
                                 "a11y": "Each promise is an h3 with one line of text; payment methods are plain text, so screen readers read them without image alt texts.",
+                                "a11y": "Each promise is an h2 with one line of text, so the band fits right below the h1 of a hero and after any other section; payment methods are plain text, so screen readers read them without image alt texts.",
                                 "contentLength": {
                                         "heading": [
 …
                         "slug": "leitvia/shop-category-tiles",
                         "title": "Shop category tiles",
                         "description": "Heading above one tile per product category of the shop, three across on wide screens, each with the linked category name and its description. The tiles follow the categories of the shop on their own. Use on a shop home page to lead visitors into the range.",
+                        "description": "Heading above one tile per product category of the shop, three across on wide screens, each with the image of the category when it has one, the linked category name and its description. The tiles follow the categories of the shop on their own. Use on a shop home page to lead visitors into the range.",
                         "area": "teaser",
                         "useWhen": "Shop home pages that lead into the range by category; the tiles list the product categories that hold products.",
 …
                                 "width": "wide"
                         },
+                        "images": [],
+                        "images": [
+                                {
+                                        "aspectRatio": "4/3",
+                                        "displayWidth": "24rem",
+                                        "recommendedSize": "768x576",
+                                        "count": 1,
+                                        "source": "inline"
+                                }
+                        ],
                         "docs": {
                                 "avoidWhen": "The shop has only one category, or a category page (its subcategories belong into the archive itself).",
                                 "a11y": "Category names are linked h3; write a category description in the shop, else the tile shows the name only.",
+                                "a11y": "Category names are linked h3; write a category description in the shop, else the tile shows the name only. The image is the category image (leitvia/update-product-category with image), bound through leitvia/term-image and decorative next to the linked name; without one the tile has no image.",
                                 "contentLength": {
                                         "heading": [
 …
                         "images": [],
                         "docs": {
                                 "avoidWhen": "Shops without Germanized; the pattern is then not registered and the product template shows nothing in its place. With German Market use its own blocks.",
+                                "avoidWhen": "Shops without Germanized; the pattern is then not registered and the product template shows nothing in its place. German Market prints its own price details after the price by itself.",
                                 "a11y": "Plain text lines in the muted role that keep the meta contrast; the shipping note links to the shipping costs page with a descriptive link text from Germanized.",
+                                "contentLength": {
+                                        "heading": null,
+                                        "text": null
+                                },
+                                "replacedBy": null
+                        },
+                        "requires": [
+                                "woocommerce",
+                                "woocommerce-germanized"
+                        ]
+                },
+                {
+                        "slug": "leitvia/shop-legal-guarantee",
+                        "title": "Legal guarantee notice",
+                        "description": "The EU notice on the legal guarantee from Germanized, as a disclosure with a text summary, the official label and a link to europa.eu. Shows only while the notice is switched on in Germanized and the product is not virtual. Available only while Germanized is active. Use in the single product template below the add to cart form.",
+                        "area": "page",
+                        "useWhen": "In the single product template below the add to cart form (it is placed there already), while Germanized is active and its notice on the legal guarantee is switched on.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "dense",
+                                "layout": "list",
+                                "weight": "light",
+                                "role": "frame",
+                                "width": "reading"
+                        },
+                        "images": [],
+                        "docs": {
+                                "avoidWhen": "Product grids, where one disclosure per product is noise, and shops without Germanized; the pattern is then not registered and the product template shows nothing in its place.",
+                                "a11y": "A native disclosure (details and summary) with a text summary, operable by keyboard without script; the label image carries Germanized's alt text, and a text link leads to the full notice on europa.eu. The theme renders every variant of Germanized this way, also in cart, checkout and the shortcode.",
                                 "contentLength": {
                                         "heading": null,
 …
                 },
+                {
+                        "slug": "leitvia-studio/content-spotlight",
+                        "title": "Annotated image",
+                        "description": "Heading with a short introduction beside it on a tinted band and a wide image with numbered points that each open a note. Use to explain the parts of a product, a room, a building or a page.",
+                        "area": "content",
+                        "useWhen": "A picture that needs explaining part by part, such as a product, a floor plan, a facade or a screenshot of a page, typically in the context step of a landing page.",
+                        "composition": {
+                                "tone": "surface-alt",
+                                "density": "regular",
+                                "layout": "asymmetric",
+                                "weight": "medium",
+                                "role": "context",
+                                "width": "wide"
+                        },
+                        "images": [
+                                {
+                                        "aspectRatio": "3/2",
+                                        "displayWidth": "80rem",
+                                        "recommendedSize": "2400x1600",
+                                        "count": 1,
+                                        "source": "inline"
+                                }
+                        ],
+                        "docs": {
+                                "avoidWhen": "The picture explains itself or needs more than six points; then use a list or the feature grid. Needs Leitvia Studio for the spotlight block.",
+                                "a11y": "Each point is a disclosure with a visible number and a name that screen readers announce; on narrow screens the notes follow the image as a list in the same order. The image keeps a meaningful alt text, the notes add detail and never the only description.",
+                                "contentLength": {
+                                        "heading": [
+,
+                                        ],
+                                        "text": [
+,
+                                        ]
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
                         "slug": "leitvia-studio/content-story-highlight",
                         "title": "Story with highlight",
 …
                 },
+                {
+                        "slug": "leitvia-studio/content-timeline",
+                        "title": "Timeline with introduction",
+                        "description": "Heading, short introduction and a link on the left, five dated entries of a timeline on the right. Use to tell how a project, a decision or a story developed over time.",
+                        "area": "content",
+                        "useWhen": "Background to a news story, the history of a project or an organization, any sequence of dated steps that a reader should follow in order.",
+                        "composition": {
+                                "tone": "surface-alt",
+                                "density": "regular",
+                                "layout": "asymmetric",
+                                "weight": "medium",
+                                "role": "context",
+                                "width": "wide"
+                        },
+                        "images": [],
+                        "docs": {
+                                "avoidWhen": "Steps without dates; use content-steps instead. More than seven entries make the band longer than the screen. Needs Leitvia Studio for the timeline block.",
+                                "a11y": "The timeline is an ordered list; every entry has a time element with a machine readable date and an h3 under the section h2. Line and dots are decoration.",
+                                "contentLength": {
+                                        "heading": [
+,
+                                        ],
+                                        "text": [
+,
+                                        ]
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
+                        "slug": "leitvia-studio/content-entry-facts",
+                        "title": "Entry facts",
+                        "description": "The facts of one entry as a ruled list of label and value, such as date, price and free places, each value bound to a field of the content model. Use in the content of an entry page below the introduction.",
+                        "area": "content",
+                        "useWhen": "Entry page of a post type of the content model, such as a course or an event. Copy the markup into the content of the entry with leitvia/create-content: one row per field, the label as text, the value bound to leitvia/meta with the field key (suffix adds a unit or currency such as \" €\"). It renders as a description list.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "dense",
+                                "layout": "list",
+                                "weight": "light",
+                                "role": "detail",
+                                "width": "reading"
+                        },
+                        "images": [],
+                        "docs": {
+                                "avoidWhen": "Pages without an entry of the content model as context; the bound values stay empty there. Prices of products, which the shop shows.",
+                                "a11y": "Renders as a description list: each label a term, each value its description, in reading order. Keep exactly two paragraphs per row, the label first.",
+                                "contentLength": {
+                                        "heading": null,
+                                        "text": [
+,
+                                        ]
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
+                        "slug": "leitvia-studio/teaser-type-entries",
+                        "title": "Entries of a type",
+                        "description": "Heading above the latest entries of one post type as a ruled list, each with its linked title and excerpt. Use as the overview of courses, events or other entries of the content model, with their fields in each row.",
+                        "area": "teaser",
+                        "useWhen": "Overview page of a post type of the content model, such as courses or events. Build it with leitvia/create-content from this markup: set query.postType to the type and add a paragraph per field bound to leitvia/meta.",
+                        "composition": {
+                                "tone": "surface",
+                                "density": "dense",
+                                "layout": "list",
+                                "weight": "light",
+                                "role": "context",
+                                "width": "wide"
+                        },
+                        "images": [],
+                        "docs": {
+                                "avoidWhen": "Blog posts; use teaser-posts-list or teaser-posts-grid. Unchanged through compose-page it lists blog posts, not the entries of a type.",
+                                "a11y": "Titles are h3 links under the section h2; field values follow their title in reading order. A value that is unclear on its own, such as a bare number, sits in a row with a label such as Free places.",
+                                "contentLength": {
+                                        "heading": [
+,
+                                        ],
+                                        "text": null
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
                         "slug": "leitvia-studio/offer-pricing-plans",
                         "title": "Pricing plans with comparison",
 …
 ,
+                                        ]
+                                },
+                                "replacedBy": null
+                        }
+                },
+                {
+                        "slug": "leitvia-studio/content-spotlight-scene",
+                        "title": "Scene with points",
+                        "description": "Heading and short introduction above a wide picture with four numbered points; each point opens a name, one line and a link. Use to show the products in a room, on a table or on a person, or the parts of a product in their place.",
+                        "area": "content",
+                        "useWhen": "A shop or product page where one photo shows several products or parts that each deserve a name and a link.",
+                        "composition": {
+                                "tone": "surface-alt",
+                                "density": "regular",
+                                "layout": "overlap",
+                                "weight": "heavy",
+                                "role": "detail",
+                                "width": "wide"
+                        },
+                        "images": [
+                                {
+                                        "aspectRatio": "intrinsic",
+                                        "displayWidth": "80rem",
+                                        "recommendedSize": "2560x1707",
+                                        "count": 1,
+                                        "source": "inline"
+                                }
+                        ],
+                        "docs": {
+                                "avoidWhen": "Pictures without distinct objects, or more than six points; use an image with a caption or a product grid. Needs Leitvia Studio for the spotlight block.",
+                                "a11y": "Every point is a disclosure with its name as the accessible name; the number is hidden from assistive technology. Below 782 px the points follow the picture as a list in the same order, so nothing depends on the picture.",
+                                "contentLength": {
+                                        "heading": [
+,
+                                        ],
+                                        "text": [
+,
+                                        ]
                                 },

leitvia/1.2.11/patterns/content-compare-two.php

-              r355111
+              r356188
                 </div>
                 <!-- /wp:group -->
                 <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|l","right":"var:preset|spacing|l","bottom":"var:preset|spacing|l","left":"var:preset|spacing|l"},"blockGap":"var:preset|spacing|m"}},"backgroundColor":"ink","textColor":"surface"} -->
                 <div class="wp-block-group has-surface-color has-ink-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--l);padding-right:var(--wp--preset--spacing--l);padding-bottom:var(--wp--preset--spacing--l);padding-left:var(--wp--preset--spacing--l)">
+                <!-- wp:group {"className":"is-style-inverse","style":{"spacing":{"padding":{"top":"var:preset|spacing|l","right":"var:preset|spacing|l","bottom":"var:preset|spacing|l","left":"var:preset|spacing|l"},"blockGap":"var:preset|spacing|m"}}} -->
+                <div class="wp-block-group is-style-inverse" style="padding-top:var(--wp--preset--spacing--l);padding-right:var(--wp--preset--spacing--l);padding-bottom:var(--wp--preset--spacing--l);padding-left:var(--wp--preset--spacing--l)">
                         <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|s"}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"center"}} -->
                         <div class="wp-block-group">

leitvia/1.2.11/patterns/content-price-list.php

r355111	r356188
36	36	<!-- /wp:table -->
37	37	<!-- wp:paragraph {"textColor":"ink-muted","fontSize":"meta"} -->
38		<p class="has-ink-muted-color has-text-color has-meta-font-size"><?php esc_html_e( 'Source: ~~Leitvia demo~~ price list, as of 1 October 2026. Prices may change for new contracts; running contracts keep their price until renewal.', 'leitvia' ); ?></p>
	38	<p class="has-ink-muted-color has-text-color has-meta-font-size"><?php esc_html_e( 'Source: sample price list, as of 1 October 2026. Prices may change for new contracts; running contracts keep their price until renewal.', 'leitvia' ); ?></p>
39	39	<!-- /wp:paragraph -->
40	40	</div>

leitvia/1.2.11/patterns/footer-mega.php

-              r355111
+              r356188
  * Slug: leitvia/footer-mega
  * Categories: footer
  * Description: Large dark footer with a brand block of short pitch, trust facts and contact details, four link columns (four across or two by two, never three and one), legal navigation, social links, an empty Language switcher group for a WPML or Polylang switcher block and a back to top link. Use on product and company sites with many pages.
+ * Description: Large dark footer with a brand block of short pitch, trust facts and contact details, four link columns (four across or two by two, never three and one), legal navigation, social links, an empty Language switcher group for the language switcher block of a translation plugin and a back to top link. Use on product and company sites with many pages.
  * Keywords: footer, mega footer, sitemap, contact, legal, social
  * Block Types: core/template-part/footer
 …
 ?>
 <!-- wp:group {"metadata":{"name":"Footer"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|xl","bottom":"var:preset|spacing|xl"},"blockGap":"var:preset|spacing|xl"}},"backgroundColor":"ink","textColor":"surface","layout":{"type":"constrained"}} -->
 <div class="wp-block-group alignfull has-surface-color has-ink-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--xl);padding-bottom:var(--wp--preset--spacing--xl)">
+<!-- wp:group {"metadata":{"name":"Footer"},"align":"full","className":"is-style-inverse","style":{"spacing":{"padding":{"top":"var:preset|spacing|xl","bottom":"var:preset|spacing|xl"},"blockGap":"var:preset|spacing|xl"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull is-style-inverse" style="padding-top:var(--wp--preset--spacing--xl);padding-bottom:var(--wp--preset--spacing--xl)">
         <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|xl","left":"var:preset|spacing|xxl"}}}} -->
         <div class="wp-block-columns alignwide">
 …
                                 <!-- wp:navigation-link {"label":"<?php echo esc_attr__( 'Data processing agreement', 'leitvia' ); ?>","url":"#","kind":"custom"} /-->
                         <!-- /wp:navigation -->
                         <!-- wp:social-links {"iconColor":"surface","showLabels":true,"className":"is-style-logos-only","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|m"}}}} -->
+                        <!-- wp:social-links {"showLabels":true,"className":"is-style-logos-only","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|m"}}}} -->
                         <ul class="wp-block-social-links has-visible-labels is-style-logos-only">
                                 <!-- wp:social-link {"url":"#","service":"linkedin"} /-->

leitvia/1.2.11/patterns/hidden-page-blog-heading.php

-              r355111
+              r356188
  * Slug: leitvia/hidden-page-blog-heading
  * Categories: text
  * Description: Page heading with a short lead for the posts index.
+ * Description: Page heading with a short lead for the posts index. With a posts page set in the reading settings, its title and excerpt replace the default texts.
  * Keywords: blog, heading, posts, intro
  * Inserter: no
 …
  */
+// A posts page such as "Journal" names the blog; its title and excerpt are read when the template renders.
+$leitvia_posts_page = (int) get_option( 'page_for_posts' );
+$leitvia_blog_title = $leitvia_posts_page ? get_the_title( $leitvia_posts_page ) : '';
+$leitvia_blog_lead  = $leitvia_posts_page && has_excerpt( $leitvia_posts_page ) ? get_the_excerpt( $leitvia_posts_page ) : '';
 ?>
 <!-- wp:heading {"level":1} -->
 <h1 class="wp-block-heading"><?php esc_html_e( 'Latest writing', 'leitvia' ); ?></h1>
+<h1 class="wp-block-heading"><?php echo esc_html( '' !== $leitvia_blog_title ? $leitvia_blog_title : __( 'Latest writing', 'leitvia' ) ); ?></h1>
 <!-- /wp:heading -->
 <!-- wp:paragraph {"textColor":"ink-muted","fontSize":"lead"} -->
 <p class="has-ink-muted-color has-text-color has-lead-font-size"><?php esc_html_e( 'New essays, projects and notes, newest first.', 'leitvia' ); ?></p>
+<p class="has-ink-muted-color has-text-color has-lead-font-size"><?php echo esc_html( '' !== $leitvia_blog_lead ? $leitvia_blog_lead : __( 'New essays, projects and notes, newest first.', 'leitvia' ) ); ?></p>
 <!-- /wp:paragraph -->

leitvia/1.2.11/patterns/shop-category-tiles.php

-              r355111
+              r356188
  * Slug: leitvia/shop-category-tiles
  * Categories: leitvia-shop
  * Description: Heading above one tile per product category of the shop, three across on wide screens, each with the linked category name and its description. The tiles follow the categories of the shop on their own. Use on a shop home page to lead visitors into the range.
+ * Description: Heading above one tile per product category of the shop, three across on wide screens, each with the image of the category when it has one, the linked category name and its description. The tiles follow the categories of the shop on their own. Use on a shop home page to lead visitors into the range.
  * Keywords: shop, categories, product categories, tiles, range, woocommerce
  * Viewport Width: 1400
 …
                         <!-- wp:group {"style":{"border":{"radius":"var:preset|border-radius|s"},"spacing":{"padding":{"top":"var:preset|spacing|m","right":"var:preset|spacing|m","bottom":"var:preset|spacing|m","left":"var:preset|spacing|m"},"blockGap":"var:preset|spacing|xs"}},"backgroundColor":"surface-alt"} -->
                         <div class="wp-block-group has-surface-alt-background-color has-background" style="border-radius:var(--wp--preset--border-radius--s);padding-top:var(--wp--preset--spacing--m);padding-right:var(--wp--preset--spacing--m);padding-bottom:var(--wp--preset--spacing--m);padding-left:var(--wp--preset--spacing--m)">
+                                <!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"medium_large","linkDestination":"none","metadata":{"bindings":{"url":{"source":"leitvia/term-image"}},"leitviaDecorative":true}} -->
+                                <figure class="wp-block-image size-medium_large"><img alt="" style="aspect-ratio:4/3;object-fit:cover"/></figure>
+                                <!-- /wp:image -->
                                 <!-- wp:term-name {"level":3,"isLink":true,"fontSize":"heading-s"} /-->
                                 <!-- wp:term-description {"textColor":"ink-muted","fontSize":"meta"} /-->

leitvia/1.2.11/patterns/shop-usp-bar.php

-              r355111
+              r356188
                 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|xxs"}}} -->
                 <div class="wp-block-group">
                         <!-- wp:heading {"level":3,"fontSize":"body"} -->
                         <h3 class="wp-block-heading has-body-font-size"><?php esc_html_e( 'Free shipping from 50 euros', 'leitvia' ); ?></h3>
+                        <!-- wp:heading {"fontSize":"body"} -->
+                        <h2 class="wp-block-heading has-body-font-size"><?php esc_html_e( 'Free shipping from 50 euros', 'leitvia' ); ?></h2>
                         <!-- /wp:heading -->
                         <!-- wp:paragraph {"fontSize":"meta"} -->
 …
                 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|xxs"}}} -->
                 <div class="wp-block-group">
                         <!-- wp:heading {"level":3,"fontSize":"body"} -->
                         <h3 class="wp-block-heading has-body-font-size"><?php esc_html_e( '30 days to return', 'leitvia' ); ?></h3>
+                        <!-- wp:heading {"fontSize":"body"} -->
+                        <h2 class="wp-block-heading has-body-font-size"><?php esc_html_e( '30 days to return', 'leitvia' ); ?></h2>
                         <!-- /wp:heading -->
                         <!-- wp:paragraph {"fontSize":"meta"} -->
 …
                 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|xxs"}}} -->
                 <div class="wp-block-group">
                         <!-- wp:heading {"level":3,"fontSize":"body"} -->
                         <h3 class="wp-block-heading has-body-font-size"><?php esc_html_e( 'Pay the way you like', 'leitvia' ); ?></h3>
+                        <!-- wp:heading {"fontSize":"body"} -->
+                        <h2 class="wp-block-heading has-body-font-size"><?php esc_html_e( 'Pay the way you like', 'leitvia' ); ?></h2>
                         <!-- /wp:heading -->
                         <!-- wp:paragraph {"fontSize":"meta"} -->

leitvia/1.2.11/readme.txt

-              r355111
+              r356188
 Tested up to: 7.1
 Requires PHP: 8.2
 Stable tag: 1.0.2
+Stable tag: 1.2.11
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 …
 * Form fields in search and comments have visible labels, required fields are marked and personal data fields declare their purpose (autocomplete).
 * A pattern "Accessibility statement" gives site owners a template with the details BITV 2.0 and the European Accessibility Act require.
 * The page template "Page in easy language" sets pages in easy language (Leichte Sprache) in a narrower column with larger text, line height 1.6, left aligned and without hyphenation. Leitvia Studio links such a page and its original with a language switch.
+* The page template "Page in easy language" sets pages in easy language (Leichte Sprache) in a narrower column with larger text, line height 1.6, left aligned and without hyphenation.
 These properties are checked by an automated test suite (axe-core and a BITV 2.0 suite with keyboard, layout, contrast and form tests) on every template and pattern in every style variation. Automated tests do not replace a test by people: screen reader checks are done by hand, and the accessibility of a site also depends on its content and plugins. Report accessibility problems at https://leitvia.com.
 …
 * Templates for the shop page, product categories, tags, attributes and brands (these use the shop template), product search results, single products, cart, checkout and order confirmation. The My account page is created by WooCommerce; the theme styles its login, registration and account forms.
 * Template parts "Shop header" with product search, customer account and mini cart, and for the checkout a header with logo and a link back to the cart and a minimal footer, without the main navigation.
 * Shop patterns in the category "Shop": shop hero with product, category tiles, new arrivals, bestsellers, a benefits bar, trust badges and "Legal price information". The last one shows the tax note, shipping costs, unit price and delivery time from the blocks of Germanized, is offered only while Germanized is active and is already part of the single product template.
+* Shop patterns in the category "Shop": shop hero with product, category tiles, new arrivals, bestsellers, a benefits bar, trust badges and "Legal price information". The last one shows the tax note, shipping costs, unit price and delivery time from the blocks of Germanized, is offered only while Germanized is active and is already part of the single product template. "Legal guarantee notice" shows the EU notice on the legal guarantee from Germanized below the add to cart form, as a disclosure with a text summary, the label and a link to europa.eu; the theme renders the notice this way in cart and checkout as well.
 * Styles for prices, sale badge, ratings, product tabs, cart, checkout, notices and mini cart come from the same design tokens as the rest of the theme, in every style variation. They load only on pages that use the blocks.
 * Plugins that hook into the classic WooCommerce templates keep working: the templates are built like the block templates of WooCommerce, so the classic product, shop and account hooks fire, and the product page uses the classic product tabs and add to cart form.
 …
 Leitvia itself makes no external requests and sets no cookies. Fonts, images and styles ship with the theme, and templates and patterns show no avatars, because WordPress loads them from Gravatar, a third-party service; author pages identify the author by name and biography. WordPress core, plugins and embedded content can still send requests or set cookies.
 WooCommerce loads nothing from other hosts on the front end of a new shop, but its feature "Order attribution" is on by default and sets cookies (sbjs_*) on every page view, before a visitor does anything. Switch it off under WooCommerce, Settings, Advanced, Features unless your consent solution covers it; the cart cookies then only appear once a visitor adds a product to the cart. Usage tracking and marketplace suggestions in the admin can be switched off under WooCommerce, Settings, Advanced as well. The recipe "Shop" of the plugin Leitvia Studio switches all of these off. Product reviews show avatars through WordPress; without a plugin for local profile pictures they come from Gravatar while "Show Avatars" under Settings, Discussion is on.
+WooCommerce loads nothing from other hosts on the front end of a new shop, but its feature "Order attribution" is on by default and sets cookies (sbjs_*) on every page view, before a visitor does anything. Switch it off under WooCommerce, Settings, Advanced, Features unless your consent solution covers it; the cart cookies then only appear once a visitor adds a product to the cart. Usage tracking and marketplace suggestions in the admin can be switched off under WooCommerce, Settings, Advanced as well. Product reviews show avatars through WordPress; without a plugin for local profile pictures they come from Gravatar while "Show Avatars" under Settings, Discussion is on.
 == Support ==
 …
 * Imprint: https://leitvia.com/legal-notice/ (German original: https://leitvia.com/de/impressum/)
 * Privacy policy: https://leitvia.com/privacy-policy/
-* Terms for the paid Leitvia Pro plans and the account on leitvia.com (they do not apply to this free software): https://leitvia.com/terms/
 == Changelog ==
+= 1.2.11 =
+* The description and the readme describe the theme on its own, without recommending plugins or paid add-ons.
+* The readme quotes the copyright lines of the bundled fonts from their OFL.txt files and lists the origin of every image, logo and icon.
+* The licence text is LICENSE.txt.
+* The pattern Footer mega names no translation plugin in its description. Design contract 1.13.3.
+* The fonts of the active style are preloaded through WordPress (filter wp_preload_resources) instead of link tags the theme prints itself; the files and the order stay the same.
+* Right-to-left languages: content that templates and patterns align to the start edge sits on the right, as it should, instead of on the left (core writes the left alignment as a physical margin).
+* Table style Comparison: the first column stays in place while a wide table scrolls sideways, for example under 200 % text zoom, so every row keeps its label and the table shows that it scrolls (WCAG 1.4.4, 1.4.10).
+= 1.2.10 =
+* Long words no longer push a page sideways on phones: headings and post titles wrap a word that is longer than the line, and German headings hyphenate (WCAG 1.4.10 Reflow). Pages in easy language keep words whole.
+= 1.2.9 =
+* New pattern Video with transcript: a video with poster and caption, followed by a folded transcript with the text of every scene.
+* Videos: while a control of a video has focus, the video shows the focus ring of the theme. The browser draws the controls itself, out of reach for theme CSS.
+= 1.2.8 =
+* Readable type on phones: small meta text is 14 px instead of 13 px, and headings no longer force the finest optical size of a variable font, whose hairlines break up on small screens.
+= 1.2.7 =
+* Documentation pages: full-width sections in the content column line up with the page title instead of sitting indented by the page padding.
+* CSS ships without comments; the code is unchanged and readable.
+= 1.2.6 =
+* Pattern "Price list": the source line names a sample price list instead of the theme.
+= 1.2.5 =
+* Inverse in dark style variations: the band keeps its dark surface and gets a hairline in the stroke color, so it stands apart from the page. Design contract 1.13.2.
+* Footer mega and the second card of Compare two use the Inverse style instead of a fixed ink surface, so they stay dark in dark style variations; the social logos of the footer take the text color of the band.
+= 1.2.4 =
+* Hero with card over image: the card reaches into the image again and fills the row on wide screens; in 1.2.3 a core rule for columns with a fixed width kept it at its own width beside the image.
+= 1.2.3 =
+* New header patterns: Header with button (header-cta) with the main navigation and one button for the main action, Header with service bar (header-utility) with opening hours and phone number in a slim bar above, and Header with centered logo (header-split) with the navigation on the left and the logo exactly in the middle.
+* New hero patterns: Hero with card over image (hero-overlap), a large photo with the text card reaching into it, and Hero with three teasers (hero-teaser-trio), three tall picture teasers as the entry of a home page.
+* New block styles: Overlap for Columns, Header split for Group and Header action for Buttons, which hides the header button below 1024 px. Design contract 1.13.1.
+= 1.2.2 =
+* Right-to-left: the sale badge on product images sits at the inline start and the product attribute table pads at the inline end, so both mirror in right-to-left languages.
+= 1.2.1 =
+* A search placed in the page content, such as the pattern Hero with search, replaces the search of the header on that page, so the front page of a help center shows one search field instead of two.
+= 1.2.0 =
+* The EU notice on the legal guarantee of Germanized is a disclosure with a text summary, the label at 20rem and a text link to europa.eu, in every variant and place: product block, cart, checkout, the shortcode and the footer. No popover, no link to "#".
+* New pattern Legal guarantee notice (shop-legal-guarantee), placed in the single product template below the add to cart form. It registers only with Germanized and shows only while the notice is switched on there.
+* The footer location of Germanized sits inside the footer landmark, through the new action leitvia_footer_end that other plugins can use as well.
+* Theme contract 1.13.0.
+= 1.1.0 =
+* The theme description and the readme name the free plugin Leitvia Studio and what it adds.
+* New patterns: Downloads (content-downloads) in the new list style Download, one text link per file with format and size; Masthead (header-masthead) for a newspaper; Hero with search (hero-search) for documentation and help centers; Front page (teaser-front-page) with the sticky lead story and headlines in brief.
+* Blog: lists of posts get a continue reading link that names the post for screen readers, the blog heading takes title and excerpt of the posts page, and single posts get an author box without avatar, a post navigation that says previous or next article and up to three related posts from the same categories.
+* Shop category tiles show the image of the category through the new binding source leitvia/term-image, with width and height set on render; a category without an image keeps name and description.
+* Clear on a variable product is a button instead of a link to "#", so screen readers announce an action and Space presses it.
+* Button labels wrap between words, the headings of the shop USP bar are level 2.
 = 1.0.2 =
 …
 = Fonts =
 Bundled locally (latin and latin-ext subsets, WOFF2), all licensed under the SIL Open Font License 1.1. The license text sits next to each font in assets/fonts/. Files were obtained from Google Fonts (https://fonts.google.com), source repository https://github.com/google/fonts.
+Bundled locally (latin and latin-ext subsets, WOFF2), all licensed under the SIL Open Font License 1.1. The license text with the copyright line below sits next to each font in assets/fonts/<font>/OFL.txt. Files were obtained from Google Fonts (https://fonts.google.com), source repository https://github.com/google/fonts.
 * Newsreader (with the optical size axis), Copyright 2020 The Newsreader Project Authors, SIL OFL 1.1, https://github.com/productiontype/Newsreader
 * Inter Tight (upright and italic, weight axis), Copyright 2022 The Inter Project Authors, SIL OFL 1.1, https://github.com/google/fonts/tree/main/ofl/intertight
 * IBM Plex Sans (upright and italic, weight axis), Copyright 2017 IBM Corp., SIL OFL 1.1, https://github.com/IBM/plex
 * IBM Plex Mono, Copyright 2017 IBM Corp., SIL OFL 1.1, https://github.com/IBM/plex
+* Newsreader (with the optical size axis): Copyright 2020 The Newsreader Project Authors (http://github.com/productiontype/Newsreader). License: SIL Open Font License 1.1, assets/fonts/newsreader/OFL.txt.
+* Inter Tight (upright and italic, weight axis): Copyright 2022 The Inter Project Authors (https://github.com/rsms/inter-tight). License: SIL Open Font License 1.1, assets/fonts/inter-tight/OFL.txt.
+* IBM Plex Sans (upright and italic, weight axis): Copyright © 2017 IBM Corp. with Reserved Font Name "Plex". Source: https://github.com/IBM/plex. License: SIL Open Font License 1.1, assets/fonts/ibm-plex-sans/OFL.txt.
+* IBM Plex Mono: Copyright © 2017 IBM Corp. with Reserved Font Name "Plex". Source: https://github.com/IBM/plex. License: SIL Open Font License 1.1, assets/fonts/ibm-plex-mono/OFL.txt.
 = Images and logos =
+Images and logos in assets/images are created by Patrick Schlesinger, CMS ADMINS, licensed under GPLv2 or later.
+All files in assets/images were created by Patrick Schlesinger, CMS ADMINS, for this theme and are licensed under GPLv2 or later:
+* landscape.webp, portrait.webp, square.webp, detail.webp: placeholder illustrations for the patterns, drawn as vector graphics and exported as WebP.
+* logo-1.svg to logo-5.svg: logos of fictional companies (Tervane, Kolmar Works, Brinnel and Co, Halvera, Marlow Fenn) for the pattern "Logos"; any resemblance to real brands is unintended.
+= Icons =
+* The download icon of the list style "Download" (assets/css/blocks/core--list.css, an inline SVG used as a CSS mask) was drawn for this theme by Patrick Schlesinger, CMS ADMINS, and is licensed under GPLv2 or later.
 = Screenshot =

leitvia/1.2.11/style.css

r355111	r356188
8	8	Tested up to: 7.1
9	9	Requires PHP: 8.2
10		Version: 1.~~0.2~~
	10	Version: 1.2.11
11	11	License: GNU General Public License v2 or later
12	12	License URI: https://www.gnu.org/licenses/gpl-2.0.html

leitvia/1.2.11/styles/colors/night.json

r355111	r356188
26	26	"core/cover": {
27	27	"variations": {
28		"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" } }
	28	"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" }, "border": { "color": "var:preset\|color\|stroke", "style": "solid", "width": "1px" } }
29	29	}
30	30	},
31	31	"core/group": {
32	32	"variations": {
33		"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" } }
	33	"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" }, "border": { "color": "var:preset\|color\|stroke", "style": "solid", "width": "1px" } }
34	34	}
35	35	}

leitvia/1.2.11/styles/corporate-dark.json

r355111	r356188
68	68	"core/cover": {
69	69	"variations": {
70		"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" } }
	70	"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" }, "border": { "color": "var:preset\|color\|stroke", "style": "solid", "width": "1px" } }
71	71	}
72	72	},
73	73	"core/group": {
74	74	"variations": {
75		"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" } }
	75	"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" }, "border": { "color": "var:preset\|color\|stroke", "style": "solid", "width": "1px" } }
76	76	}
77	77	}

leitvia/1.2.11/styles/swiss-editorial-dark.json

r355111	r356188
69	69	"core/cover": {
70	70	"variations": {
71		"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" } }
	71	"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" }, "border": { "color": "var:preset\|color\|stroke", "style": "solid", "width": "1px" } }
72	72	}
73	73	},
74	74	"core/group": {
75	75	"variations": {
76		"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" } }
	76	"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" }, "border": { "color": "var:preset\|color\|stroke", "style": "solid", "width": "1px" } }
77	77	}
78	78	}

leitvia/1.2.11/styles/warm-editorial-dark.json

r355111	r356188
26	26	"core/cover": {
27	27	"variations": {
28		"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" } }
	28	"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" }, "border": { "color": "var:preset\|color\|stroke", "style": "solid", "width": "1px" } }
29	29	}
30	30	},
31	31	"core/group": {
32	32	"variations": {
33		"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" } }
	33	"inverse": { "color": { "background": "var:preset\|color\|surface-alt", "text": "var:preset\|color\|ink" }, "border": { "color": "var:preset\|color\|stroke", "style": "solid", "width": "1px" } }
34	34	}
35	35	}

leitvia/1.2.11/templates/archive.html

r355111	r356188
14	14	<!-- wp:post-title {"isLink":true} /-->
15	15	<!-- wp:post-excerpt /-->
	16	<!-- wp:pattern {"slug":"leitvia/hidden-page-read-more"} /-->
16	17	<!-- /wp:post-template -->
17	18	<!-- wp:query-pagination -->

leitvia/1.2.11/templates/author.html

r355111	r356188
20	20	<!-- wp:post-title {"isLink":true,"fontSize":"heading-m"} /-->
21	21	<!-- wp:post-excerpt /-->
	22	<!-- wp:pattern {"slug":"leitvia/hidden-page-read-more"} /-->
22	23	<!-- /wp:post-template -->
23	24	<!-- wp:query-pagination -->

leitvia/1.2.11/templates/home.html

r355111	r356188
12	12	<!-- wp:post-title {"isLink":true} /-->
13	13	<!-- wp:post-excerpt /-->
	14	<!-- wp:pattern {"slug":"leitvia/hidden-page-read-more"} /-->
14	15	<!-- /wp:post-template -->
15	16	<!-- wp:query-pagination -->

leitvia/1.2.11/templates/search.html

r355111	r356188
12	12	<!-- wp:post-title {"isLink":true} /-->
13	13	<!-- wp:post-excerpt /-->
	14	<!-- wp:pattern {"slug":"leitvia/hidden-page-read-more"} /-->
14	15	<!-- /wp:post-template -->
15	16	<!-- wp:query-pagination -->

leitvia/1.2.11/templates/single-product.html

r355111	r356188
36	36	<!-- wp:post-excerpt {"excerptLength":100} /-->
37	37	<!-- wp:woocommerce/add-to-cart-form /-->
	38	<!-- wp:pattern {"slug":"leitvia/shop-legal-guarantee"} /-->
38	39	<!-- wp:woocommerce/product-meta -->
39	40	<div class="wp-block-woocommerce-product-meta">

leitvia/1.2.11/templates/single.html

-              r355111
+              r356188
                 <!-- wp:post-featured-image {"aspectRatio":"16/9","align":"wide"} /-->
                 <!-- wp:post-content {"layout":{"type":"constrained","justifyContent":"left"}} /-->
+                <!-- wp:post-content {"align":"wide","layout":{"type":"constrained","justifyContent":"left"}} /-->
                 <!-- wp:post-terms {"term":"post_tag"} /-->
 …
                 <hr class="wp-block-separator has-alpha-channel-opacity is-style-wide"/>
                 <!-- /wp:separator -->
+                <!-- wp:post-navigation-link {"type":"previous","showTitle":true} /-->
+                <!-- wp:post-navigation-link {"showTitle":true} /-->
+                <!-- wp:pattern {"slug":"leitvia/hidden-page-post-author"} /-->
+                <!-- wp:pattern {"slug":"leitvia/hidden-page-post-navigation"} /-->
+                <!-- wp:pattern {"slug":"leitvia/hidden-page-related-posts"} /-->
                 <!-- wp:comments -->
                 <div class="wp-block-comments">

leitvia/1.2.11/theme.json

r355111	r356188
33	33	"defaultTextShadowPresets": false,
34	34	"fontSizes": [
35		{ "slug": "meta", "name": "Meta", "size": "0.8125rem", "fluid": false },
	35	{ "slug": "meta", "name": "Meta", "size": "0.875rem", "fluid": false },
36	36	{ "slug": "body", "name": "Body", "size": "1.125rem", "fluid": { "min": "1.0625rem", "max": "1.1875rem" } },
37	37	{ "slug": "lead", "name": "Lead", "size": "1.3125rem", "fluid": { "min": "1.1875rem", "max": "1.375rem" } },

Context Navigation

Legend:

Download in other formats: