/*
 * SiteForge Multi-Page Experience V13
 *
 * Real inner-page art direction, service-detail layouts and desktop CTA sizing
 * for World-Class sites. Keeps every generated page Elementor-native.
 */

body.lf-world-class-v11 .lf-el-actions{
  display:flex!important;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
body.lf-world-class-v11 .lf-el-actions>.elementor-widget{
  width:auto!important;
  max-width:none!important;
  flex:0 0 auto!important;
}
body.lf-world-class-v11 .lf-el-actions .lf-el-button-primary .elementor-button,
body.lf-world-class-v11 .lf-el-actions .lf-el-button-secondary .elementor-button{
  width:auto!important;
  min-width:170px;
  max-width:none!important;
  padding-inline:26px!important;
  white-space:nowrap!important;
}
body.lf-world-class-v11 .lf-el-actions .elementor-button-text{
  white-space:nowrap!important;
}

/* Real service-detail page hero */
body.lf-world-class-v11 .lf-world-service-detail-hero{
  min-height:min(820px,88vh);
  display:grid!important;
  grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);
  align-items:center;
  gap:clamp(42px,7vw,110px)!important;
  padding-top:clamp(110px,12vw,176px)!important;
  padding-bottom:clamp(74px,9vw,138px)!important;
}
body.lf-world-class-v11 .lf-world-service-detail-hero .lf-el-hero-copy-wrap{
  max-width:760px;
}
body.lf-world-class-v11 .lf-world-service-detail-hero .lf-el-hero-title{
  max-width:11ch;
  font-size:clamp(58px,7.5vw,116px);
}
body.lf-world-class-v11 .lf-world-service-detail-media{
  position:relative;
  min-height:620px;
  overflow:hidden;
  box-shadow:0 34px 110px color-mix(in srgb,var(--ink) 16%,transparent);
}
body.lf-world-class-v11 .lf-world-service-detail-media:before{
  content:"";
  position:absolute;
  inset:18px;
  z-index:2;
  border:1px solid rgba(255,255,255,.42);
  pointer-events:none;
}
body.lf-world-class-v11 .lf-world-service-detail-media .elementor-widget-image,
body.lf-world-class-v11 .lf-world-service-detail-media .elementor-widget-container,
body.lf-world-class-v11 .lf-world-service-detail-media img{
  width:100%;
  height:100%;
  min-height:620px;
}
body.lf-world-class-v11 .lf-world-service-detail-media img{
  object-fit:cover;
  transform:scale(1.035) translateY(var(--lf-world-parallax,0px));
}

body.lf-world-class-v11 .lf-world-service-detail-scope{
  padding-top:clamp(90px,9vw,150px)!important;
  padding-bottom:clamp(90px,9vw,150px)!important;
}
body.lf-world-class-v11 .lf-world-service-detail-scope .lf-el-intro{
  max-width:980px;
}
body.lf-world-class-v11 .lf-world-service-detail-scope .lf-el-proof-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px!important;
  margin-top:clamp(34px,5vw,70px);
  background:color-mix(in srgb,var(--ink) 14%,transparent);
}
body.lf-world-class-v11 .lf-world-service-detail-scope .lf-el-proof-card{
  min-height:320px;
  padding:clamp(30px,4vw,58px)!important;
  background:var(--paper)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.lf-world-class-v11 .lf-world-service-detail-scope .lf-el-card-title{
  max-width:13ch;
  font-size:clamp(34px,4vw,62px);
  line-height:.97;
}

/* Inner pages should feel like a composed site, not the WP page template. */
body.lf-world-class-v11 .lf-elementor-page:not(.lf-world-class-page)>.lf-el-section:first-child{
  padding-top:clamp(104px,11vw,168px)!important;
}
body.lf-world-class-v11 .lf-el-faq:first-child,
body.lf-world-class-v11 .lf-el-about:first-child,
body.lf-world-class-v11 .lf-el-showcase:first-child{
  min-height:58vh;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center;
}

/* Better visual transitions between actual pages. */
body.lf-world-class-v11 .lf-elementor-page>.lf-el-section+ .lf-el-section{
  position:relative;
}
body.lf-world-class-v11 .lf-elementor-page>.lf-el-section+ .lf-el-section:before{
  content:"";
  position:absolute;
  top:0;
  left:var(--lf-world-gutter);
  right:var(--lf-world-gutter);
  height:1px;
  background:linear-gradient(90deg,transparent,var(--lf-world-hairline),transparent);
  pointer-events:none;
}

/* Current-page nav affordance */
body.lf-world-class-v11 .site-header nav a{
  position:relative;
}
body.lf-world-class-v11 .site-header nav a:hover{
  color:var(--accent);
}

/* Service-detail pages get a stronger performance-grid treatment. */
body.lf-world-class-v11.lf-family-performance-grid .lf-world-service-detail-hero{
  background:
    linear-gradient(120deg,rgba(255,59,48,.08),transparent 40%),
    #090c11;
  color:#fff;
}
body.lf-world-class-v11.lf-family-performance-grid .lf-world-service-detail-hero .lf-el-hero-title{
  color:#fff;
  text-transform:uppercase;
}
body.lf-world-class-v11.lf-family-performance-grid .lf-world-service-detail-hero .lf-el-hero-copy{
  color:rgba(255,255,255,.72);
}
body.lf-world-class-v11.lf-family-performance-grid .lf-world-service-detail-hero .lf-el-kicker{
  color:var(--accent);
}

@media(max-width:1000px){
  body.lf-world-class-v11 .lf-world-service-detail-hero{
    grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);
    gap:36px!important;
  }
  body.lf-world-class-v11 .lf-world-service-detail-hero .lf-el-hero-title{
    font-size:clamp(50px,7vw,82px);
  }
}

@media(max-width:767px){
  body.lf-world-class-v11 .lf-el-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%;
  }
  body.lf-world-class-v11 .lf-el-actions>.elementor-widget{
    width:100%!important;
    max-width:100%!important;
  }
  body.lf-world-class-v11 .lf-el-actions .lf-el-button-primary .elementor-button,
  body.lf-world-class-v11 .lf-el-actions .lf-el-button-secondary .elementor-button{
    width:100%!important;
    min-width:0;
    white-space:normal!important;
  }
  body.lf-world-class-v11 .lf-el-actions .elementor-button-text{
    white-space:normal!important;
  }
  body.lf-world-class-v11 .lf-world-service-detail-hero{
    grid-template-columns:1fr!important;
    min-height:0;
    padding-top:88px!important;
  }
  body.lf-world-class-v11 .lf-world-service-detail-media{
    min-height:420px;
  }
  body.lf-world-class-v11 .lf-world-service-detail-media .elementor-widget-image,
  body.lf-world-class-v11 .lf-world-service-detail-media .elementor-widget-container,
  body.lf-world-class-v11 .lf-world-service-detail-media img{
    min-height:420px;
  }
  body.lf-world-class-v11 .lf-world-service-detail-scope .lf-el-proof-grid{
    grid-template-columns:1fr;
  }
}