/**
* Theme Name: VolunteerNew Child
* Description: This is a child theme of VolunteerNew, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/template_path">Template Path</a>
* Template: volunteernew
* Version: 2.0
*/


/* ==========================================================
   KIM / VOLUNTEER – Single Post Fix (Layout + Typo + Sidebar)
   Einfügen am ENDE der volunter-child/style.css
   ========================================================== */

/* 0) Notbremse: Elementor-Kit darf nie line-height:0 vererben */
body.elementor-kit-1956,
body.elementor-kit-1956 p,
body.elementor-kit-1956 li,
body.elementor-kit-1956 a,
body.elementor-kit-1956 .entry-content,
body.elementor-kit-1956 .post-text {
  line-height: 1.75 !important;
}

/* 1) Abstand unter Header / Banner */
body.single-post .sidebar-page {
  padding-top: 40px !important;
  padding-bottom: 60px !important;
}

/* 2) Container-Breite sauber */
body.single-post .sidebar-page .auto-container {
  max-width: 1200px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* 3) Content/Sidebar Spalten optisch ruhiger */
body.single-post .content-side {
  padding-right: 0 !important;
}
body.single-post .sidebar-side {
  margin-top: 0 !important;
}

/* 4) Beitragsbox: klarer, moderner Block */
body.single-post .blog-section.blog-detail .blog-post {
  background: #ffffff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
}

/* 5) Featured Image */
body.single-post .blog-section.blog-detail figure.image-box img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* 6) Innenabstände im Beitrag */
body.single-post .blog-section.blog-detail .lower-part {
  padding: 26px 28px 22px 28px !important;
}

/* 7) Meta/Datumbox entschlacken (Datumbox links macht's oft „alt“) */
body.single-post .blog-post .post-date {
  display: none !important;
}
body.single-post .blog-post .post-info {
  font-size: 14px !important;
  opacity: 0.8 !important;
  margin-bottom: 12px !important;
}

/* 8) Typografie – Lesbarkeit */
body.single-post .blog-section.blog-detail .post-text,
body.single-post .blog-section.blog-detail .post-text p,
body.single-post .blog-section.blog-detail .thm-unit-test p {
  font-size: 18px !important;
  line-height: 1.85 !important;
  margin-bottom: 14px !important;
  letter-spacing: 0 !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

/* Überschriften */
body.single-post .blog-section.blog-detail h1,
body.single-post .blog-section.blog-detail h2,
body.single-post .blog-section.blog-detail h3 {
  line-height: 1.25 !important;
  margin-top: 24px !important;
  margin-bottom: 12px !important;
}

/* 9) Links im Beitrag */
body.single-post .blog-section.blog-detail .post-text a {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* 10) Sidebar: Widgets als Karten */
body.single-post .sidebar-side .sidebar .widget,
body.single-post .sidebar-side .sidebar .widget-box,
body.single-post .sidebar-side .sidebar > div {
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 18px 18px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
  margin-bottom: 18px !important;
  border: 0 !important;
}

/* Widget Titel */
body.single-post .sidebar-side .sidebar .widget-title,
body.single-post .sidebar-side .sidebar h2,
body.single-post .sidebar-side .sidebar h3,
body.single-post .sidebar-side .sidebar h4 {
  margin: 0 0 12px 0 !important;
  line-height: 1.2 !important;
  font-size: 16px !important;
}

/* Sidebar Listen */
body.single-post .sidebar-side .sidebar ul {
  margin: 0 !important;
  padding-left: 18px !important;
}
body.single-post .sidebar-side .sidebar li {
  line-height: 1.6 !important;
  margin-bottom: 8px !important;
}

/* 11) Kommentare/Authorbox etwas luftiger */
body.single-post .about-author {
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 18px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
  margin-top: 22px !important;
}

/* 12) Mobile: Spalten untereinander mit Abstand */
@media (max-width: 991px) {
  body.single-post .sidebar-side {
    margin-top: 22px !important;
  }
  body.single-post .blog-section.blog-detail .lower-part {
    padding: 18px 18px 16px 18px !important;
  }
  body.single-post .blog-section.blog-detail .post-text,
  body.single-post .blog-section.blog-detail .post-text p {
    font-size: 16px !important;
    line-height: 1.75 !important;
  }
}