/* WK Pool Pro v2.0.7 — consistency lock
   Eén donkere app-shell voor alle shortcodepagina's. Geen witte/creme wrappers, geen zwarte tekst op donkere kaarten. */

:root{
  --wkp-app-bg:#05070d;
  --wkp-app-bg2:#08111f;
  --wkp-card:#111927;
  --wkp-card2:#0b1220;
  --wkp-card3:#172033;
  --wkp-line:rgba(255,255,255,.13);
  --wkp-text:#ffffff;
  --wkp-soft:#d7dfed;
  --wkp-muted:#9da9bd;
  --wkp-orange:#ff7a1a;
  --wkp-orange2:#ff9f2f;
}

html.wkp-app-mode,
body.wkp-app-mode{
  background:var(--wkp-app-bg)!important;
  color:var(--wkp-text)!important;
}
body.wkp-app-mode:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 0% 0%,rgba(255,122,26,.18),transparent 24%),
    radial-gradient(circle at 100% 0%,rgba(0,80,150,.28),transparent 34%),
    linear-gradient(180deg,#05070d 0%,#07111f 38%,#05070d 100%)!important;
}

/* WordPress / Hello / Elementor moet op poolpagina's geen eigen witte pagina maken. */
body.wkp-app-mode #page,
body.wkp-app-mode .site,
body.wkp-app-mode .site-content,
body.wkp-app-mode .site-main,
body.wkp-app-mode main,
body.wkp-app-mode article.page,
body.wkp-app-mode .hentry,
body.wkp-app-mode .entry-content,
body.wkp-app-mode .page-content,
body.wkp-app-mode .wp-site-blocks,
body.wkp-app-mode .elementor,
body.wkp-app-mode .elementor-section,
body.wkp-app-mode .elementor-container,
body.wkp-app-mode .elementor-column,
body.wkp-app-mode .elementor-widget-wrap,
body.wkp-app-mode .elementor-widget-container,
body.wkp-app-mode .e-con,
body.wkp-app-mode .e-con-inner,
body.wkp-app-mode .wp-block-post-content,
body.wkp-app-mode .wkp-app-host{
  background:transparent!important;
  background-color:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  border-color:transparent!important;
}

body.wkp-app-mode .entry-content,
body.wkp-app-mode .page-content,
body.wkp-app-mode .elementor-widget-container,
body.wkp-app-mode .wp-block-post-content{
  padding:0!important;
  margin:0!important;
  width:100%!important;
  max-width:none!important;
}

/* De shell zelf is altijd de echte pagina. */
.wkp-appshell.wkp-v207-consistency-lock{
  width:100vw!important;
  max-width:100vw!important;
  min-height:100vh!important;
  margin:0 calc(50% - 50vw)!important;
  padding:0 24px 110px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 4% 0%,rgba(255,122,26,.18),transparent 25%),
    radial-gradient(circle at 96% 0%,rgba(13,77,138,.26),transparent 35%),
    linear-gradient(180deg,#05070d 0%,#07111f 38%,#05070d 100%)!important;
}

/* Topbar zonder nep-logo/PRO, gewoon strak merklabel. */
.wkp-appshell.wkp-v207-consistency-lock .wkp-dash-topbar{
  height:auto!important;
  min-height:68px!important;
  margin:0 auto 18px!important;
  top:0!important;
  border-radius:0 0 32px 32px!important;
  background:rgba(5,9,16,.92)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-top:0!important;
  box-shadow:0 16px 50px rgba(0,0,0,.48)!important;
}
.wkp-appshell.wkp-v207-consistency-lock .wkp-dash-brand{
  min-width:220px!important;
  gap:0!important;
  color:#fff!important;
}
.wkp-appshell.wkp-v207-consistency-lock .wkp-dash-brand .wkp-dash-title{
  display:block!important;
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  color:#fff!important;
  font-size:clamp(18px,2.1vw,28px)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  white-space:nowrap!important;
}
.wkp-appshell.wkp-v207-consistency-lock .wkp-dash-ball,
.wkp-appshell.wkp-v207-consistency-lock .wkp-dash-brand b{display:none!important;}
.wkp-appshell.wkp-v207-consistency-lock .wkp-dash-live{color:#fff!important;}

/* Subpagina's: geen enorm leeg vlak. Wel dezelfde sfeer. */
.wkp-appshell.wkp-v207-consistency-lock:not(.wkp-page-home) .wkp-plein60-masthead{
  min-height:168px!important;
  margin:12px auto 22px!important;
  padding:28px!important;
  display:flex!important;
  align-items:flex-end!important;
  background:
    linear-gradient(135deg,rgba(15,23,38,.96),rgba(8,13,23,.96))!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.42)!important;
}
.wkp-appshell.wkp-v207-consistency-lock:not(.wkp-page-home) .wkp-plein60-masthead-media,
.wkp-appshell.wkp-v207-consistency-lock:not(.wkp-page-home) .wkp-plein60-masthead-shade{display:none!important;}
.wkp-appshell.wkp-v207-consistency-lock .wkp-plein60-masthead-content{
  position:relative!important;
  z-index:2!important;
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
  color:#fff!important;
}
.wkp-appshell.wkp-v207-consistency-lock:not(.wkp-page-home) .wkp-plein60-masthead-content h1{
  font-size:clamp(38px,5vw,74px)!important;
  color:#fff!important;
  margin:6px 0 6px!important;
}
.wkp-appshell.wkp-v207-consistency-lock:not(.wkp-page-home) .wkp-plein60-masthead-content p{
  color:#dbe5f5!important;
  margin:0!important;
}
.wkp-appshell.wkp-v207-consistency-lock:not(.wkp-page-home) .wkp-plein60-scorecard{display:none!important;}

/* De content mag nooit meer als cream/wit vlak verschijnen. */
.wkp-appshell.wkp-v207-consistency-lock .wkp-app-page-content,
.wkp-appshell.wkp-v207-consistency-lock .wkp,
.wkp-appshell.wkp-v207-consistency-lock .wkp-shortcode-page,
.wkp-appshell.wkp-v207-consistency-lock .wkp-stand-page,
.wkp-appshell.wkp-v207-consistency-lock .wkp-analysis-page,
.wkp-appshell.wkp-v207-consistency-lock .wkp-kroegen-page,
.wkp-appshell.wkp-v207-consistency-lock .wkp-live-page,
.wkp-appshell.wkp-v207-consistency-lock .wkp-rules-page{
  background:transparent!important;
  color:#fff!important;
}

/* Eén kaarttaal. */
.wkp-appshell.wkp-v207-consistency-lock .wkp-page-metrics article,
.wkp-appshell.wkp-v207-consistency-lock .wkp-dash-widget,
.wkp-appshell.wkp-v207-consistency-lock .wkp-dash-wide,
.wkp-appshell.wkp-v207-consistency-lock .wkp-app-card,
.wkp-appshell.wkp-v207-consistency-lock .wkp-app-stat-card,
.wkp-appshell.wkp-v207-consistency-lock .wkp-podium-card,
.wkp-appshell.wkp-v207-consistency-lock .wkp-tavern-podium-card,
.wkp-appshell.wkp-v207-consistency-lock .wkp-next,
.wkp-appshell.wkp-v207-consistency-lock .wkp-notice,
.wkp-appshell.wkp-v207-consistency-lock .wkp-rule-grid article,
.wkp-appshell.wkp-v207-consistency-lock form,
.wkp-appshell.wkp-v207-consistency-lock fieldset{
  background:linear-gradient(180deg,rgba(22,30,46,.98),rgba(10,15,26,.98))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.38)!important;
}

/* Hard contrast: alles in donkere kaarten is leesbaar. */
.wkp-appshell.wkp-v207-consistency-lock :is(.wkp-dash-widget,.wkp-dash-wide,.wkp-page-metrics article,.wkp-app-card,.wkp-app-stat-card,.wkp-podium-card,.wkp-tavern-podium-card,.wkp-next,.wkp-notice,.wkp-rule-grid article,form,fieldset,table,tbody,tr,td) :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,em,i,small,label,div,a,li,td,th){
  color:#fff!important;
}
.wkp-appshell.wkp-v207-consistency-lock :is(.wkp-dash-widget,.wkp-dash-wide,.wkp-page-metrics article,.wkp-app-card,.wkp-app-stat-card,.wkp-podium-card,.wkp-tavern-podium-card,.wkp-next,.wkp-notice,.wkp-rule-grid article,form,fieldset) :is(small,.muted,.wkp-hint,.description){
  color:#aeb9ca!important;
}
.wkp-appshell.wkp-v207-consistency-lock :is(.wkp-dash-widget,.wkp-dash-wide,.wkp-page-metrics article,.wkp-app-card,.wkp-app-stat-card,.wkp-podium-card,.wkp-tavern-podium-card,.wkp-next,.wkp-notice,.wkp-rule-grid article) :is(.ok,.success){
  color:#61e26f!important;
}
.wkp-appshell.wkp-v207-consistency-lock :is(.wkp-dash-widget,.wkp-dash-wide,.wkp-page-metrics article,.wkp-app-card,.wkp-app-stat-card,.wkp-podium-card,.wkp-tavern-podium-card,.wkp-next,.wkp-notice,.wkp-rule-grid article) :is(em,.wkp-accent,.wkp-points){
  color:#ff8a22!important;
}

/* Specifieke blokken uit screenshots waar zwarte tekst doorsijpelde. */
.wkp-appshell.wkp-v207-consistency-lock .wkp-widget-next header h3,
.wkp-appshell.wkp-v207-consistency-lock .wkp-widget-next .wkp-versus strong,
.wkp-appshell.wkp-v207-consistency-lock .wkp-widget-next .wkp-count-cubes span,
.wkp-appshell.wkp-v207-consistency-lock .wkp-widget-next .wkp-count-cubes b,
.wkp-appshell.wkp-v207-consistency-lock .wkp-mini-ranking strong,
.wkp-appshell.wkp-v207-consistency-lock .wkp-mini-ranking em,
.wkp-appshell.wkp-v207-consistency-lock .wkp-position-grid strong,
.wkp-appshell.wkp-v207-consistency-lock .wkp-position-grid em{
  color:#fff!important;
}

/* Tabellen blijven donker, ook op desktop. */
.wkp-appshell.wkp-v207-consistency-lock table,
.wkp-appshell.wkp-v207-consistency-lock .wkp-table{background:transparent!important;color:#fff!important;}
.wkp-appshell.wkp-v207-consistency-lock tbody tr{background:rgba(19,27,43,.96)!important;}
.wkp-appshell.wkp-v207-consistency-lock td{color:#fff!important;background:transparent!important;}
.wkp-appshell.wkp-v207-consistency-lock th{color:#aeb9ca!important;background:transparent!important;}

/* Oranje hero cards blijven oranje, maar lijstregels worden donker-transparant met witte tekst. */
.wkp-appshell.wkp-v207-consistency-lock .wkp-dash-orange{
  background:linear-gradient(135deg,#ff7a1a 0%,#e95c08 55%,#852603 100%)!important;
  color:#fff!important;
}
.wkp-appshell.wkp-v207-consistency-lock .wkp-dash-orange .wkp-dash-list,
.wkp-appshell.wkp-v207-consistency-lock .wkp-dash-orange .wkp-dash-row{
  background:rgba(7,10,17,.62)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.13)!important;
}
.wkp-appshell.wkp-v207-consistency-lock .wkp-dash-orange *{color:#fff!important;}
.wkp-appshell.wkp-v207-consistency-lock .wkp-dash-orange .wkp-dash-row em{color:#fff!important;}

/* Formulieren. */
.wkp-appshell.wkp-v207-consistency-lock input,
.wkp-appshell.wkp-v207-consistency-lock select,
.wkp-appshell.wkp-v207-consistency-lock textarea{
  background:#080d17!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
}

@media(max-width:900px){
  .wkp-appshell.wkp-v207-consistency-lock{padding:0 12px 104px!important;}
  .wkp-appshell.wkp-v207-consistency-lock .wkp-dash-topbar{
    min-height:64px!important;
    border-radius:0 0 24px 24px!important;
  }
  .wkp-appshell.wkp-v207-consistency-lock .wkp-dash-brand{min-width:auto!important;}
  .wkp-appshell.wkp-v207-consistency-lock .wkp-dash-brand .wkp-dash-title{font-size:20px!important;max-width:58vw!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .wkp-appshell.wkp-v207-consistency-lock:not(.wkp-page-home) .wkp-plein60-masthead{
    min-height:132px!important;
    padding:22px!important;
    border-radius:22px!important;
  }
  .wkp-appshell.wkp-v207-consistency-lock:not(.wkp-page-home) .wkp-plein60-masthead-content h1{font-size:36px!important;line-height:.95!important;}
}