/*
Theme Name: DevHeute
Theme URI: https://example.invalid/devheute
Author: DevHeute
Description: Deutsches Editorial-Block-Theme für KI, Programmierung und Webentwicklung.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: devheute
*/

:root { color-scheme: light; }
body { margin: 0; background: var(--wp--preset--color--background); color: var(--wp--preset--color--text); font-family: var(--wp--preset--font-family--ui); }
a { color: var(--wp--preset--color--primary); text-underline-offset: .18em; }
a:hover { color: var(--wp--preset--color--primary-hover); }
:focus-visible { outline: 3px solid var(--wp--preset--color--accent); outline-offset: 3px; }
.dh-skip-link { position: absolute; left: 1rem; top: -5rem; z-index: 9999; padding: .75rem 1rem; background: #fff; color: #101828; border-radius: 8px; }
.dh-skip-link:focus { top: 1rem; }
.dh-site-header { min-height: 72px; border-bottom: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--surface); }
.dh-header-inner { max-width: 1320px; min-height: 72px; margin: auto; padding: 0 32px; display: flex; align-items: center; gap: 28px; }
.dh-brand { color: var(--wp--preset--color--text); font-weight: 800; text-decoration: none; font-size: 1.25rem; }
.dh-header-nav { flex: 1; }
.dh-header-nav .wp-block-navigation__container { gap: clamp(12px, 2vw, 28px); }
.dh-header-actions { display: flex; align-items: center; gap: 12px; }
.dh-header-actions .wp-block-search__input { max-width: 180px; }
.dh-main { min-height: 65vh; }
.dh-container { width: min(1320px, calc(100% - 64px)); margin-inline: auto; }
.dh-content { width: min(740px, calc(100% - 32px)); margin-inline: auto; }
.dh-site-footer { margin-top: 72px; padding: 40px 0; background: var(--wp--preset--color--surface); border-top: 1px solid var(--wp--preset--color--border); }
.dh-footer-inner { max-width: 1320px; margin: auto; padding: 0 32px; }
.dh-article-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--wp--preset--color--muted); font-size: 13px; }
.dh-taxonomy-pill { display: inline-flex; border-radius: 999px; background: var(--wp--preset--color--surface-subtle); padding: 5px 10px; color: var(--wp--preset--color--primary); font-size: 13px; font-weight: 650; text-decoration: none; }
.wp-block-post-title { text-wrap: balance; }
.wp-block-post-content { font-size: 18px; line-height: 1.75; }
.wp-block-post-content h2, .wp-block-post-content h3 { line-height: 1.2; margin-top: 2em; }
.wp-block-post-content pre { overflow-x: auto; max-width: 100%; padding: 20px; border-radius: 12px; background: #111827; color: #f9fafb; }
.wp-block-post-content img { height: auto; max-width: 100%; border-radius: 12px; }
.dh-pagination { display: flex; gap: 12px; margin-block: 32px; }
.dh-search-empty { padding: 32px; background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border); border-radius: 12px; }
@media (max-width: 900px) {
  .dh-header-inner { gap: 16px; padding-inline: 24px; }
  .dh-header-nav { order: 3; flex-basis: 100%; }
  .dh-header-inner { flex-wrap: wrap; padding-block: 12px; }
  .dh-header-actions { margin-left: auto; }
}
@media (max-width: 600px) {
  .dh-container { width: calc(100% - 32px); }
  .dh-header-inner, .dh-footer-inner { padding-inline: 16px; }
  .dh-header-actions .wp-block-search__input { max-width: 120px; }
  .dh-site-footer { margin-top: 48px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }