/**
 * AP Block-Extras
 *
 * Styles für wp:html-Blocks die zuvor inline im Page-Content lebten und
 * von wp_kses/wpautop zerschossen wurden (CSS rendert als sichtbarer Text).
 * Hier zentral, vom Theme enqueued, kein Inline-CSS mehr im DB-Content.
 *
 *  - .ap-equip  → Equipment-Galerie auf Service-Pages
 *  - .ap-faq    → FAQ-Accordion (<details>/<summary>)
 */

/* ─── Equipment-Galerie ─────────────────────────────────────────────── */
.ap-equip {
  margin: 2rem 0;
  padding: 1.5rem;
  background: #FBF8F2;
  border: 1px solid #E7E1D4;
  border-radius: 12px;
}
.ap-equip__h {
  margin: 0 0 1rem;
  font-size: 1.1rem;
  color: #0E1A2A;
  font-weight: 700;
}
.ap-equip__grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.ap-equip__item {
  display: flex;
  flex-direction: column;
  gap: .4rem;
}
.ap-equip__img,
.ap-equip__item img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 8px;
  display: block;
  background: #fff;
}
.ap-equip__cap,
.ap-equip__item figcaption {
  font-size: .85rem;
  color: #5C6A7A;
  line-height: 1.5;
}

/* ─── FAQ-Accordion ─────────────────────────────────────────────────── */
.ap-faq {
  display: grid;
  gap: .75rem;
  margin: 1.5rem 0;
  max-width: 780px;
}
.ap-faq__item {
  background: #FBF8F2;
  border: 1px solid #E7E1D4;
  border-radius: 10px;
  padding: 0;
  overflow: hidden;
}
.ap-faq__item[open] {
  background: #fff;
  box-shadow: 0 6px 18px rgba(14,63,115,.08);
}
.ap-faq__q {
  cursor: pointer;
  list-style: none;
  padding: 1rem 1.25rem;
  font-weight: 700;
  color: #0E1A2A;
  font-size: 1.02rem;
  line-height: 1.35;
  position: relative;
  padding-right: 2.5rem;
}
.ap-faq__q::-webkit-details-marker { display: none; }
.ap-faq__q::after {
  content: "+";
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  color: #0E3F73;
  font-weight: 800;
  font-size: 1.4rem;
  line-height: 1;
}
.ap-faq__item[open] .ap-faq__q::after { content: "−"; }
.ap-faq__a {
  padding: 0 1.25rem 1.1rem;
  color: #2A3849;
  line-height: 1.6;
  font-size: .97rem;
}
.ap-faq__a a { color: #0E3F73; }
