/* ============ ALGEMENE LAY-OUT OPTIMALISATIE ============ */
.woocommerce div.product .woocommerce-tabs {
  margin-top: 2rem;
}

.woocommerce div.product .woocommerce-tabs .panel p:last-child {
  margin-bottom: 0;
}

/* ============ AANGEPASTE STYLING VOOR PANEL-INHOUD (optioneel) ============ */
.woocommerce div.product .woocommerce-tabs .panel {
  background-color: #f9f9f9;
  padding: 1.5rem;
  border-radius: 0.5rem;
}

/* ============ ALGEMENE STIJLING ENTRY (zoals eerder genoemd) ============ */
.entry {
  box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0.05);
  border-radius: 3rem;
}

.stabiele-knop {
  display: inline-block;
  padding: 0.75em 1.5em;
  background-color: #e47b02;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 6px;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.stabiele-knop:hover {
  background-color: #335870;
  color: #fff;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.flex-control-nav.flex-control-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* zorgt voor ruimte tussen items */
  justify-content: center; /* optioneel: centreert ze netjes */
  padding: 0;
  margin: 0;
  list-style: none;
}

.flex-control-nav.flex-control-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.flex-control-nav.flex-control-thumbs li {
  aspect-ratio: 1 / 1;
  width: 100px;
  max-width: 100px;
  overflow: hidden;
  display: flex; /* belangrijk: maakt flexbox mogelijk */
  align-items: center; /* verticaal centreren */
  justify-content: center; /* horizontaal centreren */
  border-radius: 4px;
  margin: 0;
  background-color: #f9f9f9; /* optioneel voor een nette achtergrond */
}

.flex-control-nav.flex-control-thumbs li img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px;
}

.qlwapp__button::after {
  content: "Whatsapp contact";
  position: absolute;
  bottom: 100%; /* boven de knop */
  right: 0;
  background-color: #25d366;
  color: white;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  white-space: nowrap;
  margin-bottom: 6px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 9999;
}

.qlwapp__button:hover::after,
.qlwapp__button:focus::after {
  opacity: 1;
}

.woocommerce-variation-price {
  min-height: 1.5em;
  display: inline-block;
}

.woocommerce-variation-description {
  min-height: 2.5em;
}

.single_variation_wrap {
  min-height: 100px;
}

form.variations_form .variations td.value select {
  min-height: 2.6em;
}

.payment-custom-img {
  width: 48px;
  height: auto;
  max-height: 32px;
  object-fit: contain;
}

.kadence-svg-icon {
  width: 32px;
  height: 32px;
  display: inline-block;
}


/* Algemene styling voor de FAQ lijst */
.rank-math-list-item {
  margin-bottom: 1em;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1em;
  transition: all 0.3s ease;
}

/* Vraagstijl */
.rank-math-question {
  cursor: pointer;
  color: #e48b02;
  font-weight: 600;
  margin: 0;
  padding-right: 24px;
  position: relative;
}

/* ▼ als indicatie */
.rank-math-question::after {
  content: "▼";
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  line-height: 1;
  transition: transform 0.3s ease;
}

/* ▲ als open */
.rank-math-list-item.active .rank-math-question::after {
  content: "▲";
}

/* Antwoorden standaard verborgen */
.rank-math-answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.4s ease, opacity 0.4s ease, visibility 0.4s;
}

/* Antwoorden tonen bij 'active' */
.rank-math-list-item.active .rank-math-answer {
  max-height: 500px; /* groot genoeg voor langere antwoorden */
  opacity: 1;
  visibility: visible;
}