/* ═══ Footer ═══ */

.wtk-ft{
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
  background-color:#0a1821;
  color:#ffffff;
}
/* Full-bleed – same technique as the hero */
.wtk-ft--full{
  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-ft-stripes{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.wtk-ft-stripe{position:absolute;top:-20%;height:140%;transform:translateX(-50%) skewX(var(--wtk-ft-skew,-16deg))}
.wtk-ft-stripe-1{left:68%;width:3.5%;background-color:#f7941d}
.wtk-ft-stripe-2{left:76%;width:9%;background-color:#2c6a69}

.wtk-ft-inner{position:relative;z-index:2;padding:64px 0 0}
.wtk-ft-container{width:calc(100% - 64px);max-width:1320px;margin:0 auto}

/* Top row */
.wtk-ft-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px}
.wtk-ft-top-left{max-width:640px}

/* .wtk-ft prefix keeps these above theme / Elementor kit heading & link rules */
.wtk-ft .wtk-ft-eyebrow{margin:0 0 18px;color:#f7941d;font-family:'Roboto Mono',monospace,system-ui;font-size:12px;font-weight:700;letter-spacing:.25em;text-transform:uppercase}
.wtk-ft .wtk-ft-title{margin:0;color:#ffffff;font-size:clamp(28px,3.4vw,42px);font-weight:900;line-height:1.15;text-transform:uppercase}

.wtk-ft-cta{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-top:6px}
.wtk-ft .wtk-ft-email{color:#ffffff;font-size:16px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:3px;transition:opacity .2s}
.wtk-ft .wtk-ft-email:hover{opacity:.8}
.wtk-ft .wtk-ft-btn{
  display:inline-block;
  padding:16px 26px;
  background-color:#f7941d;
  color:#0a1821;
  font-size:14px;
  font-weight:900;
  letter-spacing:.06em;
  text-decoration:none;
  transition:background-color .2s,color .2s;
}
.wtk-ft .wtk-ft-btn:hover{background-color:#ffffff;color:#0a1821}

/* Divider – two coloured segments over a track; segments start from the left, in DOM order */
.wtk-ft-divider{position:relative;display:flex;height:3px;margin:56px 0;background-color:rgba(255,255,255,.15)}
.wtk-ft-seg-1,.wtk-ft-seg-2{height:100%}
.wtk-ft-seg-1{width:30%;background-color:#f7941d}
.wtk-ft-seg-2{width:20%;background-color:#2c6a69}

/* Middle row */
.wtk-ft-middle{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px 32px}
.wtk-ft-brand{max-width:280px}
.wtk-ft-logo{margin:0 0 22px}
.wtk-ft-logo img{display:block;width:140px;height:auto}
.wtk-ft .wtk-ft-tagline{margin:0;color:#f7941d;font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}

.wtk-ft-links{display:flex;flex-wrap:wrap;gap:56px}
.wtk-ft-link-col{display:flex;flex-direction:column;gap:10px}
.wtk-ft .wtk-ft-link{color:rgba(255,255,255,.85);font-size:15px;line-height:1.4;text-decoration:none;transition:color .2s}
.wtk-ft .wtk-ft-link:hover{color:#f7941d}

/* Bottom row */
.wtk-ft-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:40px;padding:26px 0;border-top:1px solid rgba(255,255,255,.12)}
.wtk-ft .wtk-ft-legal{margin:0;color:rgba(255,255,255,.5);font-size:13px;line-height:1.5}
.wtk-ft .wtk-ft-copyright{margin:0;color:rgba(255,255,255,.5);font-size:13px;line-height:1.5;font-family:'Roboto Mono',monospace,system-ui}
.wtk-ft .wtk-ft-copyright-link{color:inherit;text-decoration:none;transition:color .2s}
.wtk-ft .wtk-ft-copyright-link:hover{color:#f7941d}

@media(max-width:900px){
  .wtk-ft-inner{padding-top:48px}
  .wtk-ft-container{width:calc(100% - 44px)}
  .wtk-ft-top,.wtk-ft-middle,.wtk-ft-bottom{flex-direction:column}
  .wtk-ft-divider{margin:40px 0}
  .wtk-ft-links{gap:32px}
}