/* WK Pool Pro v1.5.2 — vaste premium huisstijl / Styling-tab verwijderd */

.wkp{
  --wkp-navy:#071422 !important;
  --wkp-navy-2:#0a1b2c !important;
  --wkp-navy-3:#102a43 !important;
  --wkp-orange:#ff7a00 !important;
  --wkp-orange-2:#ff5f00 !important;
  --wkp-cream:#fff7ed !important;
  --wkp-paper:#fffaf3 !important;
  --wkp-card:#ffffff !important;
  --wkp-ink:#071422 !important;
  --wkp-muted:#667085 !important;
  --wkp-line:rgba(7,20,34,.10) !important;
  --wkp-radius-xl:30px !important;
  --wkp-radius-lg:22px !important;
  --wkp-radius-md:16px !important;
  --wkp-shadow-card:0 18px 48px rgba(7,20,34,.14) !important;
  --wkp-shadow-soft:0 10px 28px rgba(7,20,34,.10) !important;
  --wkp-shadow-gradient:0 18px 46px rgba(7,20,34,.24) !important;
  font-family:Inter,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  letter-spacing:-.01em;
}

.wkp.wkp-pro-design{
  background:linear-gradient(180deg, rgba(255,250,243,.75), rgba(255,255,255,0)) !important;
}

/* Eén vaste premium gradientregel: gradient = wit, shadow, geen oranje tekst. */
.wkp .wkp-hero,
.wkp .wkp-next,
.wkp .wkp-app-card-hero,
.wkp .wkp-orange-banner,
.wkp .wkp-front-leader,
.wkp [class*="gradient"],
.wkp [style*="gradient"]{
  background:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,.16), transparent 24%),
    radial-gradient(circle at 82% 82%, rgba(255,122,0,.38), transparent 30%),
    linear-gradient(135deg,#071422 0%,#0f2b45 52%,#ff6a00 100%) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:var(--wkp-shadow-gradient) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

.wkp .wkp-hero *,
.wkp .wkp-next *,
.wkp .wkp-app-card-hero *,
.wkp .wkp-orange-banner *,
.wkp .wkp-front-leader *,
.wkp [class*="gradient"] *,
.wkp [style*="gradient"] *{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.18) !important;
}

/* App-shell / secties */
.wkp .wkp-front-section,
.wkp .wkp-section,
.wkp .wkp-panel,
.wkp .wkp-analysis-section{
  border-radius:var(--wkp-radius-xl) !important;
}

.wkp h1,
.wkp h2,
.wkp h3{
  letter-spacing:-.045em !important;
  line-height:1.05 !important;
}

.wkp .wkp-section-title,
.wkp .wkp-tavern-title,
.wkp .wkp-front-section-head h2{
  background:transparent !important;
  color:var(--wkp-ink) !important;
  -webkit-text-fill-color:var(--wkp-ink) !important;
  padding:0 !important;
  border-radius:0 !important;
  font-size:clamp(22px,3vw,34px) !important;
  font-weight:950 !important;
}

.wkp .wkp-section-title::before,
.wkp .wkp-tavern-title::before,
.wkp .wkp-front-section-head h2::before{
  content:'';
  display:inline-block;
  width:10px;
  height:28px;
  margin-right:10px;
  border-radius:999px;
  vertical-align:-4px;
  background:linear-gradient(180deg,var(--wkp-orange),var(--wkp-orange-2));
  box-shadow:0 8px 16px rgba(255,95,0,.25);
}

.wkp .wkp-front-section-head p,
.wkp .wkp-lead,
.wkp .wkp-subtitle{
  color:var(--wkp-muted) !important;
  -webkit-text-fill-color:var(--wkp-muted) !important;
  max-width:720px;
}

/* Cards */
.wkp .wkp-front-card,
.wkp .wkp-news-card,
.wkp .wkp-app-card,
.wkp .wkp-app-stat-card,
.wkp .wkp-analysis-card,
.wkp .wkp-podium-card,
.wkp .wkp-tavern-podium-card,
.wkp .wkp-details,
.wkp .wkp-table,
.wkp .wkp-stat,
.wkp .wkp-pub-stat{
  background:linear-gradient(180deg,#fff,#fffaf3) !important;
  border:1px solid rgba(7,20,34,.09) !important;
  border-radius:var(--wkp-radius-xl) !important;
  box-shadow:var(--wkp-shadow-card) !important;
}

.wkp .wkp-front-card:hover,
.wkp .wkp-news-card:hover,
.wkp .wkp-app-card:hover,
.wkp .wkp-podium-card:hover,
.wkp .wkp-tavern-podium-card:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 56px rgba(7,20,34,.17) !important;
}

.wkp .wkp-front-card,
.wkp .wkp-news-card,
.wkp .wkp-app-card,
.wkp .wkp-podium-card,
.wkp .wkp-tavern-podium-card{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Labels, badges en grote cijfers */
.wkp .wkp-kicker,
.wkp .wkp-app-stat-label,
.wkp .wkp-label,
.wkp small{
  font-size:12px !important;
  line-height:1.2 !important;
  text-transform:uppercase;
  letter-spacing:.075em !important;
  font-weight:900 !important;
  color:var(--wkp-orange-2) !important;
  -webkit-text-fill-color:var(--wkp-orange-2) !important;
}

.wkp .wkp-badge,
.wkp .wkp-state-badge,
.wkp .wkp-points-badge,
.wkp .wkp-tab-count,
.wkp .wkp-count,
.wkp .wkp-counter{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  background:var(--wkp-navy) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:950 !important;
  box-shadow:0 8px 18px rgba(7,20,34,.18) !important;
}

.wkp .wkp-live,
.wkp .wkp-status-live,
.wkp .wkp-state-badge.live{
  background:linear-gradient(135deg,#ff7a00,#ff3500) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  animation:wkpLivePulse 1.6s ease-in-out infinite;
}

@keyframes wkpLivePulse{
  0%,100%{ box-shadow:0 0 0 0 rgba(255,95,0,.35); }
  50%{ box-shadow:0 0 0 8px rgba(255,95,0,0); }
}

/* Buttons */
.wkp .wkp-button,
.wkp button,
.wkp input[type="submit"],
.wkp .button-primary{
  border-radius:999px !important;
  min-height:46px !important;
  border:0 !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
}

.wkp .wkp-button,
.wkp button.wkp-button,
.wkp input[type="submit"],
.wkp .button-primary{
  background:linear-gradient(135deg,var(--wkp-orange),var(--wkp-orange-2)) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:0 14px 28px rgba(255,95,0,.26) !important;
}

/* Formulieren */
.wkp input,
.wkp select,
.wkp textarea{
  border-radius:16px !important;
  border:1px solid rgba(7,20,34,.14) !important;
  background:#fff !important;
  color:var(--wkp-ink) !important;
  -webkit-text-fill-color:var(--wkp-ink) !important;
}

.wkp .wkp-details > summary{
  background:linear-gradient(180deg,#ffffff,#fff4e6) !important;
  color:var(--wkp-ink) !important;
  -webkit-text-fill-color:var(--wkp-ink) !important;
}

/* Premium mobiele flow */
@media (max-width:768px){
  .wkp{
    padding-inline:12px !important;
  }

  .wkp h1{ font-size:clamp(30px,8vw,42px) !important; }
  .wkp h2{ font-size:clamp(23px,6vw,32px) !important; }

  .wkp .wkp-front-section,
  .wkp .wkp-section,
  .wkp .wkp-analysis-section{
    margin-block:16px !important;
  }

  .wkp .wkp-hero,
  .wkp .wkp-next,
  .wkp .wkp-front-card,
  .wkp .wkp-news-card,
  .wkp .wkp-app-card,
  .wkp .wkp-analysis-card,
  .wkp .wkp-podium-card,
  .wkp .wkp-tavern-podium-card,
  .wkp .wkp-details{
    border-radius:24px !important;
  }

  .wkp .wkp-table tr{
    border-radius:24px !important;
    border:1px solid rgba(7,20,34,.10) !important;
    background:linear-gradient(180deg,#fff,#fffaf3) !important;
  }

  .wkp .wkp-table td:first-child{
    background:transparent !important;
  }

  .wkp .wkp-savebar{
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    border:1px solid rgba(7,20,34,.10) !important;
    box-shadow:0 14px 34px rgba(7,20,34,.18) !important;
  }

  .wkp .wkp-tabs,
  .wkp .wkp-nav,
  .wkp .wkp-tabbar{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:8px !important;
  }
  .wkp .wkp-tabs::-webkit-scrollbar,
  .wkp .wkp-nav::-webkit-scrollbar,
  .wkp .wkp-tabbar::-webkit-scrollbar{ display:none; }

  .wkp .wkp-tabs a,
  .wkp .wkp-nav a,
  .wkp .wkp-tabbar a,
  .wkp .wkp-tab{
    white-space:nowrap !important;
    border-radius:999px !important;
  }
}