/* ============================================
   AWESOME & FRIENDS - Blog / Know-how Styling v2
   ============================================ */

/* BASIS - aggressiver Hintergrund-Fix */
html,
body,
.wp-site-blocks,
.is-layout-flow,
main,
.site-main,
.wp-block-group,
.entry-content,
.wp-block-post-content,
[class*="layout"],
[class*="alignfull"] {
  background: #0f0f0f !important;
  background-color: #0f0f0f !important;
  color: #f0f0f0 !important;
}

/* HEADER-BILD ausblenden */
.wp-block-cover,
.wp-block-image.alignfull,
.site-header,
.wp-block-template-part[class*="header"] {
  display: none !important;
}

/* SEITENTITEL */
.wp-block-query-title,
.page-title,
h1.entry-title {
  font-family: 'Instrument Serif', serif !important;
  font-size: clamp(2.4rem, 4vw, 3.8rem) !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  line-height: 1.1 !important;
  padding: 80px 48px 20px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  display: block !important;
}

/* BLOG GRID */
.wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 2px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 40px 0 !important;
  max-width: 100% !important;
}

/* POST KARTE */
.wp-block-post-template li,
.wp-block-post-template > li {
  background: #1e1e1e !important;
  border-top: 2px solid transparent !important;
  transition: background 0.2s, border-color 0.2s !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wp-block-post-template li:hover {
  background: #222 !important;
  border-top-color: #A2F5B2 !important;
}

/* BILD - volle Breite, feste Höhe */
.wp-block-post-template li .wp-block-post-featured-image,
.wp-block-post-featured-image {
  width: 100% !important;
  height: 220px !important;
  overflow: hidden !important;
  display: block !important;
  margin: 0 !important;
}
.wp-block-post-template li .wp-block-post-featured-image img,
.wp-block-post-featured-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  margin: 0 !important;
}

/* KATEGORIE */
.wp-block-post-terms {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.65rem !important;
  color: #A2F5B2 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 20px 24px 8px !important;
  display: block !important;
}
.wp-block-post-terms a {
  color: #A2F5B2 !important;
  text-decoration: none !important;
}

/* POST TITEL */
.wp-block-post-title,
.wp-block-post-title a {
  font-family: 'Instrument Serif', serif !important;
  font-size: 1.15rem !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  line-height: 1.35 !important;
  padding: 4px 24px 12px !important;
  text-decoration: none !important;
  display: block !important;
}
.wp-block-post-title a:hover { color: #A2F5B2 !important; }

/* EXCERPT */
.wp-block-post-excerpt__excerpt,
.wp-block-post-excerpt p {
  font-size: 0.85rem !important;
  color: #888 !important;
  line-height: 1.6 !important;
  padding: 0 24px 16px !important;
  margin: 0 !important;
}

/* WEITERLESEN */
.wp-block-post-excerpt__more-link {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.72rem !important;
  color: #A2F5B2 !important;
  text-decoration: none !important;
  letter-spacing: 0.06em !important;
  padding: 0 24px 24px !important;
  display: block !important;
}

/* PAGINATION */
.wp-block-query-pagination {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 48px !important;
  background: #0f0f0f !important;
}
.wp-block-query-pagination a,
.wp-block-query-pagination-numbers span {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.8rem !important;
  color: #888 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  padding: 8px 16px !important;
  border-radius: 2px !important;
  text-decoration: none !important;
}
.wp-block-query-pagination a:hover { color: #A2F5B2 !important; border-color: rgba(162,245,178,0.3) !important; }

/* EINZELARTIKEL */
.single .wp-block-post-title {
  font-family: 'Instrument Serif', serif !important;
  font-size: clamp(2rem, 3.5vw, 3rem) !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  line-height: 1.15 !important;
  padding: 60px 48px 20px !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  display: block !important;
}
.single .wp-block-post-content {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 40px 48px 80px !important;
}
.single .wp-block-post-content p { color: rgba(240,240,240,0.82) !important; line-height: 1.8 !important; margin-bottom: 20px !important; }
.single .wp-block-post-content h2,
.single .wp-block-post-content h3 {
  font-family: 'Instrument Serif', serif !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  margin: 40px 0 16px !important;
}
.single .wp-block-post-content a { color: #A2F5B2 !important; }
.single .wp-block-post-content ul,
.single .wp-block-post-content ol { color: rgba(240,240,240,0.8) !important; padding-left: 24px !important; margin-bottom: 20px !important; }
.single .wp-block-post-content blockquote {
  border-left: 3px solid #A2F5B2 !important;
  padding: 16px 24px !important;
  margin: 32px 0 !important;
  background: rgba(162,245,178,0.04) !important;
  color: rgba(240,240,240,0.7) !important;
  font-style: italic !important;
}

/* FOOTER */
.site-footer,
.wp-block-template-part[class*="footer"] {
  background: #161616 !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  color: #888 !important;
}
.site-footer a { color: #888 !important; }
.site-footer a:hover { color: #f0f0f0 !important; }

/* RESPONSIVE */
@media (max-width: 900px) {
  .wp-block-post-template { grid-template-columns: 1fr !important; }
  .wp-block-query-title, h1.entry-title { padding: 60px 24px 20px !important; }
  .single .wp-block-post-title,
  .single .wp-block-post-content { padding: 40px 24px !important; }
}

/* Extendable spezifischer Hintergrund-Fix */
#page,
#content,
#primary,
#main,
.site,
.site-content,
.content-area,
.wp-block-group__inner-container,
div[class*="wp-container"],
div[class*="is-layout"],
.wp-block-post,
.has-global-padding,
.is-root-container {
  background: #0f0f0f !important;
  background-color: #0f0f0f !important;
}

/* Footer dunkel */
#colophon,
#footer,
.site-footer,
footer,
[class*="footer"],
.wp-block-template-part {
  background: #161616 !important;
  background-color: #161616 !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  color: #888 !important;
}
[class*="footer"] a,
.site-footer a,
footer a {
  color: #888 !important;
  text-decoration: none !important;
}
[class*="footer"] a:hover,
footer a:hover { color: #f0f0f0 !important; }

/* Weißer Hintergrund komplett killen */
* { background-color: transparent; }
html { background: #0f0f0f !important; }


/* EINZELARTIKEL - Titel + Bild Fix */

/* Titel groß oben */
.single .wp-block-post-title,
.single h1.entry-title,
.single .entry-title {
  font-family: 'Instrument Serif', serif !important;
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  line-height: 1.15 !important;
  max-width: 860px !important;
  margin: 60px auto 32px !important;
  padding: 0 48px !important;
  display: block !important;
  text-align: left !important;
  font-style: normal !important;
  letter-spacing: normal !important;
}

/* Breadcrumb/kleiner Titel ausblenden */
.single .wp-block-post-title + p,
.entry-header .entry-title ~ * { display: none !important; }

/* Hero-Bild full-width */
.single .wp-block-post-featured-image,
.single .post-thumbnail {
  width: 100% !important;
  max-width: 100% !important;
  height: 480px !important;
  overflow: hidden !important;
  margin: 0 0 48px 0 !important;
  display: block !important;
}
.single .wp-block-post-featured-image img,
.single .post-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 0 !important;
}

/* Content nach Bild */
.single .wp-block-post-content {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 48px 80px !important;
}

@media (max-width: 900px) {
  .single .wp-block-post-title { padding: 0 24px !important; margin: 40px auto 24px !important; }
  .single .wp-block-post-featured-image { height: 280px !important; }
  .single .wp-block-post-content { padding: 0 24px 60px !important; }
}


/* BUTTON Fix - weißer Hintergrund weg */
.single .wp-block-post-content .wp-block-button__link,
.single .wp-block-post-content a.wp-block-button__link,
.wp-block-button__link {
  background: #A2F5B2 !important;
  color: #0f0f0f !important;
  border: none !important;
  padding: 14px 28px !important;
  border-radius: 2px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  text-decoration: none !important;
}
.wp-block-button__link:hover {
  opacity: 0.88 !important;
}
.wp-block-buttons {
  margin: 32px 0 !important;
}

/* ARTIKEL TITEL - klein oben fix */
.single .wp-block-post-title {
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  padding: 60px 48px 0 !important;
  max-width: 860px !important;
  margin: 0 auto 0 !important;
  display: block !important;
  font-style: normal !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
}

/* Den kleinen Breadcrumb-Titel ausblenden */
.wp-block-post-title:not(.wp-block-post-title) {
  display: none !important;
}

/* Artikel Meta (Datum, Autor) dezent */
.single .wp-block-post-date,
.single .wp-block-post-author {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.72rem !important;
  color: #888 !important;
  letter-spacing: 0.06em !important;
  max-width: 760px !important;
  margin: 16px auto 0 !important;
  padding: 0 48px !important;
  display: block !important;
}