/*
Theme Name: Handwerk E-Rechnung
Theme URI: https://handwerk-erechnung.de/aktuelles
Author: Friedhelm Deussner
Description: Passendes Design für den Beitragsbereich /aktuelles von handwerk-erechnung.de. Nutzt Schriften, Farben und Layout der Hauptseite (/assets/css/style.css).
Version: 1.0
Requires at least: 6.0
Text Domain: handwerk-erechnung
*/

/* Formatierung für Beiträge, die im WordPress-Editor geschrieben werden.
   Gilt nur für Elemente ohne eigene Klassen – importierte Beiträge behalten ihr Layout. */
.he-content > :not([class]) + :not([class]), .he-content > [class^="wp-block"] + :not([class]), .he-content > :not([class]) + [class^="wp-block"] { margin-top: 1.25rem; }
.he-content p:not([class]), .he-content ul:not([class]) > li, .he-content ol:not([class]) > li { font-size: 1.0625rem; line-height: 1.75; color: hsl(var(--foreground) / .85); }
.he-content h2:not([class]), .he-content h2.wp-block-heading { margin-top: 3rem; font-family: "Barlow Condensed", ui-sans-serif, system-ui, sans-serif; font-size: 1.75rem; font-weight: 700; line-height: 1.15; text-transform: uppercase; letter-spacing: .025em; color: hsl(var(--primary)); }
.he-content h3:not([class]), .he-content h3.wp-block-heading { margin-top: 2rem; font-size: 1.25rem; font-weight: 700; color: hsl(var(--primary)); }
.he-content h4:not([class]), .he-content h4.wp-block-heading { margin-top: 1.5rem; font-size: 1.0625rem; font-weight: 700; color: hsl(var(--primary)); }
.he-content > h2:first-child, .he-content > h3:first-child { margin-top: 0; }
.he-content ul:not([class]), .he-content ol:not([class]), .he-content ul.wp-block-list, .he-content ol.wp-block-list { padding-left: 1.4rem; }
.he-content ul:not([class]), .he-content ul.wp-block-list { list-style: disc; }
.he-content ol:not([class]), .he-content ol.wp-block-list { list-style: decimal; }
.he-content ul:not([class]) > li + li, .he-content ol:not([class]) > li + li, .he-content .wp-block-list > li + li { margin-top: .4rem; }
.he-content ul:not([class]) > li::marker, .he-content .wp-block-list > li::marker { color: hsl(var(--accent)); }
.he-content .wp-block-list > li { font-size: 1.0625rem; line-height: 1.75; color: hsl(var(--foreground) / .85); }
.he-content p:not([class]) a:not([class]), .he-content li a:not([class]), .he-content td a:not([class]) { font-weight: 600; color: hsl(var(--primary)); text-decoration: underline; text-decoration-color: hsl(var(--accent)); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.he-content p:not([class]) a:not([class]):hover, .he-content li a:not([class]):hover { color: hsl(var(--accent)); }
.he-content p:not([class]) strong { font-weight: 700; color: hsl(var(--foreground)); }
.he-content blockquote { border-left: 4px solid hsl(var(--primary)); background: hsl(var(--primary) / .05); border-radius: .5rem; padding: 1rem 1.25rem; margin-top: 1.5rem; }
.he-content blockquote p { font-weight: 600; color: hsl(var(--primary)); }
.he-content figure img, .he-content p > img { max-width: 100%; height: auto; border-radius: var(--radius); border: 1px solid hsl(var(--border)); }
.he-content figure { margin-top: 2rem; margin-bottom: 2rem; } .he-content figcaption { margin-top: .5rem; font-size: .8rem; color: hsl(var(--muted-foreground)); }
.he-content table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.he-content th, .he-content td { border: 1px solid hsl(var(--border)); padding: .6rem .75rem; text-align: left; vertical-align: top; }
.he-content th { background: hsl(var(--secondary)); color: hsl(var(--primary)); font-weight: 700; }
.he-content hr { border: 0; border-top: 1px solid hsl(var(--border)); margin: 2.5rem 0; }
.he-content .wp-block-buttons { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.he-content .wp-block-button__link { display: inline-flex; min-height: 48px; align-items: center; border-radius: .375rem; background: hsl(var(--accent)); padding: 0 1.5rem; font-weight: 600; color: hsl(var(--accent-foreground)); text-decoration: none; }

/* Seitennavigation der Übersicht */
.he-pagination { margin-top: 2.5rem; display: flex; flex-wrap: wrap; gap: .5rem; }
.he-pagination .page-numbers { display: inline-flex; min-width: 2.75rem; min-height: 2.75rem; align-items: center; justify-content: center; padding: 0 .9rem; border: 1px solid hsl(var(--border)); border-radius: .375rem; background: hsl(var(--card)); font-weight: 600; color: hsl(var(--primary)); }
.he-pagination .page-numbers.current { background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); border-color: hsl(var(--primary)); }
.he-pagination a.page-numbers:hover { border-color: hsl(var(--accent)); }