/* Theme Name: Seete Theme URI: https://seete.com Author: b-it-projects Author URI: https://b-it-projects.de Description: Custom block theme for seete.com — Großküchentechnik, mobile Küchen und Küchencontainer. Design tokens derived from the existing brand (Bordeaux #5B131E). Requires at least: 6.5 Tested up to: 6.9 Requires PHP: 8.1 Version: 0.2.0 License: GPL-2.0-or-later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: seete */ /* --------------------------------------------------------------------------- Almost everything is expressed in theme.json. This file holds only what theme.json cannot express: German typesetting, focus states, and a few component behaviours. --------------------------------------------------------------------------- */ /* --- German typesetting ----------------------------------------------------- The binding constraint on this site is compound-noun length: "Gemeinschaftsverpflegung" (24), "Großkücheneinrichtungen" (23), "Großküchentechnik" (17) are unbreakable units at H1 size. --------------------------------------------------------------------------- */ html { /* Requires lang="de" on to hyphenate correctly. */ hyphens: auto; -webkit-hyphens: auto; } h1, h2, h3, h4, h5, h6, .wp-block-post-title, .wp-block-site-title { /* Headings hyphenate only where an author places ­ — automatic hyphenation in display sizes looks accidental. overflow-wrap is the safety net so a long compound can never overflow its container. */ hyphens: manual; -webkit-hyphens: manual; overflow-wrap: break-word; text-wrap: balance; } /* Never uppercase headings: German capitalises nouns, so uppercasing destroys that signal and adds ~12% width to compounds that are already too long. The old Themify skin did this on h1 and h4. */ h1, h2, h3, h4, h5, h6 { text-transform: none; } /* Measure. 68ch at 17px ≈ 640px. Applies to running text only — :where() keeps specificity at 0 so any block-level override wins. */ :where(.entry-content, .wp-block-post-content) :where(p, li) { max-width: var(--wp--custom--measure, 68ch); } /* --- Focus ----------------------------------------------------------------- The old site set a{outline:0} globally with no replacement, making keyboard focus invisible site-wide. This is the fix, and it is not optional. --------------------------------------------------------------------------- */ :focus-visible { outline: 2px solid var(--wp--preset--color--brand-500); outline-offset: 2px; border-radius: var(--wp--custom--radius--sm, 2px); } /* Only suppress the default ring where :focus-visible is supported, so the fallback ring survives in browsers that lack it. */ @supports selector(:focus-visible) { :focus:not(:focus-visible) { outline: none; } } /* --- Skip link -------------------------------------------------------------- */ .seete-skip-link { position: absolute; left: -9999px; top: 0; z-index: 999999; padding: 0.75rem 1.5rem; background: var(--wp--preset--color--brand-700); color: var(--wp--preset--color--surface-000); font-size: var(--wp--preset--font-size--small); font-weight: 600; text-decoration: none; } .seete-skip-link:focus { left: 0.5rem; top: 0.5rem; } /* --- Root layout ------------------------------------------------------------- WordPress applies block-gap between the template's root children, which puts a 1rem strip of page background between
,
and