/* WK Pool Pro v1.3.3 - print, countdown en gradienttekst */
.wkp-print-predictions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #071422 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 14px 22px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  margin: 14px 0 !important;
  box-shadow: 0 8px 22px rgba(7,20,34,.18) !important;
}
.wkp-print-predictions:hover { background: #0d2236 !important; }

.wkp-countdown {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 10px !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  background: rgba(255,122,0,.16) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
}
.wkp-countdown *, .wkp-countdown strong, .wkp-countdown span {
  color: #ffffff !important;
  background: transparent !important;
}

/* Op gradient/oranje/donkere headerblokken altijd witte titeltekst */
.wkp [style*="gradient"],
.wkp [class*="gradient"],
.wkp .wkp-gradient,
.wkp .wkp-hero,
.wkp .wkp-pub-hero,
.wkp .wkp-dark-section,
.wkp .wkp-next {
  color: #ffffff !important;
}
.wkp [style*="gradient"] *,
.wkp [class*="gradient"] *,
.wkp .wkp-gradient *,
.wkp .wkp-hero *,
.wkp .wkp-pub-hero *,
.wkp .wkp-dark-section *,
.wkp .wkp-next * {
  color: #ffffff !important;
  text-shadow: none !important;
}
.wkp [style*="gradient"] h1,
.wkp [style*="gradient"] h2,
.wkp [style*="gradient"] h3,
.wkp [class*="gradient"] h1,
.wkp [class*="gradient"] h2,
.wkp [class*="gradient"] h3,
.wkp .wkp-gradient h1,
.wkp .wkp-gradient h2,
.wkp .wkp-gradient h3,
.wkp .wkp-hero h1,
.wkp .wkp-hero h2,
.wkp .wkp-hero h3,
.wkp .wkp-pub-hero h1,
.wkp .wkp-pub-hero h2,
.wkp .wkp-pub-hero h3,
.wkp .wkp-dark-section h1,
.wkp .wkp-dark-section h2,
.wkp .wkp-dark-section h3 {
  color: #ffffff !important;
}

@media print {
  body * { visibility: hidden !important; }
  .wkp, .wkp * { visibility: visible !important; }
  .wkp {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    color: #000 !important;
    background: #fff !important;
    font-family: Arial, sans-serif !important;
  }
  .wkp *, .wkp span, .wkp strong, .wkp b, .wkp small, .wkp label {
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #ccc !important;
  }
  .wkp img,
  .wkp svg,
  .wkp-emoji-flag,
  .wkp-flag,
  .wkp-pub-logo,
  .wkp-tavern-logo,
  .wkp-rank-logo,
  .wkp-hero,
  .wkp-next,
  .wkp-welcome,
  .wkp-countdown,
  .wkp-print-predictions,
  .wkp-save-sticky,
  .wkp-submit-sticky,
  button,
  input[type="submit"] {
    display: none !important;
  }
  .wkp details,
  .wkp .wkp-card,
  .wkp .wkp-details,
  .wkp .wkp-question-card,
  .wkp .wkp-round-card {
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    padding: 8px !important;
    margin: 0 0 10px !important;
    page-break-inside: avoid !important;
  }
  .wkp details { display: block !important; }
  .wkp summary {
    display: block !important;
    font-weight: bold !important;
    margin-bottom: 6px !important;
  }
  .wkp input,
  .wkp select,
  .wkp textarea {
    border: 0 !important;
    border-bottom: 1px solid #aaa !important;
    color: #000 !important;
    background: #fff !important;
  }
  .wkp input[type="checkbox"] {
    visibility: visible !important;
    display: inline-block !important;
  }
  .wkp::before {
    content: "Mijn WK Pool voorspellingen";
    display: block !important;
    visibility: visible !important;
    font-size: 22px !important;
    font-weight: bold !important;
    margin: 0 0 18px !important;
    color: #000 !important;
  }
}