/*
Theme Name: TechSolve44 Child (Blocks)
Theme URI: https://techsolve44.com/
Description: Child theme for Astra — temporary installable theme that auto-imports a block-based homepage and menus. Install Astra (parent theme) first.
Author: TechSolve44 / Rajat S G
Template: astra
Version: 1.1.0
Text Domain: techsolve44-child
*/

/* Scoped styles for the demo homepage */
.techsolve44-root *{box-sizing:border-box}
.techsolve44-root {font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial; color:#0f172a; background:#f8fafc}
.techsolve44-root .container{max-width:1100px;margin:0 auto;padding:28px}

/* Hide Astra header & footer on home so child theme can render custom homepage */
.home .site-header, .home .site-footer { display: none !important; }

/* Header */
.techsolve44-root header { background: linear-gradient(90deg,#022c5a 0%, #075985 100%); color: white; padding: 18px 0; }
.techsolve44-root .nav{display:flex;align-items:center;justify-content:space-between; padding:6px 0;}
.techsolve44-root .logo{font-weight:700;letter-spacing:0.6px;font-size:20px}
.techsolve44-root .main-nav a{color:rgba(255,255,255,0.95); text-decoration:none; margin-left:16px; font-weight:600}

/* Hero */
.techsolve44-root .hero{display:grid;grid-template-columns:1fr 420px;gap:32px;padding:36px 0;align-items:center}
.techsolve44-root .hero h1{font-size:32px;line-height:1.05;color:#e6f0fb;margin:0}
.techsolve44-root .hero p{margin-top:14px;color:rgba(230,240,251,0.95)}
.techsolve44-root .cta-row{margin-top:18px;display:flex;gap:12px}
.techsolve44-root .btn{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:700;cursor:pointer;text-decoration:none}
.techsolve44-root .btn-primary{background:#ffdd57;color:#07213a}
.techsolve44-root .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.18);color:#e6f0fb}

/* Cards */
.techsolve44-root .hero-card{background:white;border-radius:12px;padding:18px;box-shadow:0 8px 30px rgba(2,12,27,0.12)}
.techsolve44-root .metric{display:flex;gap:12px;align-items:center}
.techsolve44-root .metric .num{font-weight:800;font-size:20px}
.techsolve44-root .metric .lbl{font-size:13px;color:#475569}

/* Sections */
.techsolve44-root section{padding:28px 0}
.techsolve44-root h2.section-title{font-size:22px;color:#022c5a;margin-bottom:12px}
.techsolve44-root p.lead{color:#334155}

/* Services grid */
.techsolve44-root .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:12px}
.techsolve44-root .service{background:white;padding:16px;border-radius:10px;box-shadow:0 6px 20px rgba(2,12,27,0.06)}
.techsolve44-root .service h3{font-size:16px;color:#05203a;margin-bottom:8px}
.techsolve44-root .service p{font-size:14px;color:#475569}
.techsolve44-root .service .outcome{margin-top:12px;font-weight:700;color:#0f172a}

/* Why / diffs */
.techsolve44-root .diffs{display:flex;gap:14px;margin-top:12px}
.techsolve44-root .diff{flex:1;background:white;padding:16px;border-radius:10px;box-shadow:0 6px 18px rgba(2,12,27,0.04)}

/* Insights */
.techsolve44-root .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.techsolve44-root .post{background:white;padding:14px;border-radius:10px}

/* Contact */
.techsolve44-root .contact-grid{display:grid;grid-template-columns:1fr 360px;gap:18px;margin-top:12px}
.techsolve44-root .contact-panel{background:#fbfbff;padding:14px;border-radius:10px;box-shadow:0 6px 20px rgba(2,12,27,0.02)}
.techsolve44-root input, .techsolve44-root textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:10px}

/* Footer */
.techsolve44-root footer{padding:18px 0;color:#475569;border-top:1px solid #eef2f7;margin-top:20px}

/* Responsive */
@media (max-width:960px){
  .techsolve44-root .hero{grid-template-columns:1fr}
  .techsolve44-root .services-grid{grid-template-columns:1fr 1fr}
  .techsolve44-root .posts{grid-template-columns:1fr}
}
@media (max-width:520px){
  .techsolve44-root nav ul{display:none}
  .techsolve44-root .container{padding:18px}
  .techsolve44-root .hero h1{font-size:24px}
}