/* WK Pool Pro v2.6.8 — harde eindstijl: grijze pagina, alle content in donkere blokken */
:root{
  --wkp-page-bg:#b8b8b8;
  --wkp-panel:#07111f;
  --wkp-panel-2:#0b1626;
  --wkp-line:rgba(255,255,255,.16);
  --wkp-text:#ffffff;
  --wkp-muted:rgba(255,255,255,.72);
  --wkp-orange:#f58220;
}
html body,
html body #page,
html body .site,
html body .site-content,
html body .content-area,
html body .entry-content,
html body .elementor,
html body .elementor-section,
html body .elementor-container,
html body .elementor-widget-container{
  background:var(--wkp-page-bg)!important;
  background-color:var(--wkp-page-bg)!important;
  background-image:none!important;
}
html body .wkp,
html body .wkp-appshell,
html body .wkp-shortcode-page,
html body .wkp-app-page-content,
html body .wkp-page-home,
html body .wkp-page-stand,
html body .wkp-page-invullen,
html body .wkp-page-analyse,
html body .wkp-page-kroegen,
html body .wkp-page-live,
html body .wkp-page-regels{
  background:var(--wkp-page-bg)!important;
  background-color:var(--wkp-page-bg)!important;
  background-image:none!important;
  color:var(--wkp-text)!important;
}
html body .wkp-appshell:before,
html body .wkp-appshell:after,
html body .wkp-shortcode-page:before,
html body .wkp-shortcode-page:after,
html body .wkp-app-page-content:before,
html body .wkp-app-page-content:after{display:none!important;content:none!important;}

/* BOVENBALK / HEADER */
html body .wkp .wkp-dash-topbar,
html body .wkp .wkp-plein60-header,
html body .wkp .wkp-brandbar,
html body .wkp .wkp-app-nav,
html body .wkp .wkp-dash-bottomnav{
  background:linear-gradient(180deg,#081321,#040a12)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}

/* ELK GROOT CONTENTBLOK DONKER */
html body .wkp .wkp-plein60-masthead,
html body .wkp .wkp-page-metrics article,
html body .wkp .wkp-next,
html body .wkp .wkp-dash-card,
html body .wkp .wkp-dash-widget,
html body .wkp .wkp-dash-wide,
html body .wkp .wkp-home-info,
html body .wkp .wkp-analysis-card,
html body .wkp .wkp-analysis-panel,
html body .wkp .wkp-stats-card,
html body .wkp .wkp-front-section,
html body .wkp .wkp-front-card,
html body .wkp .wkp-news-card,
html body .wkp .wkp-pub-hero,
html body .wkp .wkp-pub-card,
html body .wkp .wkp-pub-stat,
html body .wkp .wkp-details,
html body .wkp details,
html body .wkp .wkp-form-card,
html body .wkp .wkp-entry-card,
html body .wkp .wkp-rules-card,
html body .wkp .wkp-rules-panel,
html body .wkp .wkp-rule-card,
html body .wkp .wkp-widget-ranking,
html body .wkp .wkp-widget-public,
html body .wkp .wkp-widget-next,
html body .wkp .wkp-position-grid > div,
html body .wkp .wkp-highlight-grid > article,
html body .wkp .wkp-podium-card,
html body .wkp .wkp-table,
html body .wkp table.wkp-table,
html body .wkp .wkp-mobile-stand-list,
html body .wkp .wkp-tavern-stand-wrap,
html body .wkp .wkp-pub-grid > *,
html body .wkp .wkp-group-card,
html body .wkp .wkp-phase-card{
  background:linear-gradient(180deg,var(--wkp-panel),#050b13)!important;
  background-color:var(--wkp-panel)!important;
  color:var(--wkp-text)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:18px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
  opacity:1!important;
}

/* Containers mogen de donkere kaarten netjes naast elkaar houden, maar zelf geen half transparant grijs vlak maken */
html body .wkp .wkp-dash-hero-grid,
html body .wkp .wkp-dash-widget-grid,
html body .wkp .wkp-analysis-grid,
html body .wkp .wkp-highlight-grid,
html body .wkp .wkp-page-metrics{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Tekst altijd leesbaar in donkere blokken */
html body .wkp .wkp-plein60-masthead *,
html body .wkp .wkp-page-metrics article *,
html body .wkp .wkp-next *,
html body .wkp .wkp-dash-card *,
html body .wkp .wkp-dash-widget *,
html body .wkp .wkp-dash-wide *,
html body .wkp .wkp-home-info *,
html body .wkp .wkp-analysis-card *,
html body .wkp .wkp-analysis-panel *,
html body .wkp .wkp-stats-card *,
html body .wkp .wkp-front-section *,
html body .wkp .wkp-front-card *,
html body .wkp .wkp-news-card *,
html body .wkp .wkp-pub-hero *,
html body .wkp .wkp-pub-card *,
html body .wkp .wkp-pub-stat *,
html body .wkp .wkp-details *,
html body .wkp details *,
html body .wkp .wkp-form-card *,
html body .wkp .wkp-entry-card *,
html body .wkp .wkp-rules-card *,
html body .wkp .wkp-rules-panel *,
html body .wkp .wkp-rule-card *,
html body .wkp table.wkp-table *,
html body .wkp .wkp-mobile-stand-list *{
  color:#fff!important;
  -webkit-text-fill-color:currentColor!important;
  opacity:1!important;
  text-shadow:none!important;
}
html body .wkp small,
html body .wkp .muted,
html body .wkp .wkp-muted,
html body .wkp p,
html body .wkp span,
html body .wkp td,
html body .wkp th{opacity:1!important;}

/* Oranje accenten */
html body .wkp .wkp-kicker,
html body .wkp .wkp-plein60-kicker,
html body .wkp .wkp-section-title:before,
html body .wkp h2.wkp-section-title,
html body .wkp .wkp-next-label,
html body .wkp .wkp-page-metrics article small,
html body .wkp .wkp-dash-card-head span,
html body .wkp .wkp-dash-widget header span,
html body .wkp .wkp-mobile-rank,
html body .wkp .wkp-mobile-points strong,
html body .wkp table.wkp-table th,
html body .wkp table.wkp-table strong,
html body .wkp .wkp-dash-bottomnav a.active,
html body .wkp .wkp-dash-topbar a.active,
html body .wkp .wkp-elim-top b,
html body .wkp .wkp-elim-top em,
html body .wkp .wkp-dash-row b,
html body .wkp .wkp-dash-row em{
  color:var(--wkp-orange)!important;
  -webkit-text-fill-color:var(--wkp-orange)!important;
}

/* Tabellen als donkere blokken */
html body .wkp table.wkp-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden!important;
}
html body .wkp table.wkp-table thead,
html body .wkp table.wkp-table tr,
html body .wkp table.wkp-table td,
html body .wkp table.wkp-table th{
  background:transparent!important;
  border-color:rgba(255,255,255,.13)!important;
}
html body .wkp table.wkp-table td,
html body .wkp table.wkp-table th{padding:12px 14px!important;}

/* Homekaarten: geen half oranje header/lichte body meer, hele kaart donker */
html body .wkp .wkp-dash-card-head,
html body .wkp .wkp-dash-card .wkp-dash-card-head{
  background:transparent!important;
  background-image:none!important;
  color:#fff!important;
  padding:0 0 16px!important;
  box-shadow:none!important;
}
html body .wkp .wkp-dash-card-head h2,
html body .wkp .wkp-dash-card h2{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:none!important;
}
html body .wkp .wkp-dash-row,
html body .wkp .wkp-mini-ranking > div,
html body .wkp .wkp-elim-row{
  background:rgba(255,255,255,.035)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
}
html body .wkp .wkp-elim-track{background:rgba(255,255,255,.18)!important;}
html body .wkp .wkp-elim-track span{background:var(--wkp-orange)!important;}

/* Knoppen */
html body .wkp .wkp-button,
html body .wkp .wkp-dash-button,
html body .wkp .wkp-dash-link,
html body .wkp .wkp-plein60-primary,
html body .wkp .wkp-plein60-secondary,
html body .wkp button,
html body .wkp input[type="submit"]{
  background:linear-gradient(180deg,#ff9b2f,#f06d09)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:0!important;
  border-radius:14px!important;
  font-weight:900!important;
  box-shadow:0 10px 22px rgba(245,130,32,.28)!important;
}

/* Formulieren op invulpagina: velden donker met witte tekst */
html body .wkp input,
html body .wkp select,
html body .wkp textarea{
  background:#081321!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:10px!important;
}
html body .wkp option{background:#081321!important;color:#fff!important;}

/* Mobiele stand: daadwerkelijk één regel, zonder cards/logo's */
@media (max-width:768px){
  html body .wkp-stand-page .wkp-podium,
  html body .wkp-stand-page table.wkp-participant-stand{display:none!important;}
  html body .wkp-stand-page .wkp-mobile-stand-list{
    display:block!important;
    background:linear-gradient(180deg,var(--wkp-panel),#050b13)!important;
    padding:10px 12px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
  }
  html body .wkp-stand-page .wkp-mobile-stand-list:before,
  html body .wkp-stand-page .wkp-mobile-stand-list::before{
    content:'#   TEAM / DEELNEMER        KROEG        PUNTEN'!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1.25fr) minmax(0,.95fr) 58px!important;
    gap:8px!important;
    color:rgba(255,255,255,.75)!important;
    -webkit-text-fill-color:rgba(255,255,255,.75)!important;
    background:transparent!important;
    border-bottom:1px solid rgba(255,255,255,.18)!important;
    padding:4px 0 8px!important;
    margin:0!important;
    font-size:10px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  html body .wkp-stand-page .wkp-mobile-stand-row{
    display:grid!important;
    grid-template-columns:32px minmax(0,1.25fr) minmax(0,.95fr) 58px!important;
    align-items:center!important;
    gap:8px!important;
    min-height:40px!important;
    height:40px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  html body .wkp-stand-page .wkp-mobile-stand-row > span{
    display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  html body .wkp-stand-page .wkp-mobile-team{font-size:14px!important;font-weight:900!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
  html body .wkp-stand-page .wkp-mobile-tavern{font-size:13px!important;font-weight:650!important;color:rgba(255,255,255,.82)!important;-webkit-text-fill-color:rgba(255,255,255,.82)!important;}
  html body .wkp-stand-page .wkp-mobile-points{text-align:right!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:12px!important;}
}

/* Print blijft schoon */
@media print{
  html body, html body .wkp, html body .wkp-appshell, html body .wkp-shortcode-page{background:#fff!important;color:#000!important;}
  html body .wkp *{color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:none!important;text-shadow:none!important;}
}

/* WK Pool Pro v2.6.9 — EINDLOCK: #b8b8b8 pagina, alle app-inhoud in donkere blokken */
html body,
html body.custom-background,
html body.page,
html body.single,
html body #page,
html body .site,
html body .site-main,
html body main,
html body #content,
html body .site-content,
html body .content-area,
html body .entry,
html body .entry-content,
html body .wp-site-blocks,
html body .wp-block-post-content,
html body .is-layout-constrained,
html body .elementor,
html body .elementor-section,
html body .elementor-container,
html body .elementor-column,
html body .elementor-widget,
html body .elementor-widget-wrap,
html body .elementor-widget-container {
  background:#b8b8b8 !important;
  background-color:#b8b8b8 !important;
  background-image:none !important;
}

html body .wkp,
html body .wkp-appshell,
html body .wkp-shortcode-page,
html body .wkp-app-page-content,
html body .wkp-page-home,
html body .wkp-page-stand,
html body .wkp-page-invullen,
html body .wkp-page-analyse,
html body .wkp-page-kroegen,
html body .wkp-page-live,
html body .wkp-page-regels,
html body [class*="wkp-page-"] {
  background:#b8b8b8 !important;
  background-color:#b8b8b8 !important;
  background-image:none !important;
  color:#0b1220 !important;
}

html body .wkp:before,
html body .wkp:after,
html body .wkp-appshell:before,
html body .wkp-appshell:after,
html body .wkp-shortcode-page:before,
html body .wkp-shortcode-page:after,
html body .wkp-app-page-content:before,
html body .wkp-app-page-content:after,
html body [class*="wkp-page-"]:before,
html body [class*="wkp-page-"]:after {
  display:none !important;
  content:none !important;
  background:none !important;
}

/* Alles wat functioneert als blok/kaart/tabel binnen de app is donker. */
html body .wkp :where(
  .wkp-dash-topbar,
  .wkp-plein60-header,
  .wkp-brandbar,
  .wkp-app-nav,
  .wkp-dash-bottomnav,
  .wkp-plein60-masthead,
  .wkp-app-card-hero,
  .wkp-app-stat-card,
  .wkp-app-card,
  .wkp-dash-card,
  .wkp-dash-widget,
  .wkp-dash-wide,
  .wkp-home-info,
  .wkp-widget-next,
  .wkp-widget-public,
  .wkp-widget-ranking,
  .wkp-front-card,
  .wkp-front-section,
  .wkp-analysis-card,
  .wkp-analysis-panel,
  .wkp-stats-card,
  .wkp-group-card,
  .wkp-phase-card,
  .wkp-form-card,
  .wkp-entry-card,
  .wkp-personal-panel,
  .wkp-welcome-box,
  .wkp-welcome-item,
  .wkp-rules-card,
  .wkp-rules-panel,
  .wkp-rule-card,
  .wkp-pub-hero,
  .wkp-pub-card,
  .wkp-pub-stat,
  .wkp-details,
  details,
  .wkp-notice,
  .wkp-success,
  .wkp-hint,
  .wkp-savebar,
  .wkp-tavern-title,
  .wkp-tavern-podium,
  .wkp-tavern-podium-card,
  .wkp-tavern-stand-wrap,
  .wkp-mobile-stand-list,
  table.wkp-table,
  .wkp-table,
  .wkp-count-cubes,
  .wkp-position-grid > div,
  .wkp-highlight-grid > article,
  .wkp-page-metrics article,
  .wkp-podium-card,
  .wkp-front-rank,
  .wkp-app-list,
  .wkp-app-list-row
) {
  background:#07111f !important;
  background-color:#07111f !important;
  background-image:linear-gradient(180deg,#0b1626 0%,#050b13 100%) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22) !important;
  opacity:1 !important;
}

/* Grid/rijcontainers zelf transparant laten, hun children zijn de donkere blokken. */
html body .wkp :where(
  .wkp-dash-hero-grid,
  .wkp-dash-widget-grid,
  .wkp-analysis-grid,
  .wkp-analysis-columns,
  .wkp-highlight-grid,
  .wkp-page-metrics,
  .wkp-fields,
  .wkp-entry-fields,
  .wkp-checkgrid,
  .wkp-pub-grid,
  .wkp-tavern-mini,
  .wkp-dash-list,
  .wkp-tavern-podium
) {
  box-shadow:none !important;
}

/* De kroegentitel/hint mogen niet los op grijs met witte tekst verdwijnen. */
html body .wkp .wkp-tavern-title {
  display:block !important;
  margin:20px 0 10px !important;
  padding:22px 24px !important;
  border-radius:18px !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html body .wkp .wkp-tavern-title + .wkp-hint {
  margin-top:0 !important;
}

/* Tekst in donkere blokken altijd wit/oranje, geen grijs-op-grijs. */
html body .wkp :where(
  .wkp-dash-topbar,
  .wkp-plein60-header,
  .wkp-brandbar,
  .wkp-app-nav,
  .wkp-dash-bottomnav,
  .wkp-plein60-masthead,
  .wkp-app-card-hero,
  .wkp-app-stat-card,
  .wkp-app-card,
  .wkp-dash-card,
  .wkp-dash-widget,
  .wkp-dash-wide,
  .wkp-home-info,
  .wkp-front-card,
  .wkp-front-section,
  .wkp-analysis-card,
  .wkp-analysis-panel,
  .wkp-stats-card,
  .wkp-group-card,
  .wkp-phase-card,
  .wkp-form-card,
  .wkp-entry-card,
  .wkp-personal-panel,
  .wkp-welcome-box,
  .wkp-welcome-item,
  .wkp-rules-card,
  .wkp-rules-panel,
  .wkp-rule-card,
  .wkp-pub-hero,
  .wkp-pub-card,
  .wkp-pub-stat,
  .wkp-details,
  details,
  .wkp-notice,
  .wkp-success,
  .wkp-hint,
  .wkp-savebar,
  .wkp-tavern-title,
  .wkp-tavern-podium,
  .wkp-tavern-podium-card,
  .wkp-mobile-stand-list,
  table.wkp-table,
  .wkp-table,
  .wkp-position-grid > div,
  .wkp-highlight-grid > article,
  .wkp-page-metrics article,
  .wkp-podium-card,
  .wkp-front-rank,
  .wkp-app-list,
  .wkp-app-list-row
) :where(h1,h2,h3,h4,h5,h6,p,span,strong,small,em,b,i,li,td,th,label,summary,a,div) {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
  text-shadow:none !important;
}

html body .wkp :where(
  .wkp-kicker,
  .wkp-plein60-kicker,
  .wkp-app-kicker,
  .wkp-next-label,
  .wkp-dash-card-head > span,
  .wkp-dash-widget header span,
  .wkp-dash-topbar a.active,
  .wkp-dash-bottomnav a.active,
  .wkp-app-rank,
  .wkp-mobile-rank,
  .wkp-rank-no,
  table.wkp-table th,
  table.wkp-table strong,
  .wkp-elim-top b,
  .wkp-elim-top em,
  .wkp-elim-row b,
  .wkp-elim-row em,
  .wkp-dash-row b,
  .wkp-dash-row em,
  .wkp-app-score,
  .wkp-medal
) {
  color:#f58220 !important;
  -webkit-text-fill-color:#f58220 !important;
}

/* Tabellen: het hele tabelgebied donker, rijen transparant, leesbaar. */
html body .wkp table.wkp-table,
html body .wkp .wkp-table {
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  overflow:hidden !important;
  border-radius:18px !important;
}
html body .wkp table.wkp-table thead,
html body .wkp table.wkp-table tbody,
html body .wkp table.wkp-table tr,
html body .wkp table.wkp-table td,
html body .wkp table.wkp-table th {
  background:transparent !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.13) !important;
}
html body .wkp table.wkp-table th {
  color:#f58220 !important;
  -webkit-text-fill-color:#f58220 !important;
}
html body .wkp table.wkp-table td {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* Formulieren donker, labels wit. */
html body .wkp :where(input,select,textarea) {
  background:#07111f !important;
  background-color:#07111f !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid rgba(255,255,255,.22) !important;
}
html body .wkp option {background:#07111f !important;color:#ffffff !important;}

/* Knoppen oranje. */
html body .wkp :where(button,input[type="submit"],.wkp-button,.wkp-dash-button,.wkp-dash-link,.wkp-plein60-primary,.wkp-plein60-secondary) {
  background:#f58220 !important;
  background-image:linear-gradient(180deg,#ff9b2f,#f06d09) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:0 !important;
}

/* Mobiel: pagina blijft #b8b8b8, blokken donker, stand één regel. */
@media (max-width:768px){
  html body,
  html body #page,
  html body .site,
  html body .site-main,
  html body main,
  html body #content,
  html body .entry-content,
  html body .elementor,
  html body .elementor-widget-container,
  html body .wkp,
  html body .wkp-appshell,
  html body .wkp-shortcode-page,
  html body .wkp-app-page-content,
  html body [class*="wkp-page-"]{
    background:#b8b8b8 !important;
    background-color:#b8b8b8 !important;
    background-image:none !important;
  }

  html body .wkp-stand-page .wkp-podium,
  html body .wkp-stand-page table.wkp-participant-stand,
  html body .wkp-stand-page .wkp-tavern-podium-card img,
  html body .wkp-stand-page .wkp-tavern-podium-card .wkp-logo-fallback{
    /* podium/logos alleen voor deelnemersstand eruit; kroegenstand mag eigen kaarten houden */
  }

  html body .wkp-stand-page .wkp-mobile-stand-list {
    display:block !important;
    padding:10px 12px !important;
    border-radius:18px !important;
  }
  html body .wkp-stand-page .wkp-mobile-stand-row {
    display:grid !important;
    grid-template-columns:34px minmax(0,1.25fr) minmax(0,.95fr) 58px !important;
    align-items:center !important;
    gap:8px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
}