/**
* Theme Name: Sixten Child
* Description: This is a child theme of Sixten.
* Author: <a href="https://themeforest.net/user/vlthemes">VLThemes</a>
* Template: sixten
* Version: 1.0.0
*/

.jg-spatial-hero {
  position: relative !important;
  min-height: clamp(680px, 82svh, 900px) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.jg-spatial-hero-project {
  position: relative !important;
  min-height: clamp(680px, 100svh, 1200px) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body .vlt-navbar.vlt-navbar--main.jg-nav-hidden {
  transform: translateX(-50%) translateY(-150%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* =========================================
   MOBILE HERO BALANCE FIX — SAFE VERSION
   ========================================= */

@media (max-width: 767px) {

  .jg-spatial-hero,
  .jg-spatial-hero-project {
    min-height: 100svh !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .jg-spatial-hero .elementor-container,
  .jg-spatial-hero .e-con-inner,
  .jg-spatial-hero-project .elementor-container,
  .jg-spatial-hero-project .e-con-inner {
    min-height: 100svh !important;
    height: auto !important;
    align-items: flex-start !important;
  }

  .jg-spatial-hero .elementor-widget-wrap,
  .jg-spatial-hero-project .elementor-widget-wrap {
    padding-top: 190px !important;
    padding-bottom: 80px !important;
  }

  .jg-spatial-hero h1,
  .jg-spatial-hero-project h1 {
    font-size: clamp(58px, 17vw, 86px) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.045em !important;
    margin-bottom: 28px !important;
    max-width: 92vw !important;
  }

  .jg-spatial-hero .lead,
  .jg-spatial-hero-project .lead {
    font-size: 22px !important;
    line-height: 1.35 !important;
    max-width: 92% !important;
    margin-bottom: 32px !important;
  }

  .jg-spatial-hero p,
  .jg-spatial-hero-project p {
    max-width: 92% !important;
  }
}