/*
Theme Name: Everyday RVing Mobile Repair
Theme URI: https://example.com/
Author: Everyday RVing
Description: Custom one-page WordPress theme for Everyday RVing Mobile Repair and Services LLC.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: everyday-rving
*/

:root{--ink:#08090b;--paper:#f4f3ef;--red:#f01416;--blue:#0869ec;--muted:#686a70}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topbar{height:38px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.topbar div{display:flex;gap:14px;align-items:center}.topbar i{width:4px;height:4px;background:var(--red);border-radius:50%}.nav{height:92px;background:#fff;display:flex;align-items:center;padding:0 4vw;justify-content:space-between;position:relative;z-index:5;border-bottom:1px solid #ddd}.brand img{width:190px;height:80px;object-fit:contain}.nav nav{display:flex;gap:34px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.nav nav a:hover{color:var(--red)}.button{display:inline-flex;min-height:54px;padding:0 24px;align-items:center;justify-content:center;background:var(--red);color:#fff;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;border:0;transition:.2s}.button:hover{background:#c60b0e;transform:translateY(-2px)}.button.small{min-height:44px;padding:0 18px}.hero{height:690px;position:relative;color:#fff;overflow:hidden;background:#111}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.7) 43%,rgba(0,0,0,.08) 78%),linear-gradient(0deg,rgba(0,0,0,.2),transparent)}.hero-copy{position:absolute;left:8vw;top:50%;transform:translateY(-50%);width:min(760px,80vw)}.eyebrow,.section-tag{font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--red)}.eyebrow{color:#fff;display:flex;align-items:center;gap:10px}.eyebrow span{width:34px;height:3px;background:var(--red)}h1{font-size:clamp(52px,6.5vw,100px);line-height:.93;letter-spacing:-.055em;text-transform:uppercase;margin:23px 0;font-weight:950}h1 em{color:var(--red);font-style:normal}.lead{font-size:18px;line-height:1.65;max-width:680px;color:#eee}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.text-link{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--red);padding:10px 0}.text-link b{color:var(--red);font-size:20px}.hero-badge{position:absolute;right:5vw;bottom:0;background:var(--blue);width:145px;height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:skew(-8deg);box-shadow:18px 0 0 var(--red)}.hero-badge>*{transform:skew(8deg)}.hero-badge strong{font-size:25px}.hero-badge span{font-size:11px;letter-spacing:.15em}.promise,.services,.work{padding:105px 8vw}.promise-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:10vw;margin-top:28px}.promise h2,.section-head h2,.feature h2,.faq h2,.contact h2{font-size:clamp(38px,4vw,64px);line-height:1.02;letter-spacing:-.045em;text-transform:uppercase;margin:0;font-weight:950}.promise h2 span{color:var(--blue)}.promise-grid p{color:#4f5155;line-height:1.8;font-size:16px;margin:0 0 20px}.checks{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:32px;font-size:13px;font-weight:900;text-transform:uppercase}.checks span::first-letter{color:var(--red)}.services{background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-head>div{max-width:780px}.section-head .section-tag{margin-bottom:16px}.section-head>p{max-width:380px;color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ddd;border-left:1px solid #ddd}.service-card{min-height:300px;padding:32px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;position:relative;transition:.25s}.service-card:hover{background:var(--ink);color:#fff;transform:translateY(-5px)}.service-card>span{font-size:12px;color:var(--red);font-weight:900}.service-card h3{font-size:22px;text-transform:uppercase;line-height:1.12;margin:60px 0 14px}.service-card p{font-size:14px;color:#707278;line-height:1.65}.service-card:hover p{color:#bbb}.service-card a{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;position:absolute;bottom:28px;color:var(--blue)}.feature{display:grid;grid-template-columns:1fr 1fr;background:#0b0d11;color:#fff}.feature-photo{position:relative;min-height:720px}.feature-photo img{width:100%;height:100%;object-fit:cover}.feature-photo span{position:absolute;left:0;bottom:0;background:var(--red);padding:18px 28px;font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.1em}.feature-copy{padding:100px 8vw}.section-tag.light{color:#4c94f2}.feature-copy h2{margin:18px 0 26px}.feature-copy>p{color:#b5b8be;line-height:1.8}.feature-copy ul{list-style:none;padding:0;margin:32px 0}.feature-copy li{display:flex;flex-direction:column;border-top:1px solid #2a2c31;padding:18px 0}.feature-copy li b{text-transform:uppercase;font-size:14px;color:#fff}.feature-copy li span{font-size:13px;color:#999;margin-top:6px}.button.blue{background:var(--blue)}.work{background:#e9e8e4}.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:260px;gap:14px}.gallery figure{margin:0;position:relative;overflow:hidden;background:#111}.gallery img{width:100%;height:100%;object-fit:cover;transition:.4s}.gallery figure:hover img{transform:scale(1.04)}.gallery figcaption{position:absolute;left:14px;bottom:14px;background:#08090be8;color:#fff;padding:9px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.g1,.g4{grid-column:span 7}.g2,.g3{grid-column:span 5}.g5,.g6{grid-column:span 6}.faq{padding:105px 8vw;background:var(--blue);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.faq>div>p{line-height:1.7;color:#d9e8ff}.light-link{border-color:#fff}.faq-item{border-top:1px solid #6da6f4}.faq-item:last-child{border-bottom:1px solid #6da6f4}.faq-item button{width:100%;padding:25px 0;background:none;border:0;color:#fff;display:flex;justify-content:space-between;text-align:left;font-size:19px;font-weight:900;cursor:pointer}.faq-item button b{font-size:25px}.faq-item p{display:none;color:#dceaff;line-height:1.7;margin:-6px 0 24px;max-width:660px}.faq-item.open p{display:block}.contact{padding:70px 8vw;background:#0a0b0d;color:#fff;display:grid;grid-template-columns:220px 1fr auto;gap:50px;align-items:center;border-top:5px solid var(--red)}.contact>img{width:220px}.contact h2{margin:12px 0}.contact p{color:#aaa;line-height:1.6}.contact-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}.button.outline{background:transparent;border:2px solid #fff}.contact-actions>a:last-child{font-size:13px;color:#77aef6;text-align:center;margin-top:6px}footer{padding:24px 8vw;background:#030304;color:#85878c;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:950px){.nav nav{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr}.feature-photo{min-height:520px}.contact{grid-template-columns:160px 1fr}.contact-actions{grid-column:2}.faq{grid-template-columns:1fr}.gallery{grid-auto-rows:220px}.g1,.g2,.g3,.g4,.g5,.g6{grid-column:span 6}}
@media(max-width:650px){.topbar{height:auto;padding:10px 18px;align-items:flex-start;gap:8px;flex-direction:column}.topbar div{gap:8px}.nav{height:74px;padding:0 18px}.brand img{width:150px;height:68px}.nav .button{font-size:10px;padding:0 12px;min-height:40px}.hero{height:700px}.hero-photo{object-position:55% center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.54))}.hero-copy{left:20px;width:calc(100% - 40px)}h1{font-size:51px}.lead{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.hero-badge{width:100px;height:100px;right:0}.promise,.services,.work,.faq{padding:75px 20px}.promise-grid{grid-template-columns:1fr;gap:32px}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.service-grid{grid-template-columns:1fr}.feature-copy{padding:75px 20px}.feature-photo{min-height:480px}.gallery{grid-template-columns:1fr;grid-auto-rows:260px}.g1,.g2,.g3,.g4,.g5,.g6{grid-column:auto}.contact{padding:60px 20px;grid-template-columns:1fr;gap:28px}.contact>img{width:180px}.contact-actions{grid-column:auto}footer{padding:24px 20px;gap:12px;flex-direction:column}}

.service-card{min-height:425px;padding:0;overflow:hidden;background:#fff}.service-image{height:180px;position:relative;overflow:hidden;background:#111}.service-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.service-card:hover .service-image img{transform:scale(1.07);opacity:.82}.service-image span{position:absolute;left:16px;top:16px;background:var(--red);color:#fff;min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.service-info{padding:25px 28px 60px}.service-card .service-info h3{font-size:21px;margin:0 0 12px}.service-card .service-info a{left:28px;bottom:24px}

/* WordPress and mobile navigation enhancements */
body.admin-bar .nav{top:32px}
.menu-toggle{display:none;width:44px;height:44px;padding:10px;background:transparent;border:0;cursor:pointer}
.menu-toggle span{display:block;height:3px;background:#08090b;margin:5px 0;transition:.2s}
@media(max-width:950px){
  .menu-toggle{display:block;order:-1}
  .nav nav{display:none;position:absolute;left:0;right:0;top:100%;padding:18px;background:#fff;border-top:1px solid #ddd;box-shadow:0 10px 25px rgba(0,0,0,.12);flex-direction:column;gap:0}
  .nav nav.open{display:flex}
  .nav nav a{padding:14px 8px;border-bottom:1px solid #eee}
}
@media(max-width:782px){body.admin-bar .nav{top:46px}}
@media(max-width:650px){
  .topbar{display:none}
  .gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:125px;gap:6px}
  .gallery .g1,.gallery .g2,.gallery .g3,.gallery .g4,.gallery .g5,.gallery .g6{grid-column:auto}
  .gallery figcaption{display:none}
}