/*
Theme Name: LKM Transmission Blue Final
Theme URI: https://example.com/lkm-transmission-blue
Author: OpenAI
Description: Responsive blue-and-chrome WordPress theme for LKM Transmission & Auto Repair with complete English and Spanish display options.
Version: 4.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: lkm-transmission
*/
:root{--blue:#087cff;--electric:#1469ff;--navy:#020817;--panel:#061225;--line:#1b56a0;--white:#fff;--muted:#c8d1df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020711;color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.site-shell{width:min(1480px,calc(100% - 52px));margin:auto}.topbar{min-height:40px;border-bottom:1px solid #1753a4;background:#020815;font-size:14px}.topbar-inner{min-height:40px;display:flex;align-items:center;gap:30px}.topbar .social{margin-left:auto}.topbar b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#0d63e9;margin-left:7px}.language-toggle{border:0;background:none;color:#fff;font-weight:800;cursor:pointer;padding:8px}.lang-en{color:#0ba3ff}.language-toggle.is-spanish .lang-en{color:#fff}.language-toggle.is-spanish .lang-es{color:#0ba3ff}.site-header{position:sticky;top:0;z-index:50;background:rgba(2,8,21,.97);border-bottom:1px solid #143468;box-shadow:0 8px 30px rgba(0,0,0,.35)}.header-inner{height:70px;display:flex;align-items:center;gap:28px}.logo{width:330px;align-self:stretch;display:flex;align-items:center}.logo img{max-height:108px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(14,111,255,.25))}.nav{display:flex;gap:34px;margin-left:auto;text-transform:uppercase;font-size:14px}.nav a{padding:27px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a:focus{color:#2aa1ff;border-color:#2aa1ff}.call-top{background:linear-gradient(#1278ff,#053aa3);border:1px solid #2f87ff;border-radius:5px;padding:8px 19px;display:grid;line-height:1;text-align:center;min-width:200px}.call-top strong{font-size:20px}.call-top small{text-transform:uppercase;margin-top:3px}.menu-toggle{display:none;background:#0b2d66;color:#fff;border:1px solid #357ffc;padding:8px 11px;border-radius:6px}.hero{background:#010711;border-bottom:1px solid #1c61c4}.hero-grid{min-height:422px;display:grid;grid-template-columns:38% 62%;align-items:stretch}.hero-copy{padding:68px 20px 28px 5px;position:relative;z-index:2}.hero h1{margin:0;text-transform:uppercase;font-style:italic;line-height:.98;font-size:clamp(42px,4vw,66px);letter-spacing:-2px}.hero h1 span{display:block;color:#edf3fa;text-shadow:0 2px 0 #606d7c}.hero h1 em{display:block;color:#0874ff;font-style:italic;margin-top:10px;text-shadow:0 0 20px rgba(14,106,255,.28)}.hero h2{text-transform:uppercase;font-style:italic;font-size:19px;color:#e5e5e5;border-top:2px solid #1484ff;padding-top:14px;margin:18px 0 13px}.hero p{font-size:17px;line-height:1.3;max-width:500px;color:#f0f2f6}.hero-visual{overflow:hidden;position:relative;background:#061024}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020711 0,rgba(2,7,17,.48) 10%,transparent 30%);z-index:1;pointer-events:none}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.07)}.hero-buttons{display:flex;gap:14px;margin-top:18px}.primary-btn,.outline-btn,.mini-btn{display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;font-weight:800;border-radius:5px;transition:.2s ease}.primary-btn:hover,.outline-btn:hover,.mini-btn:hover{transform:translateY(-2px);box-shadow:0 0 18px rgba(16,118,255,.45)}.primary-btn{background:linear-gradient(#1583ff,#0644b9);border:1px solid #238dff;padding:9px 25px;display:grid;text-align:center;min-width:220px}.primary-btn b{font-size:22px}.primary-btn span{font-size:14px}.outline-btn{border:1px solid #2084ff;padding:13px 20px;gap:12px;background:#040a15;min-width:220px}.calendar-icon{font-size:25px}.benefits{border-bottom:1px solid #123b78;background:linear-gradient(90deg,#020713,#07142c,#020713)}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr)}.benefit-grid>div{min-height:88px;border-right:1px solid #1a3761;display:grid;grid-template-columns:58px 1fr;align-content:center;padding:10px 18px}.benefit-grid i{grid-row:1/3;font-style:normal;font-size:32px;color:#e8f2ff;background:radial-gradient(circle,#125fce,transparent 68%);display:grid;place-items:center;text-shadow:0 0 13px #2786ff}.benefit-grid b{text-transform:uppercase}.benefit-grid span{color:#e2e5eb;font-size:13px;line-height:1.3}.dashboard{padding:10px 0 12px;display:grid;grid-template-columns:210px repeat(4,minmax(0,1fr)) 280px;gap:10px}.panel{border:1px solid #1959aa;background:linear-gradient(145deg,#07162d,#020811);border-radius:6px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.22)}.services-intro{padding:14px 17px}.panel h2,.panel h3{margin:0;text-transform:uppercase}.panel p{color:#eef1f6;line-height:1.35}.mini-btn{background:linear-gradient(#1381ff,#0740ad);border:1px solid #2189ff;padding:8px 16px;font-size:13px;margin-top:6px}.service-card{min-width:0;transition:.22s ease}.service-card:hover,.service-card:focus{transform:translateY(-4px);border-color:#3b95ff;box-shadow:0 0 24px rgba(12,102,255,.26);outline:none}.service-image{height:118px;overflow:hidden;background:#020711}.service-card img{width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.15) saturate(1.1) brightness(1.04);transition:transform .35s ease}.service-card:hover img{transform:scale(1.045)}.service-copy{position:relative;padding:11px 12px 12px 42px;min-height:88px;background:linear-gradient(180deg,#071a35,#031021)}.service-hex{position:absolute;left:13px;top:13px;color:#0d84ff;font-size:24px;text-shadow:0 0 10px #0b6eff}.service-card h3{font-size:13px}.service-card p{font-size:12px;margin:5px 0 0}.rating{padding:13px 20px;text-align:center}.rating strong{font-size:35px}.stars{color:#ffc400;font-size:22px;letter-spacing:2px}.rating p{font-size:13px}.lower-card{min-height:165px;padding:13px 16px;display:flex;justify-content:space-between;gap:10px}.lower-card.symptom{grid-column:1/3}.lower-card.why{grid-column:3/5}.lower-card.area{grid-column:5/7;position:relative}.lower-card h2{font-size:18px}.lower-card p,.lower-card li{font-size:12.5px}.lower-card ul{list-style:none;padding:0;margin:7px 0}.lower-card li:before{content:"✓";color:#1684ff;margin-right:8px}.lower-card img{width:43%;object-fit:cover;border-radius:4px;filter:contrast(1.12) saturate(1.08)}.map-pin{position:absolute;right:25px;bottom:28px;font-size:70px;color:#107cff;text-shadow:0 0 25px #147bff}.contact-strip{border-top:1px solid #184c95;background:#031025}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr)}.contact-grid>div{padding:11px 23px;display:flex;align-items:center;gap:14px;border-right:1px solid #15386b;font-size:25px}.contact-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid #2885ff;color:#fff;background:radial-gradient(circle,#114aa0,#061329);text-shadow:0 0 10px #2685ff;flex:none}.contact-grid span{display:grid;font-size:12.5px;line-height:1.35}.contact-grid b{text-transform:uppercase;color:#3d94ff}.contact-grid a{font-size:20px}.contact-grid small{font-size:11px}.contact-link{font-size:13px!important;background:linear-gradient(#177fff,#0740a9);padding:7px 12px;border:1px solid #2387ff;border-radius:4px;text-transform:uppercase;font-weight:800;width:max-content;margin-top:4px}.site-footer{padding:18px 0;background:#01050d;border-top:1px solid #142d50;color:#aeb9c9;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:100;background:white;color:black;padding:8px}
@media(max-width:1180px){.nav{gap:20px}.logo{width:250px}.dashboard{grid-template-columns:180px repeat(2,1fr) 240px}.service-card:nth-of-type(4),.service-card:nth-of-type(5){grid-row:auto}.lower-card.symptom,.lower-card.why,.lower-card.area{grid-column:auto}.benefit-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.topbar-inner span:nth-child(3),.topbar .social{display:none}.header-inner{height:65px}.logo{width:225px}.nav{display:none;position:absolute;top:105px;left:0;right:0;background:#030b1b;flex-direction:column;gap:0;padding:12px 25px}.nav.open{display:flex}.nav a{padding:12px}.menu-toggle{display:block;margin-left:auto}.call-top{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:32px 0}.hero-visual{height:330px;order:-1}.hero-visual:before{background:linear-gradient(0deg,#020711,transparent 35%)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.dashboard{grid-template-columns:repeat(2,1fr)}.services-intro,.rating,.lower-card.symptom,.lower-card.why,.lower-card.area{grid-column:auto}.contact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.site-shell{width:min(100% - 22px,1480px)}.topbar{height:auto;padding:7px 0}.topbar-inner{flex-wrap:wrap;gap:8px 16px;font-size:12px}.topbar-inner span:first-child{width:100%}.logo{width:188px}.hero-visual{height:235px}.hero h1{font-size:37px}.hero h2{font-size:15px}.hero p{font-size:15px}.hero-buttons{display:grid}.primary-btn,.outline-btn{width:100%}.benefit-grid,.dashboard,.contact-grid{grid-template-columns:1fr}.benefit-grid>div{min-height:74px}.service-image{height:185px}.service-copy{min-height:auto;padding-bottom:14px}.lower-card{grid-column:auto!important}.contact-grid>div{border-right:0;border-bottom:1px solid #15386b}.language-toggle{margin-left:auto}.footer-inner{display:grid;text-align:center}.hero-visual img{object-position:center}.map-pin{font-size:52px}}