/*
 Theme Name: jj_child
 Theme URI: https://example.com
 Description: Child Theme von Twenty Twenty-Five für Praxis- & Therapie-Webseiten.
 Author: Anne-Marie Darok
 Author URI: https://example.com
 Template: twentytwentyfive
 Version: 1.0
 Text Domain: jj-child
*/

/* 
  Hinweis:
  - Bei Block-Themes wie Twenty Twenty-Five werden die Styles hauptsächlich über theme.json gesteuert.
  - Dieses style.css wird zusätzlich geladen und eignet sich super für Feintuning per CSS.
*/

/* ================================
   Basis-Feintuning (optional)
   ================================ */

body {
  line-height: 1.6;
}

/* Links etwas weicher */
a {
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

/* ================================
   FAQ-Block (Yoast FAQ – my-faq-block)
   ================================ */

/* Gesamter FAQ-Container */
.my-faq-block {
  padding: 2rem;
  border: none;
  background: none;
  margin-block: 2rem;
}


/* Einzelne FAQ-Sektionen */
.my-faq-block .schema-faq-section {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #516028;
  transition: background 0.25s ease, transform 0.15s ease;
}

.my-faq-block .schema-faq-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Hover-Effekt – dezente „Card“-Optik */
.my-faq-block .schema-faq-section:hover {
  background: #d1f388;
  transform: none;
}

/* Frage */
.my-faq-block .schema-faq-question {
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

/* Antwort */
.my-faq-block .schema-faq-answer {
  margin: 0;
  line-height: 1.7;
  color: #444444;
  font-size: 1rem;
}

/* Kleine Abstände bei verschachtelten Elementen */
.my-faq-block .schema-faq-answer p {
  margin-block: 0.4rem;
}

/* Optional: Bullet-Listen in Antworten schöner machen */
.my-faq-block .schema-faq-answer ul {
  margin-left: 1.2rem;
  padding-left: 0.6rem;
}

.my-faq-block .schema-faq-answer li {
  margin-bottom: 0.3rem;
}

/* Responsive-Layout nur im FAQ-Bereich */
.my-faq-block .wp-block-columns {
  flex-wrap: wrap;
  gap: 1.5rem;
}

.my-faq-block .wp-block-column {
  box-sizing: border-box;
}

/* Ab Tablet runter: alles einspaltig */
@media (max-width: 768px) {
  .my-faq-block .wp-block-columns {
    flex-direction: column;
  }

  .my-faq-block .wp-block-column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

.my-faq-block .schema-faq-section {
  box-sizing: border-box;
  width: 100%;
}

/* Lange Wörter/URLs schön umbrechen */
.my-faq-block {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.home .wp-block-post-title,
.front-page .wp-block-post-title {
    display: none;
}