/* WK Pool Pro v2.4.1 - LIVE FORM READABILITY HOTFIX
   Doel: invulpagina direct live-proof maken. Geen layoutwijziging, alleen contrast.
*/

/* Inschrijvingskaart: lichte kaart = donkere labels */
.wkp-appshell .wkp-personal-entry .wkp-entry-card,
.wkp-appshell .wkp-personal-entry details.wkp-entry-card,
.wkp-appshell .wkp-personal-entry .wkp-entry-card > div,
.wkp-appshell .wkp-personal-entry .wkp-entry-fields,
.wkp-appshell .wkp-entry-card .wkp-fields,
.wkp-personal-entry .wkp-entry-fields {
  background: #f3eee6 !important;
  color: #07111f !important;
}

.wkp-appshell .wkp-personal-entry .wkp-entry-card summary,
.wkp-appshell .wkp-personal-entry .wkp-entry-card summary *,
.wkp-appshell .wkp-personal-entry .wkp-entry-fields label,
.wkp-appshell .wkp-personal-entry .wkp-entry-fields label *,
.wkp-appshell .wkp-personal-entry .wkp-entry-fields .wkp-field,
.wkp-appshell .wkp-personal-entry .wkp-entry-fields .wkp-field *,
.wkp-appshell .wkp-personal-entry .wkp-entry-fields .wkp-field-label,
.wkp-appshell .wkp-personal-entry .wkp-entry-fields .wkp-field-label *,
.wkp-personal-entry .wkp-entry-fields label,
.wkp-personal-entry .wkp-entry-fields label *,
.wkp-personal-entry .wkp-entry-fields .wkp-field-label,
.wkp-personal-entry .wkp-entry-fields .wkp-field-label * {
  color: #07111f !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #07111f !important;
}

.wkp-appshell .wkp-personal-entry .wkp-entry-fields .wkp-field-label,
.wkp-personal-entry .wkp-entry-fields .wkp-field-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

.wkp-appshell .wkp-personal-entry .wkp-entry-fields .wkp-field-label em,
.wkp-personal-entry .wkp-entry-fields .wkp-field-label em {
  color: #e84e0f !important;
  -webkit-text-fill-color: #e84e0f !important;
  font-style: normal !important;
  font-weight: 1000 !important;
}

.wkp-appshell .wkp-personal-entry .wkp-entry-fields input,
.wkp-appshell .wkp-personal-entry .wkp-entry-fields select,
.wkp-appshell .wkp-personal-entry .wkp-entry-fields textarea,
.wkp-personal-entry .wkp-entry-fields input,
.wkp-personal-entry .wkp-entry-fields select,
.wkp-personal-entry .wkp-entry-fields textarea {
  background: #07111f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(7, 17, 31, .65) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.18) !important;
}

.wkp-appshell .wkp-personal-entry .wkp-entry-fields input::placeholder,
.wkp-personal-entry .wkp-entry-fields input::placeholder {
  color: rgba(255,255,255,.62) !important;
  -webkit-text-fill-color: rgba(255,255,255,.62) !important;
}

/* De oude helpertekst onder kroeg/land-info niet meer tonen. */
.wkp-appshell .wkp-personal-entry .wkp-entry-fields small,
.wkp-personal-entry .wkp-entry-fields small {
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  opacity: 1 !important;
}

/* Wedstrijdtabellen op invulpagina: grijze balken moeten leesbaar zijn. */
.wkp-appshell .wkp-personal-entry .wkp-match-table thead,
.wkp-appshell .wkp-personal-entry .wkp-match-table thead tr,
.wkp-appshell .wkp-personal-entry .wkp-match-table th,
.wkp-appshell .wkp-personal-entry .wkp-table thead,
.wkp-appshell .wkp-personal-entry .wkp-table thead tr,
.wkp-appshell .wkp-personal-entry .wkp-table th,
.wkp-personal-entry .wkp-match-table thead,
.wkp-personal-entry .wkp-match-table thead tr,
.wkp-personal-entry .wkp-match-table th {
  background: #d7dce3 !important;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.wkp-appshell .wkp-personal-entry .wkp-match-table th *,
.wkp-appshell .wkp-personal-entry .wkp-table th *,
.wkp-personal-entry .wkp-match-table th * {
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Mobiel: de labeltjes boven de losse kaartregels ook leesbaar houden. */
@media (max-width: 760px) {
  .wkp-appshell .wkp-personal-entry .wkp-match-table td::before,
  .wkp-personal-entry .wkp-match-table td::before {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }
  .wkp-appshell .wkp-personal-entry .wkp-entry-fields .wkp-field-label,
  .wkp-personal-entry .wkp-entry-fields .wkp-field-label {
    font-size: 14px !important;
  }
}


/* Extra specificity voor browsers/Elementor die form styles overschrijven */
.wkp-appshell .wkp-personal-entry input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.wkp-appshell .wkp-personal-entry select,
.wkp-appshell .wkp-personal-entry textarea {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #f8fafc !important;
}

.wkp-appshell .wkp-personal-entry select option {
  background: #07111f !important;
  color: #f8fafc !important;
}
