/*
Layer: 05-blocks
Datei: features.css
*/

/* CoBlocks Features – Service-Seiten */

.service-value-features.wp-block-columns,
.service-value-features.wp-block-coblocks-features,
.service-value-section .wp-block-coblocks-features {
  margin: 2rem auto 0;
  max-width: 72rem;
}

.service-value-features .wp-block-column,
.service-value-features .wp-block-coblocks-feature__inner {
  /* Default: keine Kartenoptik. Sections liefern den visuellen Rahmen. */
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0.25rem 0.25rem 0.75rem;
  height: 100%;
  box-shadow: none;
}

/* =====================================================
   CoBlocks: Feature (Placeholder, 1:1)
   ===================================================== */

.wp-block-coblocks-feature {
    /* Custom Styles */
}

/* 🔹 Typografie */
.wp-block-coblocks-feature h2,
.wp-block-coblocks-feature p {
    /* Schriftgröße, Farbe, etc. */
}

/* 🔹 Responsive Anpassungen */
@media (max-width: 768px) {
    .wp-block-coblocks-feature {
        /* Mobile Styles */
    }
}

.is-style-section-neutral .service-value-features .wp-block-column,
.is-style-section-neutral .service-value-features .wp-block-coblocks-feature__inner,
.is-style-section-accent-light .service-value-features .wp-block-column,
.is-style-section-accent-light .service-value-features .wp-block-coblocks-feature__inner {
  background: transparent;
}

.service-value-features h4.wp-block-heading {
  margin: 0 0 0.65rem;
  font-size: var(--adi-font-lead);
  line-height: 1.3;
  color: var(--wp--preset--color--primary, #0e2a3c);
  text-align: center;
}

.service-value-features p {
  margin: 0;
  font-size: var(--adi-font-small);
  line-height: 1.55;
  color: rgba(14, 42, 60, 0.82);
}

@media (max-width: 781px) {
  .service-value-features.wp-block-columns {
    gap: 1rem;
  }

  .service-value-features .wp-block-coblocks-features__inner {
    gap: 1rem;
  }
}