/*
Theme Name: Geekselectronic MultiBrand
Theme URI: https://example.com
Author: ChatGPT
Description: Custom WordPress theme converted from your HTML (Repair + God Hands Cleaning + Truck Rentals).
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: geekselectronic-multibrand
*/

:root{
      --bg:#0b111c; --surface:#0f182a; --muted:#15223a;
      --brand:#3da5ff; --brand-2:#00d4ff; --brand-warm:#ffb703; --brand-2-warm:#ff7a00;
      --text:#e8f1ff; --sub:#9eb0c9;
      --radius:18px; --shadow:0 12px 34px rgba(0,0,0,.35);
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;background:linear-gradient(180deg,var(--bg),#0c1426);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
    a{color:var(--brand)}
    /* HEADER/NAV */
    .nav{position:sticky;top:0;z-index:40;backdrop-filter:saturate(1.2) blur(10px);background:rgba(11,17,28,.55);border-bottom:1px solid rgba(255,255,255,.06)}
    .container{max-width:1200px;margin:0 auto;padding:0 20px}
    .row{display:flex;align-items:center;justify-content:space-between;height:64px}
    .logo{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--text);font-weight:900}
    .logo .mark{width:34px;height:34px;border-radius:12px;background:conic-gradient(from 220deg,var(--brand),var(--brand-2));box-shadow:var(--shadow)}
    .nav a.link{color:var(--text);opacity:.95;text-decoration:none;margin:0 12px;font-weight:650}
    .btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:none;padding:12px 16px;border-radius:14px;cursor:pointer;font-weight:800}
    .btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#00121a;box-shadow:var(--shadow)}
    .btn.ghost{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.12)}
    /* HERO */
    .hero{padding:70px 0 38px}
    .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
    .headline{font-size:44px;line-height:1.08;margin:10px 0 14px;font-weight:900}
    .sub{color:var(--sub);font-size:18px;margin-bottom:18px}
    .card{background:linear-gradient(180deg,var(--surface),#0c172f);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
    /* SECTIONS */
    .section{padding:54px 0}
    .grid{display:grid;gap:18px}
    .grid.cols-3{grid-template-columns:repeat(3,1fr)}
    .pill{border:1px solid rgba(255,255,255,.12);padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.03)}
    .service .tag{display:inline-block;font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(61,165,255,.15);border:1px solid rgba(61,165,255,.35);color:#bfe4ff;margin-bottom:10px}
    input,select,textarea{background:#0b152a;border:1px solid rgba(255,255,255,.12);color:var(--text);padding:12px 14px;border-radius:12px;font:inherit}
    textarea{min-height:100px}
    details{background:#0d1834;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px}
    details + details{margin-top:10px}
    summary{cursor:pointer;font-weight:700}
    /* TRUCKS accents */
    .warm{--brand: var(--brand-warm); --brand-2: var(--brand-2-warm)}
    .fleet{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .fleet .item{display:grid;grid-template-rows:160px auto;gap:10px}
    .fleet .thumb{border-radius:12px;background:linear-gradient(135deg,#152232,#0e1724);display:grid;place-items:center;border:1px dashed rgba(255,255,255,.14)}
    .price{font-weight:900}
    /* FOOTER */
    footer{padding:28px 0;border-top:1px solid rgba(255,255,255,.08);color:#c9d6ea}
    .foot{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center}
    @media (max-width: 980px){
      .hero-grid{grid-template-columns:1fr}
      .grid.cols-3{grid-template-columns:1fr 1fr}
      .fleet{grid-template-columns:1fr 1fr}
    }
    @media (max-width: 640px){
      .headline{font-size:34px}
      .grid.cols-3, .fleet{grid-template-columns:1fr}
      .row{height:auto;padding:10px 0;gap:12px}
    }

/* WordPress basic helpers */
a.btn{ text-decoration:none; }