/* === Headings (alleen in post content) === */
html .gutenberg-content h1,
html .gutenberg-content h2,
html .gutenberg-content h3,
html .gutenberg-content h4,
html .gutenberg-content h5,
html .gutenberg-content h6 {
  color: var(--e-global-color-el_c_5_text);
}

/* === General style === */
html .gutenberg-content p:not(:last-of-type) {
  margin-bottom: 30px;
}

/* === Lists === */
html .gutenberg-content ol {
  margin: 0 0 30px 1.25rem;
  padding: 0;
}

html .gutenberg-content li {
  margin: 0.25em 0;
}

html .gutenberg-content ol li::marker {
  font-size: 18px;
  color: var(--e-global-color-primary);
  font-weight: 600;
}

html .gutenberg-content ul {
  margin: 0 0 30px 0px;
  padding: 0px;
}

html .gutenberg-content ul:not(.black-marker) li {
  list-style-type: none;
}

html .gutenberg-content ul li::before {
  content: "";
  display: inline-block;
  height: var(--e-icon-list-icon-size, 1.2em);
  width: var(--e-icon-list-icon-size, 1.2em);
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path opacity='1' fill='%2373bd6e' d='M176 320C176 399.5 240.5 464 320 464C399.5 464 464 399.5 464 320C464 240.5 399.5 176 320 176C240.5 176 176 240.5 176 320zM400 320C400 364.2 364.2 400 320 400C275.8 400 240 364.2 240 320C240 275.8 275.8 240 320 240C364.2 240 400 275.8 400 320z'/><path opacity='0.4' fill='%2373bd6e' d='M512 320C512 214 426 128 320 128C214 128 128 214 128 320C128 426 214 512 320 512C426 512 512 426 512 320zM64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320zM320 288C337.7 288 352 302.3 352 320C352 337.7 337.7 352 320 352C302.3 352 288 337.7 288 320C288 302.3 302.3 288 320 288z'/></svg>") no-repeat center / contain;
    background-size: auto 100%;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

html .gutenberg-content .wp-block-list.black-marker li::before {
  display: none !important;
}

html .gutenberg-content .wp-block-list.black-marker li::marker {
  color: var(--e-global-color-el_c_5_text);
}

/* === Gutenberg Buttons === */
html .gutenberg-content .wp-block-button {
  line-height: 0;
}
html .gutenberg-content .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font: var(--the7-btn-lg-font);
  text-transform: var(--the7-btn-lg-text-transform);
  letter-spacing: var(--the7-btn-lg-letter-spacing);
  word-spacing: var(--the7-btn-lg-word-spacing);
  border-radius: var(--the7-btn-lg-border-radius);
  border-style: var(--the7-btn-lg-border-style);
  border-width: var(--the7-btn-lg-border-width);
  border-color: var(--the7-btn-border-color);
  padding: var(--the7-btn-lg-padding);
  min-width: var(--the7-btn-lg-min-width);
  min-height: var(--the7-btn-lg-min-height);
  background: var(--the7-btn-bg, #d73b37);
  color: var(--the7-btn-color, #fff);
  box-shadow: var(--the7-btn-shadow);
  transition: all 0.3s ease;
}
html .gutenberg-content .wp-block-button__link:hover,
html .gutenberg-content .wp-block-button__link:focus {
  background: var(--the7-btn-hover-bg, var(--e-global-color-secondary));
  color: var(--the7-btn-hover-color, #fff);
  border-color: var(--e-global-color-secondary);
  box-shadow: var(--the7-btn-shadow-hover);
  text-decoration: none;
}

/* === Quotes === */
html .gutenberg-content blockquote.wp-block-quote,
html .gutenberg-content .wp-block-pullquote blockquote {
  padding: 20px 30px;
  background-color: #f5f5f5;
  border-style: solid;
  border-width: 0 0 0 6px;
  border-color: var(--e-global-color-text);
  border-radius: 17px;
  font-style: italic;
  margin: 1.5em 0;
}
html .gutenberg-content .wp-block-quote * {
  color: var(--the7-base-color, #333);
}
html .gutenberg-content .wp-block-quote p:last-child {
  margin-bottom: 0;
}

/* === Pullquotes === */
html .gutenberg-content .wp-block-pullquote {
  margin: 2em 0;
  padding: 0;
  background: none;
  border: none;
}
html .gutenberg-content .wp-block-pullquote blockquote {
  color: var(--the7-base-color, #333);
  text-align: center;
  font: var(--the7-h6-font);
  font-style: italic;
  font-weight: 400;
  text-transform: none;
  border-radius: 17px;
}
html .gutenberg-content .wp-block-pullquote blockquote p {
  margin: 0;
  color: var(--the7-base-color, #333);
}
html .gutenberg-content .wp-block-pullquote cite {
  display: block;
  margin-top: 0.5em;
  font-size: 0.85em;
  font-style: normal;
  font-weight: 500;
  color: var(--the7-base-color, #333);
  opacity: 0.8;
}

/* === Images & Galleries === */
/* Alleen losse image-blokken */
html .gutenberg-content .wp-block-image img {
  border-radius: 17px;
  object-fit: cover;
  height: auto;
  max-width: 100%;
}
/* Alleen afbeeldingen in Media & Text blokken */
html .gutenberg-content .wp-block-media-text__media img {
  border-radius: 17px;
  object-fit: cover;
  height: auto;
  max-width: 100%;
}
html .gutenberg-content .wp-block-gallery {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: 1rem !important;
  margin: 1.5rem 0;
}
html .gutenberg-content .wp-block-gallery.has-nested-images figure.wp-block-image {
  width: 100% !important;
  margin: 0 !important;
}

/* === Media & Text === */
html .gutenberg-content .wp-block-media-text {
  display: grid;
  grid-template-columns: 45% 1fr;
  gap: 3rem;
  align-items: center;
  margin: 1.5rem 0;
}
html .gutenberg-content .wp-block-media-text .wp-block-media-text__content {
  padding: 0 !important;
}
/* Stapel Media & Text blokken op tablet én mobiel */
@media (max-width: 1024px) {
  html .gutenberg-content .wp-block-media-text {
    grid-template-columns: 1fr !important; /* overschrijft inline style */
    gap: 2rem !important;
  }

  html .gutenberg-content .wp-block-media-text .wp-block-media-text__media,
  html .gutenberg-content .wp-block-media-text .wp-block-media-text__content {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
}

/* === Columns / Grids === */
html .gutenberg-content .wp-block-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 3rem;
  margin: 2rem 0;
}
html .gutenberg-content .wp-block-column {
  min-width: 0;
}
html .gutenberg-content .wp-block-column .wp-block-image {
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  html .gutenberg-content .wp-block-columns {
    gap: 2rem;
  }
}

/* === Tables (zonder buitenrand, met radius en interne lijnen) === */
html .gutenberg-content .wp-block-table th,
html .gutenberg-content .wp-block-table td {
  border: none;
}

html .gutenberg-content .wp-block-table table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 0;
  border-radius: 17px;
  overflow: hidden;
  border: none;
}
html .gutenberg-content .wp-block-table thead th {
  background: var(--e-global-color-secondary);
  color: #fff;
  font-weight: 600;
  padding: 0.75em;
}
html .gutenberg-content .wp-block-table thead th + th {
  border-left: 1px solid rgba(255, 255, 255, 0.35);
}
html .gutenberg-content .wp-block-table tbody td,
html .gutenberg-content .wp-block-table tbody th {
  padding: 0.75em;
}
html .gutenberg-content .wp-block-table tbody tr + tr td,
html .gutenberg-content .wp-block-table tbody tr + tr th {
  border-top: 1px solid #e0e0e0;
}
html .gutenberg-content .wp-block-table tbody td + td,
html .gutenberg-content .wp-block-table tbody th + th,
html .gutenberg-content .wp-block-table tbody th + td,
html .gutenberg-content .wp-block-table tbody td + th {
  border-left: 1px solid #e0e0e0;
}
html .gutenberg-content .wp-block-table tbody tr:nth-child(even) td,
html .gutenberg-content .wp-block-table tbody tr:nth-child(even) th {
  background: #f7f7f7;
}

/* === Code === */
html .gutenberg-content .wp-block-code,
html .gutenberg-content pre {
  background: #f4f4f4;
  padding: 1em;
  border-radius: 17px;
  overflow-x: auto;
  font-family: monospace;
  font-size: 0.9em;
}

/* === Details – match Elementor Nested Accordion look === */
html .gutenberg-content details {
  margin: 0 0 2rem 0;
}

html .gutenberg-content details summary {
  border: 0;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(72, 19, 1, 0.15);
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px 28px;
  cursor: pointer;
  list-style: none;

  font-family: var(--e-global-typography-el_f_title_1-font-family), Sans-serif;
  font-weight: var(--e-global-typography-el_f_title_1-font-weight);
  text-transform: var(--e-global-typography-el_f_title_1-text-transform);
  font-style: var(--e-global-typography-el_f_title_1-font-style);
  text-decoration: var(--e-global-typography-el_f_title_1-text-decoration);
  line-height: var(--e-global-typography-el_f_title_1-line-height);
  font-size: var(--e-global-typography-el_f_title_1-font-size);
  color: var(--e-global-color-el_c_5_text);
}

/* verberg standaard markers */
html .gutenberg-content details summary::marker,
html .gutenberg-content details summary::-webkit-details-marker {
  content: "";
  display: none;
}

/* icoon links (plus/minus) */
html .gutenberg-content details summary::before {
  font-family: "Font Awesome 5 Free"; /* of jouw geladen FA family */
  font-weight: 900;
  content: "\f067"; /* fa-plus */
  font-size: var(--n-accordion-icon-size);
  color: var(--e-global-color-secondary);
  transition:
    transform 0.25s ease,
    color 0.25s ease;
}
html .gutenberg-content details[open] summary::before {
  content: "\f068"; /* fa-minus */
  color: var(--e-global-color-secondary);
}

/* contentvlak */
html .gutenberg-content details > *:not(summary) {
  padding: 1rem 2rem 0rem 2rem;
  color: var(--the7-base-color, #333);
}