/*
  Shaaban FM – Contact Section Unify Styles
  Purpose: ensures the unified contact block looks identical on Startseite, Kontakt, About, etc.
  Scope: only affects classes starting with .sfm- (used in contact-block.php)
*/

.sfm-cta-actions{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
  margin:14px 0 10px;
}

.sfm-cta-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 18px;
  border-radius:999px;
  border:0;
  text-decoration:none;
  color:#fff;
  font-weight:600;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
  transition:transform .12s ease, filter .12s ease;
}
.sfm-cta-btn:hover{ transform:translateY(-1px); filter:brightness(1.05); }

/* Optional variants used by contact-block.php */
.sfm-cta-btn.sfm-cta-call{ background:#2ea44f; }
.sfm-cta-btn.sfm-cta-wa{ background:#25D366; }

/* 3-step cards */
.sfm-mini-steps{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.sfm-mini-step{
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.14);
  border-radius:14px;
  padding:14px;
  text-align:center;
}
.sfm-mini-step strong{
  display:block;
  font-size:14px;
  color:#fff;
}
.sfm-mini-step span{
  display:block;
  margin-top:6px;
  font-size:13px;
  color:rgba(255,255,255,0.85);
}
@media (max-width: 720px){
  .sfm-mini-steps{ grid-template-columns:1fr; }
}

/* FAQ block inside the contact section */
.sfm-faq{
  max-width:980px;
  margin:18px auto 0;
}
.sfm-faq h3{
  color:#fff;
  font-size:18px;
  margin:16px 0 10px;
}
.sfm-faq details{
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  border-radius:14px;
  padding:12px 14px;
  margin:10px 0;
}
.sfm-faq details summary{
  cursor:pointer;
  color:#fff;
  font-weight:600;
  list-style:none;
  position:relative;
  padding-right:28px;
}
.sfm-faq details summary::-webkit-details-marker{ display:none; }
.sfm-faq details summary::after{
  content:'＋';
  position:absolute;
  right:6px;
  top:0;
  color:rgba(255,255,255,0.8);
}
.sfm-faq details[open] summary::after{ content:'－'; }
.sfm-faq details p{
  margin:10px 0 0;
  color:rgba(255,255,255,0.88);
  line-height:1.5;
}