/* 1) Geen extra ruimte tussen header / content / footer */
.wp-site-blocks,
.wp-site-blocks > header.wp-block-template-part,
.wp-site-blocks > footer.wp-block-template-part,
.wp-site-blocks > main,
#wp--skip-link--target {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 2) Sommige themes zetten 'block gap' (ruimte tussen blokken) */
.wp-site-blocks {
  gap: 0 !important;
}

/* 3) Extra zekerheid: voorkom dat je NFCK sections zelf top/bottom margins krijgen */
.nfck-header,
.nfck-home,
.nfck-footer {
  margin: 0 !important;
}
/* =========================================
   NFCK – PPOM veld + quantity mobile fix
========================================= */

@media (max-width: 768px){

  /* Maak de hele add-to-cart form een kolom */
  body.single-product form.cart{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    align-items:stretch !important;
  }

  /* Zet PPOM, quantity en button in vaste volgorde */
  body.single-product form.cart #ppom-box-1,
  body.single-product form.cart .ppom-wrapper{
    order: 1 !important;
    width:100% !important;
    float:none !important;
    clear:both !important;
    margin: 0 0 8px !important;
  }

  body.single-product form.cart .quantity{
    order: 2 !important;
    width:100% !important;
    float:none !important;
    clear:both !important;
    margin: 0 !important;
  }

  body.single-product form.cart .single_add_to_cart_button{
    order: 3 !important;
    width:100% !important;
    margin: 0 !important;
  }

  /* PPOM: kill floats/columns die links naast quantity gaan hangen */
  body.single-product .ppom-wrapper .ppom-col,
  body.single-product .ppom-wrapper .ppom-field-wrapper,
  body.single-product .ppom-wrapper .form-row,
  body.single-product .ppom-wrapper .form-group{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    display:block !important;
  }

  /* Input zelf netjes */
  body.single-product .ppom-wrapper input.ppom-input,
  body.single-product .ppom-wrapper input[type="text"],
  body.single-product .ppom-wrapper input[type="url"]{
    width:100% !important;
    display:block !important;
    box-sizing:border-box !important;
  }

  /* Extra safety: niets mag naast elkaar */
  body.single-product form.cart > *{
    max-width:100% !important;
  }
}


/* Fix voor uitvergroot NFCK logo */
.nfck-logo-img {
  max-height: 50px;
  height: 50px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}