/*
Theme Name: LBTB Contracting (Minimal)
Theme URI: https://lbtbuae.com
Author: Keshini
Description: Lightweight classic theme for LBTB with ACF-ready sections and static front page support.
Version: 0.1.0
License: GPL-2.0-or-later
Text Domain: lbtb
*/

:root{
  --bg:#ffffff; --ink:#1b1b1f; --muted:#6b7280; --brand:#5c2946; --wash:#f5f5f7;
}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial; color:var(--ink); background:var(--bg)}
a{color:var(--brand); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1160px;margin:0 auto;padding:0 20px}
header.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:10}
.nav{display:flex;gap:18px;align-items:center}
.nav a{padding:14px 6px}
.brand{display:flex;align-items:center;gap:12px;padding:12px 0}
.brand img{height:42px;width:auto}

/* Hero */
.hero{position:relative; overflow:hidden; background:var(--wash); border-bottom:1px solid #eee}
.hero-inner{display:grid;grid-template-columns:1.2fr 0.8fr;gap:28px;align-items:center;padding:56px 0}
.hero .copy h1{font-size:42px;line-height:1.15;margin:0 0 12px}
.hero .copy p{font-size:18px;color:var(--muted);margin:0 0 18px}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;border:1px solid transparent}
.btn-primary{background:var(--brand);color:#fff}
.btn-outline{border-color:var(--brand)}
.hero .media img{width:100%;height:auto;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.07)}

/* Sections */
.section{padding:56px 0;border-bottom:1px solid #eee;background:#fff}
.section h2{font-size:28px;margin:0 0 16px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--wash);padding:18px;border-radius:14px;border:1px solid #eaeaea}
.card h3{margin:0 0 8px;font-size:18px}

/* Footer */
.site-footer{padding:36px 0;background:#0f0f12;color:#c9c9cf}
.site-footer a{color:#c9c9cf}

/* Responsive */
@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr;}
  .grid{grid-template-columns:1fr;}
}


/* FULL-BLEED HERO BANNER */
.hero--fullbleed{
  position: relative;
  background-image: var(--hero-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 90px 0;            /* bigger vertical space for banner */
}

/* Soft overlay so text is readable on any photo */
.hero--fullbleed::after{
  content:"";
  position:absolute; inset:0;
  /* left is more opaque for text, right fades to clear */
  background: linear-gradient(90deg,
    rgba(255,255,255,0.95) 0%,
    rgba(255,255,255,0.85) 35%,
    rgba(255,255,255,0.50) 60%,
    rgba(255,255,255,0.15) 100%);
}
.hero--fullbleed .container{ position: relative; z-index: 2; }

/* remove the right-side card so only the bg shows */
.hero--fullbleed .hero__media{ display:none; }

/* optional: tighten badges on banner */
.hero--fullbleed .hero__badges li{
  background: #fff;
  border-color: #ececec;
}