/* Ergänzende Gestaltung, die theme.json nicht abbilden kann. Farben/Schriften nur über Presets. */

/* Kopfbereich */
.sw-header { position: sticky; top: 0; z-index: 20; background: var(--wp--preset--color--creme); border-bottom: 1px solid rgba(79,90,67,.12); }
.admin-bar .sw-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .sw-header { top: 0; position: relative; } }
.sw-logo img { display: block; height: 44px; width: auto; }
@media (max-width: 600px) { .sw-logo img { height: 34px; } }
.sw-header .wp-block-navigation .current-menu-item > a,
.sw-header .wp-block-navigation a[aria-current="page"] { color: var(--wp--preset--color--terrakotta); }
.wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--creme) !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { font-size: 1.375rem; }

/* Blockstil: Karte */
.is-style-sw-karte { background: var(--wp--preset--color--weiss); border-radius: var(--wp--custom--radius--medium); box-shadow: var(--wp--preset--shadow--sanft); padding: var(--wp--preset--spacing--30); }
/* Blockstil: Band (Abschnitt mit runden Ecken) */
.is-style-sw-band { border-radius: var(--wp--custom--radius--large); padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--40); }
/* Blockstil: Ausschnitt mit Bogen (Anlehnung an den Bogen der Bildmarke) */
.is-style-sw-bogen { border-radius: 50% 50% var(--wp--custom--radius--large) var(--wp--custom--radius--large) / 50% 50% var(--wp--custom--radius--large) var(--wp--custom--radius--large); }

/* Luft vor Zwischenüberschriften im Seiteninhalt */
.wp-block-post-content > h2.wp-block-heading { margin-top: var(--wp--preset--spacing--50); }
.wp-block-post-content > h2.wp-block-heading:first-child { margin-top: 0; }

/* Kleine Überzeile über Überschriften */
.sw-kicker { font-family: var(--wp--preset--font-family--nunito); font-weight: 700; font-size: .875rem; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--terrakotta); margin-bottom: .25rem !important; }

/* Säulen-Punkt (Farbe pro Säule wie im Logo) */
.sw-punkt::before { content: ""; display: block; width: 2.25rem; height: 2.25rem; border-radius: 50% 50% 50% 0; margin-bottom: 1rem; background: var(--sw-punkt, var(--wp--preset--color--farngruen)); transform: rotate(-45deg); }
.sw-punkt-a { --sw-punkt: var(--wp--preset--color--farngruen); }
.sw-punkt-f { --sw-punkt: var(--wp--preset--color--terrakotta); }
.sw-punkt-s { --sw-punkt: var(--wp--preset--color--salbei); }

/* Hero-Bild: Bildmarke im Bogen */
.sw-hero-bild { aspect-ratio: 1 / 1; max-width: 460px; margin-inline: auto; width: 100%; background: var(--wp--preset--color--terrakotta-hell) url(../images/bildmarke.svg) center 62% / 78% auto no-repeat; border-radius: 50% 50% var(--wp--custom--radius--large) var(--wp--custom--radius--large) / 50% 50% var(--wp--custom--radius--large) var(--wp--custom--radius--large); }
@media (max-width: 781px) { .sw-hero-bild { max-width: 300px; } }

/* Nummerierte Schritte */
.sw-schritte { counter-reset: sw; }
.sw-schritte > .wp-block-column, .sw-schritte > li { counter-increment: sw; }
.sw-schritte .sw-schritt::before { content: counter(sw); display: inline-grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--wp--preset--color--farn-dunkel); color: var(--wp--preset--color--weiss); font-family: var(--wp--preset--font-family--nunito); font-weight: 800; margin-bottom: .75rem; }

/* Listen mit Blatt-Punkten */
.is-style-sw-blaetter { list-style: none; padding-left: 0; }
.is-style-sw-blaetter li { position: relative; padding-left: 1.75rem; margin-bottom: .5rem; }
.is-style-sw-blaetter li::before { content: ""; position: absolute; left: 0; top: .5em; width: .8rem; height: .8rem; border-radius: 50% 0 50% 0; background: var(--wp--preset--color--terrakotta); }

/* Angebote-Karten */
.sw-angebote .wp-block-post { display: flex; }
.sw-angebote .wp-block-post > .wp-block-group { flex: 1; display: flex; flex-direction: column; }
.sw-angebote .sw-mehr { margin-top: auto !important; }
.sw-angebote .wp-block-post-featured-image img { aspect-ratio: 3 / 2; object-fit: cover; }

/* Seitenkopf */
.sw-seitenkopf { position: relative; overflow: hidden; }
.sw-seitenkopf::after { content: ""; position: absolute; right: -60px; bottom: -110px; width: 260px; height: 260px; border-radius: 50%; background: var(--wp--preset--color--salbei-hell); opacity: .6; pointer-events: none; }
.sw-seitenkopf > * { position: relative; z-index: 1; }

/* Fußbereich */
.sw-footer a { color: inherit; }
.sw-footer .wp-block-navigation a { text-decoration: none; }
.sw-footer .wp-block-navigation a:hover { text-decoration: underline; }

/* Barrierefreiheit */
:where(a, button):focus-visible { outline: 2px solid var(--wp--preset--color--terrakotta); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }