/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Version: 1.1.0
 * Text Domain: blocksy
 */

/* Kleurpreview: vervangt de oude limoentint alleen op de batterijenpagina. */
body.page-id-5129 .elementor-element-a9513633,
body.page-id-5129 .elementor-element-a9513633 *,
body.page-id-5129 .elementor-element-18922d67,
body.page-id-5129 .elementor-element-18922d67 *,
body.page-id-5129 .elementor-element-a978f3bb,
body.page-id-5129 .elementor-element-a978f3bb *,
body.page-id-5129 .elementor-element-b298fc12,
body.page-id-5129 .elementor-element-b298fc12 *,
body.page-id-5129 .elementor-element-0d3f690c,
body.page-id-5129 .elementor-element-0d3f690c *,
body.page-id-5129 .elementor-element-f2ef33fd,
body.page-id-5129 .elementor-element-f2ef33fd *,
body.page-id-5129 .elementor-element-0a114a85,
body.page-id-5129 .elementor-element-0a114a85 *,
body.page-id-5129 .elementor-element-4900867b,
body.page-id-5129 .elementor-element-4900867b *,
body.page-id-5129 .elementor-element-7b247d6e,
body.page-id-5129 .elementor-element-7b247d6e *,
body.page-id-5129 .elementor-element-b4db3126 .elementor-heading-title,
body.page-id-5129 .elementor-element-dbdab276 .elementor-heading-title,
body.page-id-5129 .elementor-element-1c8dbbce .elementor-heading-title,
body.page-id-5129 .elementor-element-87493834 .elementor-heading-title,
body.page-id-5129 .elementor-element-f1307bf7 span[style*="#E3EA43"] {
  color: #DCF950 !important;
}

body.page-id-5129 .elementor-element-0b885a6e .elementor-button,
body.page-id-5129 .elementor-element-27a20697 .elementor-button,
body.page-id-5129 .elementor-element-3e502e4a .elementor-button {
  background-color: #DCF950 !important;
  border-color: #DCF950 !important;
}

/* Contactkop in de PLUGZERO-logostijl en afgesproken kleur. */
.footer-GIT h2 {
  color: #DCF950 !important;
  font-family: 'Arial Black', Arial, sans-serif !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;

}


/* Plugzero 4/11: B. FAQ optie B */
/* Alleen nodig als optie B (klein script in het kindthema) wordt gekozen. */
.schema-faq .schema-faq-section > details { border-bottom: 1px solid #e5e7eb; padding: .85em 0; }
.schema-faq .schema-faq-section > details > summary { cursor: pointer; list-style: none; position: relative; padding-right: 1.8em; }
.schema-faq .schema-faq-section > details > summary::-webkit-details-marker { display: none; }
.schema-faq .schema-faq-section > details > summary::after { content: "+"; position: absolute; right: 0; top: -.1em; font-size: 1.25em; font-weight: 900; line-height: 1; }
.schema-faq .schema-faq-section > details[open] > summary::after { content: "\2212"; }
.schema-faq .schema-faq-section > details > summary:focus-visible { outline: 2px solid #000; outline-offset: 3px; }
.schema-faq .schema-faq-section > details > .schema-faq-answer { margin: .65em 0 0; }

/* Plugzero 4/11: A. tabellen scrollen op gsm */
@media (max-width: 767px) {

  /* Gutenberg-tabellen en tabellen in .pz-tablewrap (adviesgidsen):
     de wrapper scrolt, de pagina niet. Tabellen met .pz-stack blijven
     ongemoeid (die worden onder 600px kaarten en hoeven niet te scrollen). */
  .pz-lp.pz-gids .pz-tablewrap:not(:has(> table.pz-stack)) {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    /* subtiele schaduw rechts en links als er nog meer te scrollen valt */
    background:
      linear-gradient(to right, #fff 30%, rgba(255, 255, 255, 0)) left center / 24px 100% no-repeat local,
      linear-gradient(to left, #fff 30%, rgba(255, 255, 255, 0)) right center / 24px 100% no-repeat local,
      radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .18), rgba(0, 0, 0, 0)) left center / 10px 100% no-repeat scroll,
      radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .18), rgba(0, 0, 0, 0)) right center / 10px 100% no-repeat scroll;
  }

  /* De tabel behoudt haar natuurlijke (minimale) breedte: de wrapper scrolt,
     de kolommen worden niet verder samengeperst dan de inhoud toelaat. */
  .pz-lp.pz-gids .pz-tablewrap:not(:has(> table.pz-stack)) > table {
    max-width: none;
  }

  /* figure.wp-block-table (de 165 herstelpagina's) is al correct:
     Gutenberg zet daar zelf overflow-x:auto. Niet aangeraakt. */
}