/*
Theme Name: Reparera Bil Modern
Theme URI: https://reparerabil.se/
Author: Reparera Bil
Description: Modernt och responsivt tema för Reparera Bil SkadeCenter.
Version: 1.0.2
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: reparerabil-modern
*/

:root{--red:#df1f32;--red2:#b81425;--ink:#090c10;--soft:#171b21;--paper:#f4f4f2;--white:#fff;--line:#dcdedb;--muted:#656b73;--shadow:0 24px 70px rgba(8,12,16,.16);--wrap:min(1180px,calc(100% - 48px))}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body.admin-bar .site-header{top:32px}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.07;letter-spacing:-.035em}h1{font-size:clamp(3rem,7vw,6.6rem)}h2{font-size:clamp(2.2rem,4vw,4rem)}h3{font-size:1.55rem}.wrap{width:var(--wrap);margin-inline:auto}.skip-link{position:fixed;top:-100px;left:18px;z-index:99999;padding:12px 18px;background:#fff;font-weight:800}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(7,10,14,.96);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;min-height:84px;gap:28px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;color:#fff}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border:2px solid var(--red);border-radius:50%;color:#fff;font-size:.85rem;font-weight:950;letter-spacing:-.03em}.brand-name{display:grid;line-height:1}.brand-name strong{font-size:1.08rem}.brand-name small{margin-top:7px;color:#c9cdd2;font-size:.65rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.primary-nav{display:flex;align-items:center;gap:25px}.primary-nav a{position:relative;padding:30px 0;color:#d9dce0;font-size:.79rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.primary-nav a:after{position:absolute;right:0;bottom:22px;left:0;height:2px;background:var(--red);content:"";transform:scaleX(0);transition:.18s}.primary-nav a:hover:after,.primary-nav a:focus-visible:after{transform:scaleX(1)}.header-phone{display:grid;padding-left:22px;border-left:1px solid rgba(255,255,255,.16);color:#fff;line-height:1.1}.header-phone small{color:#9da3ab;font-size:.66rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.header-phone strong{margin-top:7px;font-size:.91rem;white-space:nowrap}.nav-toggle{display:none;align-items:center;gap:6px;padding:10px;border:0;background:transparent;color:#fff;cursor:pointer}.nav-toggle span{margin-right:5px;font-size:.72rem;font-weight:800;text-transform:uppercase}.nav-toggle i{display:block;width:22px;height:2px;background:currentColor;transition:.18s}
.hero{position:relative;display:grid;min-height:calc(100vh - 84px);overflow:hidden;background:var(--ink) var(--hero) center/cover;color:#fff;isolation:isolate}.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,7,11,.97) 0%,rgba(4,7,11,.79) 43%,rgba(4,7,11,.22) 78%,rgba(4,7,11,.34) 100%),linear-gradient(0deg,rgba(0,0,0,.22),rgba(0,0,0,.22))}.hero-content{align-self:center;padding-block:100px 42px}.eyebrow,.section-label{margin-bottom:20px;color:var(--red);font-size:.74rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;color:#f1f2f4}.eyebrow span{width:36px;height:2px;background:var(--red)}.hero h1{max-width:1040px;margin-bottom:28px;font-weight:880}.hero h1 em{color:#c9ced3;font-style:normal;font-weight:430}.hero-lead{max-width:700px;margin-bottom:34px;color:#d4d8dc;font-size:clamp(1.06rem,1.8vw,1.34rem)}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border:1px solid transparent;border-radius:3px;font-size:.8rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase;transition:.16s}.button:hover{transform:translateY(-2px)}.primary{background:var(--red);color:#fff}.primary:hover{background:var(--red2)}.ghost{border-color:rgba(255,255,255,.48);color:#fff}.ghost:hover{background:#fff;color:var(--ink)}.white{background:#fff;color:var(--ink)}.dark-button{background:var(--ink);color:#fff}.hero-points{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:70px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);font-size:.8rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.hero-points span{display:flex;align-items:center;gap:10px}.hero-points span:before{width:7px;height:7px;border-radius:50%;background:var(--red);content:""}
.intro{padding:88px 0;background:#fff}.intro-grid{display:grid;grid-template-columns:minmax(180px,.65fr) 2fr;gap:70px}.intro h2{max-width:860px;margin-bottom:24px}.intro-grid>div>p{max-width:800px;margin-bottom:0;color:var(--muted);font-size:1.14rem}.section{padding:118px 0}.light{background:var(--paper)}.section-head{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);gap:70px;align-items:end;margin-bottom:56px}.section-head h2{margin-bottom:0}.section-head>p{margin-bottom:7px;color:var(--muted)}
.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.services article{min-height:330px;padding:42px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.58)}.services .number{display:block;margin-bottom:52px;color:var(--red);font-size:.72rem;font-weight:900;letter-spacing:.14em}.services h3{margin-bottom:17px;font-size:clamp(1.65rem,2.5vw,2.3rem)}.services p{max-width:500px;margin-bottom:28px;color:var(--muted)}.services a,.text-link{display:inline-flex;align-items:center;gap:14px;font-size:.77rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.services a b,.text-link b{color:var(--red);font-size:1.15rem;transition:.16s}.services a:hover b,.text-link:hover b{transform:translateX(5px)}.services .dark-card{background:var(--ink);color:#fff}.services .dark-card p{color:#aeb4bb}
.process{position:relative;overflow:hidden;background:var(--ink);color:#fff}.inverse>p{color:#9ba1a8}.process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}.process-list li{position:relative;padding:36px 26px 20px 0;border-top:1px solid rgba(255,255,255,.15)}.process-list li:not(:last-child){margin-right:28px}.process-list li:after{position:absolute;top:-4px;right:0;width:7px;height:7px;border-radius:50%;background:var(--red);content:""}.process-list>li>span{display:block;margin-bottom:36px;color:#7c838c;font-size:.8rem;font-weight:900}.process-list h3{margin-bottom:12px}.process-list p{margin:0;color:#aeb4bb;font-size:.93rem}
.about{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(50px,8vw,110px);align-items:center}.about-image{position:relative;min-height:560px}.about-image>img{width:100%;height:560px;object-fit:cover}.about-image>div{position:absolute;right:-24px;bottom:-24px;display:grid;min-width:210px;padding:28px;background:var(--red);color:#fff;box-shadow:var(--shadow)}.about-image strong{font-size:1.2rem}.about-image small{margin-top:4px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.about-copy h2{margin-bottom:28px}.about-copy>p:not(.section-label){color:var(--muted)}.about-copy ul{display:grid;gap:14px;margin:32px 0;padding:0;list-style:none}.about-copy li{position:relative;padding-left:30px;font-weight:680}.about-copy li:before{position:absolute;top:.62em;left:0;width:15px;height:8px;border-bottom:2px solid var(--red);border-left:2px solid var(--red);content:"";transform:rotate(-45deg)}
.gallery-section{background:#fff}.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:230px;gap:12px}.gallery figure{grid-column:span 4;margin:0;overflow:hidden;background:#dfe1e2}.gallery .g1,.gallery .g4{grid-column:span 7}.gallery .g2,.gallery .g5{grid-column:span 5}.gallery .g3,.gallery .g6{grid-column:span 6}.gallery img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery figure:hover img{transform:scale(1.035)}
.contact{padding:108px 0;background:var(--red);color:#fff}.contact .section-label{color:#fff;opacity:.76}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}.contact h2{margin-bottom:22px}.contact-grid>div:first-child>p:not(.section-label){max-width:650px;margin-bottom:30px;color:rgba(255,255,255,.85)}.contact-card{display:grid;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.contact-card>div{display:grid;grid-template-columns:105px 1fr;gap:20px;padding:25px 28px;border-bottom:1px solid var(--line)}.contact-card>div:last-child{border:0}.contact-card small{color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.contact-card a{font-weight:800;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.site-footer{padding:80px 0 24px;background:#05070a;color:#fff}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:50px;padding-bottom:64px}.footer-brand strong{font-size:1.5rem;letter-spacing:-.03em}.footer-brand em{color:var(--red);font-style:normal}.footer-brand p{max-width:340px;margin-top:16px;color:#8f969e}.footer-grid h2{margin-bottom:18px;color:#8f969e;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column}.footer-grid a,.footer-grid p{margin-bottom:8px;color:#d5d8dc;font-size:.92rem}.footer-bottom{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);color:#747b84;font-size:.77rem}.footer-bottom p{margin:0}.footer-bottom a{color:#b6bbc1;font-weight:800}.mobile-call{display:none}
.inner-hero{padding:120px 0 85px;background:linear-gradient(110deg,rgba(8,11,15,.98),rgba(8,11,15,.78)),var(--hero) center 56%/cover;color:#fff}.inner-hero h1{max-width:980px;margin-bottom:0;font-size:clamp(2.8rem,6vw,5.3rem)}.inner-lead{max-width:760px;margin:25px 0 0;color:#c7ccd1;font-size:1.2rem}.prose{max-width:1060px}.prose>h2{max-width:850px}.prose>p,.service-copy>p{max-width:850px;color:var(--muted);font-size:1.1rem}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:48px 0;background:var(--line);border:1px solid var(--line)}.info-grid>div{padding:32px;background:#fff}.info-grid p{margin:0;color:var(--muted)}.page-contact{display:grid;grid-template-columns:1fr .85fr;gap:70px}.page-contact .button{margin:16px 8px 0 0}.page-contact address{padding:36px;background:#fff;box-shadow:var(--shadow);font-style:normal}.lead{margin-bottom:38px!important;font-size:1.2rem!important}.gallery-page{margin-top:42px}.message{max-width:700px;padding:45px;background:#fff;box-shadow:var(--shadow)}.service-copy{max-width:980px}.service-copy>p{font-size:1.18rem}.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:70px;padding:38px 42px;background:var(--ink);color:#fff}.inline-cta h2,.inline-cta p{margin-bottom:0}.inline-cta h2{font-size:clamp(1.7rem,3vw,2.5rem)}.post-card{margin-bottom:20px;padding:30px;background:#fff}.post-card h2{font-size:2rem}.not-found{display:grid;align-items:center;min-height:70vh}.not-found h1{margin-bottom:20px;font-size:clamp(3rem,6vw,6rem)}
@media(max-width:1100px){.primary-nav{gap:16px}.primary-nav a{font-size:.7rem}.header-phone{display:none}.process-list{grid-template-columns:repeat(2,1fr);gap:36px 0}.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}}
@media(max-width:820px){:root{--wrap:min(100% - 32px,1180px)}body.admin-bar .site-header{top:46px}.header-inner{min-height:74px}.brand-mark{width:42px;height:42px}.brand-name strong{font-size:1rem}.nav-toggle{display:flex}.primary-nav{position:absolute;top:100%;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 16px 22px;background:#080b0f;box-shadow:0 22px 30px rgba(0,0,0,.28)}.primary-nav.open{display:flex}.primary-nav a{padding:14px 10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.8rem}.primary-nav a:after{display:none}.nav-toggle[aria-expanded=true] i:nth-of-type(1){transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded=true] i:nth-of-type(2){opacity:0}.nav-toggle[aria-expanded=true] i:nth-of-type(3){transform:translateY(-6px) rotate(-45deg)}.hero{min-height:760px;background-position:58% center}.hero-content{padding-block:80px 36px}.hero h1{font-size:clamp(3.1rem,12vw,5.3rem)}.hero-points{margin-top:52px}.intro-grid,.section-head,.about,.contact-grid,.page-contact{grid-template-columns:1fr;gap:32px}.intro{padding:70px 0}.section{padding:88px 0}.about-image,.about-image>img{min-height:440px;height:440px}.about-image>div{right:16px;bottom:-20px}.contact{padding:85px 0}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.info-grid{grid-template-columns:1fr}}
@media(max-width:580px){:root{--wrap:calc(100% - 28px)}body{font-size:16px;padding-bottom:54px}.brand{gap:9px}.brand-mark{width:39px;height:39px;font-size:.74rem}.brand-name strong{font-size:.9rem}.brand-name small{margin-top:5px;font-size:.56rem}.nav-toggle span{display:none}.hero{min-height:700px}.hero-overlay{background:linear-gradient(90deg,rgba(5,8,12,.94),rgba(5,8,12,.56))}.hero h1{font-size:clamp(2.8rem,14vw,4.4rem)}.hero-lead{font-size:1rem}.actions{display:grid;grid-template-columns:1fr}.button{width:100%}.hero-points{display:grid;gap:9px;margin-top:44px;padding-top:18px}.intro{padding:58px 0}.section{padding:70px 0}.section-head{margin-bottom:38px}.services{grid-template-columns:1fr}.services article{min-height:auto;padding:30px 26px}.services .number{margin-bottom:35px}.process-list{grid-template-columns:1fr;gap:0}.process-list li{display:grid;grid-template-columns:42px 1fr;gap:14px;margin:0!important;padding:25px 0}.process-list li:after{display:none}.process-list>li>span{margin:0}.about-image,.about-image>img{min-height:340px;height:340px}.about-image>div{right:10px;bottom:-16px;min-width:175px;padding:20px}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:175px}.gallery figure,.gallery .g1,.gallery .g2,.gallery .g3,.gallery .g4,.gallery .g5,.gallery .g6{grid-column:span 1}.gallery .g1,.gallery .g4{grid-column:1/-1}.contact-card>div{grid-template-columns:1fr;gap:7px}.footer-grid{grid-template-columns:1fr;gap:32px;padding-bottom:42px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:12px}.inner-hero{padding:90px 0 65px}.page-contact .button{margin-right:0}.inline-cta{align-items:stretch;flex-direction:column;padding:30px 24px}.mobile-call{position:fixed;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;height:54px;background:var(--red);color:#fff;font-size:.77rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 -8px 22px rgba(0,0,0,.2)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}