/*
Theme Name: AL Invest Elementor
Theme URI: https://example.com/
Author: OpenAI for AL Invest
Description: Lightweight Elementor/Elementor Pro starter theme matching the supplied AL Invest reference. Designed so the homepage, header and footer are edited as Elementor blocks.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: al-invest-elementor
*/

:root{
  --al-bg:#07131d;
  --al-bg-2:#0b1b27;
  --al-gold:#c99845;
  --al-gold-2:#e2b967;
  --al-ink:#10151b;
  --al-muted:#6a7179;
  --al-line:#e6e6e6;
  --al-white:#ffffff;
  --al-max:1360px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--al-ink);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none}
img{max-width:100%;height:auto}

/* Theme-builder header */
.al-site-header{
  width:100%;max-width:none!important;min-height:82px;padding:14px max(5vw,28px)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;
  position:absolute!important;top:0;left:0;z-index:1000;
  background:linear-gradient(180deg,rgba(3,10,15,.84),rgba(3,10,15,.08));
}
.al-site-header .al-logo{width:220px;max-width:24vw}
.al-site-header .al-logo img{max-height:56px;width:auto;object-fit:contain}
.al-site-header .al-nav{margin-left:auto}
.al-site-header .al-nav .elementor-nav-menu--main .elementor-item{color:#fff!important;font-size:14px;font-weight:700;letter-spacing:.015em;padding:14px 16px}
.al-site-header .al-nav .elementor-item:hover,.al-site-header .al-nav .elementor-item.elementor-item-active{color:var(--al-gold-2)!important}
.al-site-header .al-nav .elementor-nav-menu--dropdown{background:#0b1720}
.al-site-header .al-nav .elementor-menu-toggle{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.35)}
.al-site-header .al-phone .elementor-button{background:transparent!important;border:1px solid var(--al-gold)!important;color:#fff!important;border-radius:0!important;padding:14px 22px!important;font-size:13px;font-weight:700;white-space:nowrap}
.al-site-header .al-phone .elementor-button:hover{background:var(--al-gold)!important;color:#08131d!important}

/* Home hero */
.al-home-hero{
  min-height:560px!important;padding:150px max(5vw,28px) 88px!important;display:flex!important;align-items:center!important;
  position:relative;overflow:hidden;background:#07131d url('assets/images/hero.jpg') center right/cover no-repeat!important;
}
.al-home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,18,.98) 0%,rgba(4,12,18,.90) 34%,rgba(4,12,18,.38) 60%,rgba(4,12,18,.12) 100%);pointer-events:none}
.al-home-hero>.e-con-inner,.al-home-hero>.elementor-element{position:relative;z-index:1}
.al-home-hero .al-hero-copy{width:min(590px,100%)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
.al-hero-title .elementor-heading-title{color:#fff;font-size:clamp(42px,4.1vw,68px);line-height:1.08;font-weight:700;letter-spacing:-.025em}
.al-hero-title .al-gold{color:var(--al-gold)}
.al-hero-text{max-width:520px}.al-hero-text p{margin:0;color:#fff;font-size:18px;line-height:1.55}
.al-hero-actions{display:flex!important;flex-direction:row!important;gap:16px!important;flex-wrap:wrap!important;margin-top:8px}
.al-btn-gold .elementor-button,.al-btn-dark .elementor-button,.al-btn-small .elementor-button{border-radius:0!important;background:var(--al-gold)!important;color:#fff!important;font-weight:700;padding:16px 26px!important}
.al-btn-outline .elementor-button{border-radius:0!important;background:transparent!important;border:1px solid #fff!important;color:#fff!important;font-weight:700;padding:15px 26px!important}
.al-btn-dark .elementor-button{background:#07131d!important}.al-btn-small .elementor-button{background:transparent!important;color:#18202a!important;border:1px solid var(--al-gold)!important;padding:12px 20px!important}

/* Stats */
.al-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;padding:24px max(5vw,28px)!important;background:#fff;border-bottom:1px solid #eee}
.al-stat{padding:0 28px;border-right:1px solid #e5e5e5}.al-stat:last-child{border-right:0}
.al-stat .elementor-icon-box-wrapper{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'icon title' 'icon desc';align-items:center;column-gap:18px}
.al-stat .elementor-icon-box-icon{grid-area:icon;margin:0!important}.al-stat .elementor-icon{color:var(--al-gold)!important;font-size:32px}
.al-stat .elementor-icon-box-title{grid-area:title;margin:0!important;font-size:28px;font-weight:800;color:#111820}
.al-stat .elementor-icon-box-description{grid-area:desc;margin:2px 0 0!important;font-size:12px;font-weight:700;color:#222b33}

/* Featured project */
.al-featured-project{display:grid!important;grid-template-columns:1.1fr 1.15fr .35fr!important;gap:38px!important;padding:34px max(5vw,28px)!important;background:#f7f7f7;align-items:stretch!important}
.al-feature-image{min-height:300px!important;background:url('assets/images/featured.jpg') center/cover no-repeat!important}
.al-feature-content{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:12px!important;padding:12px 0}
.al-eyebrow p{margin:0;color:var(--al-gold);font-size:12px;font-weight:700;letter-spacing:.08em}
.al-feature-title .elementor-heading-title{font-size:30px;line-height:1.15;color:#101820}
.al-feature-text p{margin:0;color:#59616b;font-size:15px;line-height:1.55;max-width:670px}
.al-project-meta{display:grid!important;grid-template-columns:repeat(5,1fr)!important;width:100%!important;gap:8px!important;margin:8px 0 4px}
.al-mini-info .elementor-icon-box-wrapper{display:flex;gap:8px;align-items:flex-start}.al-mini-info .elementor-icon{color:var(--al-gold)!important;font-size:20px}.al-mini-info .elementor-icon-box-title{font-size:11px;margin:0 0 2px!important}.al-mini-info .elementor-icon-box-description{font-size:11px;color:#5e6670}
.al-feature-thumbs{display:grid!important;grid-template-rows:repeat(3,1fr)!important;gap:7px!important}
.al-detail-thumb{min-height:88px!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.al-detail-1{background-image:url('assets/images/detail-1.jpg')!important}.al-detail-2{background-image:url('assets/images/detail-2.jpg')!important}.al-detail-3{background-image:url('assets/images/detail-3.jpg')!important}

/* Reasons */
.al-reasons{padding:14px max(5vw,28px) 18px!important;background:#fff}
.al-section-title{text-align:center}.al-section-title .elementor-heading-title{font-size:18px;letter-spacing:.02em;margin-bottom:10px}.al-section-title .elementor-heading-title:after{content:"";display:block;width:62px;height:2px;background:var(--al-gold);margin:10px auto 0}
.al-reasons-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:0!important}
.al-reason{padding:8px 20px 2px;border-right:1px solid #e6e6e6;text-align:center}.al-reason:last-child{border-right:0}.al-reason .elementor-icon{font-size:29px;color:var(--al-gold)!important}.al-reason .elementor-icon-box-title{font-size:14px;margin:8px 0 6px!important}.al-reason .elementor-icon-box-description{font-size:12px;line-height:1.45;color:#4b535c}

/* Completed projects */
.al-completed{padding:28px max(5vw,28px) 40px!important;background:#f5f5f5}.al-completed-head{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-bottom:18px}.al-completed-title .elementor-heading-title{font-size:18px}
.al-project-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:14px!important}.al-project-card{min-height:172px!important;position:relative;overflow:hidden;background-size:cover!important;background-position:center!important}.al-project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.88) 100%)}
.al-project-1{background-image:url('assets/images/project-1.jpg')!important}.al-project-2{background-image:url('assets/images/project-2.jpg')!important}.al-project-3{background-image:url('assets/images/project-3.jpg')!important}.al-project-4{background-image:url('assets/images/project-4.jpg')!important}.al-project-5{background-image:url('assets/images/project-5.jpg')!important}
.al-card-overlay{position:absolute!important;left:0;right:0;bottom:0;padding:18px!important;z-index:2}.al-card-title .elementor-heading-title{color:#fff;font-size:15px;line-height:1.2}.al-card-meta p{margin:3px 0 0;color:#fff;font-size:11px}

/* Contact */
.al-contact{display:grid!important;grid-template-columns:1fr 1fr!important;gap:70px!important;padding:72px max(5vw,28px)!important;background:#08141e;color:#fff;align-items:center!important}.al-contact-copy{display:flex!important;flex-direction:column!important;gap:14px!important}.al-contact-title .elementor-heading-title{color:#fff;font-size:42px;line-height:1.15}.al-contact-text p{color:#d6dde2;font-size:16px;line-height:1.6}.al-contact-form .elementor-field{border-radius:0!important;border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.04)!important;color:#fff!important}.al-contact-form .elementor-button{border-radius:0!important;background:var(--al-gold)!important;color:#fff!important;font-weight:700}

/* Footer */
.al-site-footer{display:grid!important;grid-template-columns:2fr 1fr 1fr!important;gap:60px!important;padding:56px max(5vw,28px)!important;background:#050d13;color:#fff}.al-site-footer .elementor-heading-title{color:#fff}.al-footer-copy p{color:#aeb8c0;line-height:1.7}.al-footer-nav .elementor-nav-menu a{color:#dce2e7!important;padding:5px 0!important}.al-footer-nav .elementor-nav-menu a:hover{color:var(--al-gold)!important}

/* Fallback theme header/footer */
.al-fallback-header{background:#07131d;color:#fff;padding:18px 5vw;display:flex;justify-content:space-between;align-items:center}.al-fallback-header a{color:#fff}.al-fallback-header nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}.al-fallback-footer{background:#050d13;color:#cbd2d8;padding:30px 5vw;text-align:center}
.al-content{max-width:var(--al-max);margin:0 auto;padding:120px 5vw 60px}

@media(max-width:1100px){
  .al-site-header{position:relative!important;background:#07131d}.al-site-header .al-phone{display:none}
  .al-home-hero{padding-top:88px!important;min-height:520px!important}.al-stats{grid-template-columns:repeat(2,1fr)!important;row-gap:22px!important}.al-stat:nth-child(2){border-right:0}.al-featured-project{grid-template-columns:1fr 1fr!important}.al-feature-thumbs{display:none!important}.al-project-meta{grid-template-columns:repeat(3,1fr)!important}.al-reasons-grid{grid-template-columns:repeat(3,1fr)!important;row-gap:18px!important}.al-reason:nth-child(3n){border-right:0}.al-project-grid{grid-template-columns:repeat(3,1fr)!important}.al-site-footer{grid-template-columns:1.5fr 1fr 1fr!important}
}
@media(max-width:767px){
  .al-site-header{min-height:72px;padding:10px 20px!important}.al-site-header .al-logo{width:165px;max-width:60vw}.al-home-hero{padding:72px 22px 60px!important;min-height:500px!important;background-position:62% center!important}.al-home-hero:before{background:rgba(4,12,18,.76)}.al-hero-title .elementor-heading-title{font-size:39px}.al-hero-text p{font-size:16px}.al-hero-actions{flex-direction:column!important;width:100%}.al-hero-actions .elementor-widget-button{width:100%}.al-hero-actions .elementor-button{width:100%}
  .al-stats{grid-template-columns:1fr!important;padding:18px 22px!important}.al-stat{border-right:0;border-bottom:1px solid #e5e5e5;padding:14px 0}.al-stat:last-child{border-bottom:0}
  .al-featured-project{grid-template-columns:1fr!important;padding:24px 22px!important;gap:22px!important}.al-feature-image{min-height:230px!important}.al-project-meta{grid-template-columns:repeat(2,1fr)!important}
  .al-reasons{padding:22px!important}.al-reasons-grid{grid-template-columns:1fr!important}.al-reason{border-right:0;border-bottom:1px solid #e8e8e8;padding:18px 0}.al-reason:last-child{border-bottom:0}
  .al-completed{padding:28px 22px!important}.al-completed-head{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.al-project-grid{grid-template-columns:1fr!important}.al-project-card{min-height:220px!important}
  .al-contact{grid-template-columns:1fr!important;gap:30px!important;padding:55px 22px!important}.al-contact-title .elementor-heading-title{font-size:34px}
  .al-site-footer{grid-template-columns:1fr!important;gap:28px!important;padding:42px 22px!important}
}