/* ============================================================
   WELTECH CINEMATIC HERO SLIDER
   One composed background image per slide + HTML text/buttons.
   Image master ratio: 1831 x 859.
   ============================================================ */
.wt-premium-hero.wt-cinematic-hero{
  --wt-red:#c4161c;
  --accent:#c4161c;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#0b111b;
  width:100%;
  aspect-ratio:1831/859;
  min-height:540px;
  max-height:859px;
}
.wt-cinematic-hero .wt-hero-track,
.wt-cinematic-hero .wt-hero-slide{position:absolute;inset:0;}
.wt-cinematic-hero .wt-hero-slide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .85s ease, visibility .85s ease;
  background:#0b111b;
}
.wt-cinematic-hero .wt-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2;}
.wt-cinematic-hero .wt-hero-slide[data-theme="red"]{--accent:#c4161c;--accent-dark:#941016;--soft:rgba(196,22,28,.35);}
.wt-cinematic-hero .wt-hero-slide[data-theme="green"]{--accent:#86a83a;--accent-dark:#5e7628;--soft:rgba(134,168,58,.35);}
.wt-cinematic-hero .wt-hero-slide[data-theme="gold"]{--accent:#d9a13b;--accent-dark:#946313;--soft:rgba(217,161,59,.35);}
.wt-cinematic-hero .wt-hero-slide[data-theme="orange"]{--accent:#d86a16;--accent-dark:#95430b;--soft:rgba(216,106,22,.35);}
.wt-cinematic-hero .wt-hero-slide[data-theme="steel"]{--accent:#8fa9c4;--accent-dark:#526b86;--soft:rgba(143,169,196,.35);}

.wt-cinematic-hero .wt-hero-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  transform:scale(1.035);
  filter:saturate(1.08) contrast(1.06) brightness(.96);
  transition:transform 7s ease;
}
.wt-cinematic-hero .wt-hero-slide.is-active .wt-hero-bg{transform:scale(1);}
.wt-cinematic-hero .wt-hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(5,9,16,.94) 0%,rgba(8,13,22,.86) 28%,rgba(8,13,22,.55) 46%,rgba(8,13,22,.20) 68%,rgba(8,13,22,.10) 100%),
    radial-gradient(circle at 18% 50%,var(--soft),transparent 34%),
    linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.36));
}
.wt-cinematic-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 36px);
  opacity:.35;
  mix-blend-mode:screen;
}
.wt-cinematic-hero .wt-hero-inner{
  position:relative;
  z-index:4;
  height:100%;
  display:flex;
  align-items:center;
}
.wt-cinematic-hero .wt-hero-copy{
  width:min(540px,48%);
  color:#fff;
  padding:45px 0 80px;
  transform:translateY(26px);
  opacity:0;
  transition:opacity .7s ease .18s, transform .7s ease .18s;
}
.wt-cinematic-hero .wt-hero-slide.is-active .wt-hero-copy{opacity:1;transform:translateY(0);}
.wt-cinematic-hero .wt-hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 20px;
  padding:10px 18px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.23);
  box-shadow:0 12px 28px rgba(0,0,0,.20);
  color:#fff;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:1.4px;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
}
.wt-cinematic-hero .wt-hero-kicker:before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 5px rgba(255,255,255,.08);
}
.wt-cinematic-hero h1{
  margin:0 0 22px;
  color:#fff !important;
  font-size:clamp(46px,5.25vw,82px);
  line-height:.95;
  font-weight:950;
  letter-spacing:-3px;
  text-transform:uppercase;
  text-shadow:0 20px 50px rgba(0,0,0,.42);
}
.wt-cinematic-hero h1 span{display:block;color:var(--accent);}
.wt-cinematic-hero p{
  margin:0 0 30px;
  max-width:520px;
  color:rgba(255,255,255,.88);
  font-size:18px;
  line-height:1.68;
  font-weight:500;
  text-shadow:0 8px 26px rgba(0,0,0,.35);
}
.wt-cinematic-hero .wt-hero-actions{display:flex;flex-wrap:wrap;gap:14px;}
.wt-cinematic-hero .wt-hero-btn{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 30px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--accent),var(--accent-dark));
  color:#fff !important;
  text-decoration:none !important;
  border:0;
  font-size:13px;
  font-weight:950;
  letter-spacing:.5px;
  text-transform:uppercase;
  box-shadow:0 18px 38px rgba(0,0,0,.28),0 12px 26px var(--soft);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.wt-cinematic-hero .wt-hero-btn:hover{transform:translateY(-2px);color:#fff !important;box-shadow:0 23px 44px rgba(0,0,0,.34),0 14px 30px var(--soft);}
.wt-cinematic-hero .wt-hero-btn--ghost{
  background:rgba(255,255,255,.94);
  color:#101927 !important;
  box-shadow:0 16px 34px rgba(0,0,0,.22);
}
.wt-cinematic-hero .wt-hero-btn--ghost:hover{background:#fff;color:var(--accent-dark) !important;}

.wt-cinematic-hero .wt-hero-arrow{
  position:absolute;
  z-index:10;
  top:50%;
  transform:translateY(-50%);
  width:54px;
  height:54px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:50%;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:42px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 16px 34px rgba(0,0,0,.20);
  backdrop-filter:blur(10px);
  transition:.22s ease;
}
.wt-cinematic-hero .wt-hero-arrow:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-50%) scale(1.05);}
.wt-cinematic-hero .wt-hero-prev{left:28px;}
.wt-cinematic-hero .wt-hero-next{right:28px;}
.wt-cinematic-hero .wt-hero-dots{
  position:absolute;
  z-index:11;
  left:50%;
  bottom:28px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 18px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 16px 34px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
}
.wt-cinematic-hero .wt-hero-dot{
  width:10px;
  height:10px;
  border:1px solid rgba(255,255,255,.85);
  border-radius:999px;
  padding:0;
  background:rgba(255,255,255,.22);
  cursor:pointer;
  transition:.22s ease;
}
.wt-cinematic-hero .wt-hero-dot.is-active{width:34px;background:var(--dot-color,#c4161c);border-color:var(--dot-color,#c4161c);}

@media(max-width:1180px){
  .wt-premium-hero.wt-cinematic-hero{min-height:500px;}
  .wt-cinematic-hero .wt-hero-copy{width:52%;padding-left:20px;}
  .wt-cinematic-hero .wt-hero-prev{left:16px;}
  .wt-cinematic-hero .wt-hero-next{right:16px;}
}
@media(max-width:767px){
  .wt-premium-hero.wt-cinematic-hero{
    aspect-ratio:auto;
    min-height:650px;
    max-height:none;
  }
  .wt-cinematic-hero .wt-hero-bg{
    background-position:68% center;
    transform:scale(1.02);
  }
  .wt-cinematic-hero .wt-hero-overlay{
    background:
      linear-gradient(180deg,rgba(5,9,16,.82) 0%,rgba(5,9,16,.70) 42%,rgba(5,9,16,.30) 66%,rgba(5,9,16,.70) 100%),
      linear-gradient(90deg,rgba(5,9,16,.90),rgba(5,9,16,.18) 100%);
  }
  .wt-cinematic-hero .wt-hero-inner{align-items:flex-start;padding-top:52px;}
  .wt-cinematic-hero .wt-hero-copy{width:100%;padding:34px 22px 110px;box-sizing:border-box;}
  .wt-cinematic-hero .wt-hero-kicker{font-size:10px;margin-bottom:15px;padding:8px 14px;}
  .wt-cinematic-hero h1{font-size:42px;letter-spacing:-1.4px;line-height:1.02;margin-bottom:16px;}
  .wt-cinematic-hero p{font-size:15px;line-height:1.55;margin-bottom:22px;max-width:94%;}
  .wt-cinematic-hero .wt-hero-actions{gap:10px;}
  .wt-cinematic-hero .wt-hero-btn{min-height:46px;padding:0 20px;font-size:12px;}
  .wt-cinematic-hero .wt-hero-arrow{width:42px;height:42px;font-size:32px;top:auto;bottom:24px;transform:none;}
  .wt-cinematic-hero .wt-hero-arrow:hover{transform:none;}
  .wt-cinematic-hero .wt-hero-prev{left:18px;}
  .wt-cinematic-hero .wt-hero-next{right:18px;}
  .wt-cinematic-hero .wt-hero-dots{bottom:31px;padding:9px 13px;gap:9px;}
  .wt-cinematic-hero .wt-hero-dot{width:8px;height:8px;}
  .wt-cinematic-hero .wt-hero-dot.is-active{width:25px;}
}
@media(max-width:420px){
  .wt-premium-hero.wt-cinematic-hero{min-height:620px;}
  .wt-cinematic-hero h1{font-size:36px;}
  .wt-cinematic-hero p{font-size:14px;}
  .wt-cinematic-hero .wt-hero-actions{flex-direction:column;align-items:flex-start;}
  .wt-cinematic-hero .wt-hero-btn{width:auto;min-width:190px;}
}
/* ============================================================
   WELTECH HERO SLIDER HEIGHT TUNING
   Reduce height while keeping cinematic look
   ============================================================ */

/* Desktop */
.wt-premium-hero,
.wt-hero-track,
.wt-hero-slide{
    height: 600px !important;
    min-height: 600px !important;
}

/* Make background fill properly */
.wt-hero-bg{
    background-size: cover !important;
    background-position: center center !important;
}

/* Keep content vertically centered */
.wt-hero-inner{
    height: 600px !important;
    min-height: 600px !important;
    align-items: center !important;
}

/* Tablet */
@media (max-width: 991px){
    .wt-premium-hero,
    .wt-hero-track,
    .wt-hero-slide{
        height: 650px !important;
        min-height: 650px !important;
    }

    .wt-hero-inner{
        height: 650px !important;
        min-height: 650px !important;
    }
}

/* Mobile */
@media (max-width: 767px){
    .wt-premium-hero,
    .wt-hero-track,
    .wt-hero-slide{
        height: 380px !important;
        min-height: 380px !important;
    }

    .wt-hero-inner{
        height: 380px !important;
        min-height: 380px !important;
    }

    .wt-hero-copy h1{
        font-size: 34px !important;
        line-height: 1.05 !important;
    }

    .wt-hero-copy p{
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}