/*
Theme Name: Lux Towing Ltd v2.0 Orange
Theme URI: https://luxtowingltd.com
Author: OpenAI
Description: Custom mobile-first towing theme for Lux Towing Ltd in Calgary.
Version: 2.2
Text Domain: lux-towing
*/
:root{--bg:#0d0b09;--bg2:#17110c;--panel:#1b130d;--panel2:#24170f;--blue:#ff7a00;--blue2:#e84f00;--white:#f7fbff;--muted:#a9b8c7;--line:#4a2a12;--gold:#ffc247;--green:#48d17c;--danger:#ff5d66;--radius:22px;--shadow:0 22px 70px rgba(0,0,0,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#0d0b09 0%,#120d09 50%,#090706 100%);color:var(--white);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92vw);margin:auto}.topbar{background:#080604;border-bottom:1px solid #3a220f;color:#b9c9d8;font-size:.82rem}.topbar .container{display:flex;justify-content:space-between;gap:16px;padding:8px 0;flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:50;background:rgba(12,8,5,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,122,0,.24)}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:78px}.brand{display:flex;align-items:center;gap:12px;min-width:230px}.brand img{height:52px;width:auto}.menu{display:flex;align-items:center;gap:24px;font-weight:800;font-size:.92rem}.menu a{color:#f1e7df}.menu a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.header-text{display:inline-flex;align-items:center;justify-content:center;border:1px solid #8a4a18;background:#1c1109;padding:11px 15px;border-radius:14px;font-weight:900}.header-text:hover{border-color:#ff9b3d;background:#2a170c}.header-call{display:inline-flex;align-items:center;gap:10px;border:1px solid #ff8a1f;background:linear-gradient(135deg,#ff8a00,#f05a00);padding:11px 16px;border-radius:14px;font-weight:900;box-shadow:0 0 28px rgba(255,122,0,.24)}.hero{position:relative;overflow:hidden;border-bottom:1px solid #4a2c15}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 42%,rgba(255,108,0,.20),transparent 40%),linear-gradient(90deg,rgba(10,6,3,.98) 0%,rgba(10,6,3,.92) 45%,rgba(10,6,3,.18) 72%,rgba(10,6,3,.38) 100%);z-index:1}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right;filter:saturate(1.08) contrast(1.04)}.hero-grid{position:relative;z-index:2;min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:74px 0}.hero-copy{max-width:720px}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.16em;color:#ff9a3c;font-weight:900;font-size:.78rem}.eyebrow:before{content:"";width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 16px var(--blue)}h1,h2,h3{line-height:1.03;margin-top:0}h1{font-size:clamp(3rem,6.5vw,6.1rem);letter-spacing:-.055em;margin:16px 0 20px;max-width:800px}h1 span{display:block;background:linear-gradient(180deg,#ffd08a,#ff7a00 52%,#e84f00);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:1.18rem;color:#d3dde6;max-width:650px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 24px}.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:14px;font-weight:950;letter-spacing:.01em;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#ff9a2f,#ef5a00);color:white;box-shadow:0 12px 34px rgba(255,92,0,.28)}.btn-ghost{border:1px solid #9a5b2a;background:rgba(16,9,4,.78)}.btn-text{border:1px solid #a75c20;background:#2a170b;color:#fff1e5}.btn-text:hover{background:#3a200d}.quick-contact,.cta-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.hero-proof{display:flex;gap:20px;flex-wrap:wrap;color:#d6e4ee;font-weight:800}.hero-proof b{color:#ffad5c}.hero-side{align-self:end;display:flex;justify-content:flex-end}.hero-badge{max-width:320px;background:rgba(14,8,4,.80);border:1px solid #7a4018;border-radius:20px;padding:18px 20px;backdrop-filter:blur(10px);box-shadow:var(--shadow)}.hero-badge strong{font-size:1.8rem;display:block}.hero-badge small{color:#a7b8c7}.section{padding:82px 0}.section.alt{background:linear-gradient(180deg,rgba(31,18,10,.78),rgba(19,12,8,.72));border-top:1px solid #3b2414;border-bottom:1px solid #3b2414}.section-head{max-width:780px;margin-bottom:34px}.section-head h2{font-size:clamp(2.2rem,4vw,4.2rem);letter-spacing:-.04em;margin:12px 0}.section-head p{color:var(--muted);font-size:1.08rem}.grid{display:grid;gap:18px}.services{grid-template-columns:repeat(3,1fr)}.card{background:linear-gradient(180deg,#21150d,#130d08);border:1px solid #4a2b14;border-radius:20px;padding:24px;box-shadow:0 14px 50px rgba(0,0,0,.18)}.service-card{position:relative;overflow:hidden;min-height:230px}.service-card:after{content:"";position:absolute;right:-55px;bottom:-75px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,113,0,.20),transparent 67%)}.icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#1b1008;border:1px solid #8b4a1b;font-size:1.65rem;margin-bottom:20px}.card h3{font-size:1.45rem;margin-bottom:10px}.card p{color:#a9bac8;margin-bottom:0}.trustbar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#4a2c15;border:1px solid #4a2c15;border-radius:20px;overflow:hidden}.trustbar div{background:#160e09;padding:26px;text-align:center}.trustbar strong{font-size:1.55rem;display:block}.trustbar span{color:#9db0bf;font-size:.9rem}.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:start}.quote-wrap{background:linear-gradient(180deg,#22150c,#120c08);border:1px solid #7b431a;border-radius:24px;padding:28px;box-shadow:var(--shadow)}.quote-wrap h3{font-size:2rem;margin-bottom:6px}.quote-wrap .sub{color:#9fb1c0;margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field.full{grid-column:1/-1}.field label{display:block;font-size:.78rem;font-weight:900;color:#c8d7e3;margin:0 0 6px 4px;text-transform:uppercase;letter-spacing:.06em}.field input,.field select,.field textarea{width:100%;background:#f5f8fb;color:#132333;border:0;border-radius:11px;padding:13px 14px;font:inherit;min-height:48px}.field textarea{min-height:110px;resize:vertical}.checkrow{display:flex;flex-wrap:wrap;gap:10px}.check-pill{display:inline-flex;align-items:center;gap:7px;background:#1b120c;border:1px solid #5b351b;border-radius:999px;padding:8px 12px;color:#c7d5df;font-size:.9rem}.check-pill input{width:auto;min-height:auto}.notice{padding:13px 15px;border-radius:12px;margin-bottom:16px;font-weight:800}.notice.ok{background:rgba(49,194,111,.14);border:1px solid rgba(72,209,124,.45);color:#85f2ae}.notice.bad{background:rgba(255,93,102,.14);border:1px solid rgba(255,93,102,.4);color:#ffafb4}.gallery{grid-template-columns:1.35fr .8fr .8fr}.gallery-card{min-height:420px;position:relative;overflow:hidden;border-radius:22px;border:1px solid #4b2b15}.gallery-card img{width:100%;height:100%;object-fit:cover}.gallery-card .shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.9));display:flex;align-items:flex-end;padding:22px}.gallery-card h3{margin:0;font-size:1.5rem}.reviews{grid-template-columns:repeat(3,1fr)}.review .stars{color:var(--gold);font-size:1.25rem;letter-spacing:.08em}.review .who{font-weight:900;margin-top:18px}.review .meta{color:#8399aa;font-size:.85rem}.area-pills{display:flex;flex-wrap:wrap;gap:10px}.pill{display:inline-flex;padding:10px 15px;border:1px solid #78431c;background:#1a110b;border-radius:999px;color:#d4e2ed;font-weight:800}.faq details{background:#1b120b;border:1px solid #4a2b14;border-radius:14px;padding:0 18px;margin:12px 0}.faq summary{cursor:pointer;font-weight:900;padding:18px 0}.faq details p{color:#a8bac8;padding-bottom:18px;margin:0}.cta-band{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#e85b00,#ff9c2e);border-radius:24px;padding:30px 34px;box-shadow:0 20px 60px rgba(255,92,0,.26)}.cta-band h2{font-size:clamp(2rem,4vw,3.5rem);margin:0}.cta-band p{margin:4px 0 0;color:#eaf7ff}.cta-band .btn{background:#07131f}.site-footer{background:#070503;border-top:1px solid #3f2512;padding:52px 0 95px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:35px}.footer-grid h4{margin-top:0}.footer-grid p,.footer-grid a{color:#a9bac8}.footer-grid a:hover{color:white}.footer-links{display:grid;gap:8px}.footer-brand img{height:66px}.copyright{margin-top:34px;padding-top:22px;border-top:1px solid #38210f;color:#8295a5;font-size:.85rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.mobile-bar{display:none}.hp-field{position:absolute!important;left:-9999px!important}.small{font-size:.84rem;color:#8fa1af}.required{color:#ff9d42}
@media(max-width:980px){.menu{display:none}.header-text{display:none}.hero-grid{grid-template-columns:1fr;min-height:650px}.hero-side{display:none}.hero:before{background:linear-gradient(90deg,rgba(3,10,17,.98),rgba(3,10,17,.86) 64%,rgba(3,10,17,.45))}.services,.reviews{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gallery-card:first-child{grid-column:1/-1}.trustbar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar{display:none}.nav{min-height:68px}.brand img{height:44px}.header-call{padding:10px 12px;font-size:.88rem}.hero-grid{padding:52px 0 58px;min-height:610px}.hero-bg{object-position:62% center;opacity:.52}.hero:before{background:linear-gradient(180deg,rgba(3,10,17,.91),rgba(3,10,17,.85))}.hero p{font-size:1rem}.hero-actions .btn{width:100%}.hero-proof{font-size:.85rem}.section{padding:58px 0}.services,.reviews,.gallery,.footer-grid,.form-grid{grid-template-columns:1fr}.gallery-card:first-child{grid-column:auto}.gallery-card{min-height:300px}.trustbar{grid-template-columns:1fr 1fr}.quote-wrap{padding:20px}.cta-band{flex-direction:column;align-items:flex-start;padding:26px}.mobile-bar{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;z-index:90;bottom:0;left:0;right:0;background:#02090f;border-top:1px solid #235172;padding:9px;gap:8px}.mobile-bar a{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:12px;font-weight:950}.mobile-bar .call{background:linear-gradient(135deg,#159cff,#0067d5)}.mobile-bar .text{background:#2a170b;border:1px solid #a75c20}.mobile-bar .quote{background:#0b2232;border:1px solid #285f82}.site-footer{padding-bottom:90px}.field.full{grid-column:auto}}

/* v2 orange identity for luxtowingltd.com */
.hero{box-shadow:inset 0 -80px 100px rgba(0,0,0,.18)}
.service-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-5px);border-color:#ff7a00;box-shadow:0 18px 55px rgba(255,90,0,.10)}
.btn-primary{background:linear-gradient(135deg,#ff9c2f 0%,#ff6a00 58%,#d94300 100%)}
.header-call{background:linear-gradient(135deg,#ff8c19,#e14b00)}
.cta-band{color:#fff}.cta-band .btn{border:1px solid rgba(255,255,255,.25)}