/* ═══ Splash (Nyitóoldal) ═══ */

.wtk-splash{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-sizing:border-box;
  background-color:#0a1821;
  color:#ffffff;
  text-align:center;
}
.wtk-splash--full-height{min-height:100vh}
/* Full-bleed – same technique as the hero */
.wtk-splash--full-width{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(-50vw + 50%) !important;
}

/* Two slanted stripes, positioned independently and skewed around their own centre */
.wtk-splash-stripes{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.wtk-splash-stripe{position:absolute;top:-20%;height:140%;transform:translateX(-50%) skewX(var(--wtk-sp-skew,-16deg))}
.wtk-splash-stripe-1{left:46%;width:15%;background-color:#2c6a69}
.wtk-splash-stripe-2{left:68%;width:8%;background-color:#f7941d}

.wtk-splash-inner{position:relative;z-index:2;box-sizing:border-box;width:calc(100% - 48px);max-width:640px;margin:0 auto;padding:64px 0}

.wtk-splash-logo{margin:0 0 56px}
.wtk-splash-logo img{display:inline-block;width:220px;height:auto}
.wtk-splash-logo--placeholder{
  box-sizing:border-box;
  padding:18px 20px;
  border:1px dashed rgba(255,255,255,.35);
  color:rgba(255,255,255,.7);
  font-size:13px;
  line-height:1.5;
}

/* .wtk-splash prefix keeps this above theme / Elementor kit link rules */
.wtk-splash .wtk-splash-caption{
  display:block;
  margin:0 0 40px;
  color:#f7941d;
  font-family:'Roboto Mono',monospace,system-ui;
  font-size:13px;
  font-weight:700;
  letter-spacing:.25em;
  text-transform:uppercase;
  text-decoration:none;
}
a.wtk-splash-caption:hover{color:#ffffff}

.wtk-splash-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.wtk-splash .wtk-splash-btn{
  box-sizing:border-box;
  display:inline-block;
  padding:20px 36px;
  border:2px solid transparent;
  font-size:15px;
  font-weight:800;
  letter-spacing:.06em;
  text-decoration:none;
  transition:background-color .2s,color .2s,border-color .2s;
}
.wtk-splash .wtk-splash-btn--filled{background-color:#f7941d;border-color:#f7941d;color:#0a1821}
.wtk-splash .wtk-splash-btn--filled:hover{background-color:#ffffff;border-color:#ffffff;color:#0a1821}
.wtk-splash .wtk-splash-btn--outline{background-color:transparent;border-color:#ffffff;color:#ffffff}
.wtk-splash .wtk-splash-btn--outline:hover{background-color:rgba(255,255,255,.1)}

@media(max-width:600px){
  .wtk-splash-logo{margin-bottom:40px}
  .wtk-splash-logo img{width:160px}
  .wtk-splash-buttons{flex-direction:column;align-items:stretch;width:100%}
  .wtk-splash .wtk-splash-btn{text-align:center}
}