/*
Theme Name: Momo 2026
Description: Ett lätt WordPress-tema med redigerbara block för Flytt och Städ Momo.
Version: 1.0.0
Author: Sörmlands Webbyrå
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: momo-2026
*/
:root{--navy:#172c38;--red:#bf3e32;--cream:#f7f5ef;--ink:#263c47;--muted:#637076;--line:#dfe3df;--white:#fff;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}a,button,input,textarea,select,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red)}button,a{touch-action:manipulation}h1,h2,h3{color:var(--navy);font-weight:600;letter-spacing:-.045em;line-height:1.08;margin:0 0 24px;text-wrap:balance}h1{font-size:clamp(42px,5.05vw,72px)}h2{font-size:clamp(32px,3.3vw,46px)}h3{font-size:26px}p{margin:0 0 20px}p:last-child{margin-bottom:0}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;left:18px;top:-100px;z-index:999999;background:white;padding:14px}.skip-link:focus{top:10px}.preview-strip{background:var(--navy);color:white;font-size:12px;letter-spacing:.03em;text-align:center;padding:6px 16px}.site-header{border-bottom:1px solid var(--line);background:var(--cream)}.header-inner{display:flex;align-items:center;gap:32px;min-height:104px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;flex-shrink:0}.brand img{width:70px;height:70px;object-fit:contain;border-radius:50%;background:white}.brand strong{font-size:28px;line-height:1.05;letter-spacing:.02em;display:block}.brand small{font-size:11px;letter-spacing:.06em;display:block;text-transform:uppercase}.main-nav{margin-left:auto}.main-nav ul{display:flex;gap:27px;list-style:none;margin:0;padding:0}.main-nav a{text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}.main-nav a:hover,.main-nav .current-menu-item a{color:var(--red)}.header-phone{font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 16px;border-radius:30px;color:var(--navy)}.entry-content>*{margin-block:0}.entry-content>.wp-block-group{margin-block:0}.momo-section{padding-block:90px}.momo-container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.momo-hero{display:grid;grid-template-columns:1.06fr 1fr;gap:64px;align-items:center;padding-block:46px 56px}.momo-hero-copy{padding-block:20px}.eyebrow{text-transform:uppercase;font-weight:700;font-size:11px;letter-spacing:.18em;color:var(--red);margin-bottom:25px!important}.lead{font-size:19px;max-width:540px;color:var(--muted);line-height:1.7}.momo-hero h1 em{font-style:normal;color:var(--red)}.momo-hero .wp-block-image{margin:0}.momo-hero .wp-block-image img{width:100%;height:570px;object-fit:cover;display:block;border-radius:160px 18px 18px 18px}.hero-footnote{font-size:12px;color:var(--muted);margin-top:21px!important}.wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-block:30px 0}.wp-block-button__link,.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:40px;background:var(--red);color:white;padding:14px 25px;font-size:14px;font-weight:700;text-decoration:none;border:1px solid var(--red);line-height:1.5;transition:background .15s,transform .15s}.wp-block-button__link:hover,.button:hover{background:#a82e24;color:white;transform:translateY(-1px)}.is-style-outline .wp-block-button__link,.button-outline{background:transparent;color:var(--navy);border:1px solid #bbc5c6}.is-style-outline .wp-block-button__link:hover{background:white}.momo-points{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.momo-points p{font-size:13px;margin:0}.momo-points strong{color:var(--red);margin-right:12px;font-size:17px}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:44px}.section-intro h2{margin-bottom:0}.section-intro .lead{font-size:17px;max-width:450px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:#fff;border:1px solid #e1e4df;border-radius:var(--radius);padding:30px 25px;min-height:320px;display:flex;flex-direction:column}.service-card .number{font-size:13px;color:var(--red);font-weight:700;letter-spacing:.1em;margin-bottom:36px}.service-card h3{font-size:25px;margin-bottom:18px}.service-card p{font-size:15px;color:var(--muted)}.service-card .card-link{margin-top:auto;margin-bottom:0;padding-top:15px}.card-link a{font-size:13px;font-weight:700;text-decoration:none;color:var(--navy)}.card-link a:hover{color:var(--red)}.momo-dark{background:var(--navy);color:#d6e0df}.momo-dark h2,.momo-dark h3{color:white}.momo-dark .eyebrow{color:#efaa96}.momo-dark .lead{color:#c0cece}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:56px}.step{border-top:1px solid #4c626d;padding-top:22px}.step .number{color:#efaa96;font-size:14px;margin-bottom:25px}.step h3{font-size:26px}.step p{font-size:16px;color:#c0cece}.momo-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.momo-aside{background:#ecefe9;border-radius:var(--radius);padding:38px}.momo-aside h3{font-size:25px}.momo-aside ul{padding-left:21px;margin:0}.momo-aside li{padding:8px 0;font-size:15px}.momo-aside li::marker{color:var(--red)}.momo-towns{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.momo-towns p{border:1px solid #cdd5d1;border-radius:40px;padding:7px 18px;font-size:13px;margin:0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.wp-block-details{border-top:1px solid var(--line);padding:22px 0}.wp-block-details:last-child{border-bottom:1px solid var(--line)}.wp-block-details summary{font-size:17px;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:36px}.wp-block-details summary::-webkit-details-marker{display:none}.wp-block-details summary::after{content:'+';position:absolute;right:4px;font-size:24px;font-weight:400;top:-6px;color:var(--red)}.wp-block-details[open] summary::after{content:'−'}.wp-block-details>p{color:var(--muted);font-size:15px;margin:18px 30px 0 0}.momo-cta{background:#e9eee8;border-radius:22px;padding:55px 60px;display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center;margin-bottom:80px!important}.momo-cta h2{font-size:39px;margin-bottom:15px}.momo-cta p{font-size:16px}.momo-cta .wp-block-buttons{margin:0;justify-content:flex-end}.site-footer{background:var(--navy);color:#c0cece;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:65px;padding-bottom:48px}.footer-brand{font-weight:700;font-size:34px;color:white;letter-spacing:.02em}.footer-grid h2{font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:#fff;margin:12px 0 22px}.footer-grid p,.footer-grid a{font-size:14px}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin:8px 0}.footer-grid a{text-decoration:none}.footer-grid a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #40555e;padding-top:22px;display:flex;justify-content:space-between;font-size:11px;gap:20px}.momo-page-hero{padding-block:60px 66px;background:#ecefe9}.momo-page-hero .momo-container{max-width:1200px}.momo-page-hero h1{max-width:900px;font-size:clamp(40px,4.5vw,62px)}.momo-page-hero .lead{max-width:740px}.breadcrumbs{font-size:12px;margin-bottom:35px;color:var(--muted)}.breadcrumbs a{text-decoration:none}.content-columns{display:grid;grid-template-columns:1.4fr .85fr;gap:90px}.content-columns h2{font-size:36px}.momo-copy p{max-width:730px}.momo-copy h2:not(:first-child){margin-top:45px}.momo-list{padding-left:22px}.momo-list li{margin:12px 0;padding-left:6px}.momo-list li::marker{color:var(--red)}.momo-prose{max-width:800px;padding-block:70px}.momo-prose h1{font-size:48px}.momo-prose h2{font-size:29px;margin-top:40px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-link{font-size:25px;line-height:1.3;overflow-wrap:anywhere}.form-panel{background:white;border:1px solid var(--line);padding:42px;border-radius:20px}.form-panel h2{font-size:32px}.form-panel div.wpforms-container-full{margin:25px 0 0}.form-panel div.wpforms-container-full .wpforms-form input,.form-panel div.wpforms-container-full .wpforms-form textarea,.form-panel div.wpforms-container-full .wpforms-form select{border:1px solid #b7c5c7;border-radius:7px;max-width:100%;background:#fcfcf9;color:var(--navy);font-size:16px}.form-panel div.wpforms-container-full .wpforms-form button[type=submit]{background:var(--red);border-radius:40px;color:white;min-height:50px;font-size:14px;font-weight:700;padding:12px 25px}.form-panel div.wpforms-container-full .wpforms-form .wpforms-field-label{font-size:14px;color:var(--navy)}.form-note{font-size:12px;color:var(--muted);margin-top:20px!important}.editor-styles-wrapper .momo-container{width:100%}.editor-styles-wrapper .momo-hero{gap:30px}.editor-styles-wrapper .momo-hero .wp-block-image img{height:450px}.editor-styles-wrapper .momo-cta{margin-bottom:0!important}
@media(min-width:1500px){.momo-hero{gap:86px}}
@media(max-width:1100px){.wrap,.momo-container{width:calc(100% - 48px)}.header-inner{gap:20px}.header-phone{display:none}.main-nav ul{gap:24px}.momo-hero{gap:32px}.momo-hero .wp-block-image img{height:510px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:290px}.section-intro,.momo-split,.faq-grid,.contact-layout,.content-columns{gap:45px}.momo-cta{padding:42px}.steps-grid{gap:35px}}
@media(max-width:760px){body{font-size:16px}.wrap,.momo-container{width:calc(100% - 40px)}.header-inner{min-height:88px;flex-wrap:wrap;gap:0;justify-content:space-between}.brand img{width:55px;height:55px}.brand strong{font-size:24px}.brand small{font-size:9px}.menu-toggle{display:block}.main-nav{width:100%;margin:0;display:none;padding:8px 0 23px}.main-nav.is-open{display:block}.main-nav ul{display:block}.main-nav li{padding:9px 0}.main-nav a{font-size:17px}.momo-hero{display:flex;flex-direction:column;gap:28px;padding-block:24px 36px;align-items:stretch}.momo-hero-copy{padding:12px 0 0}.momo-hero h1{font-size:46px;max-width:550px}.eyebrow{margin-bottom:20px!important;font-size:10px}.lead{font-size:17px}.momo-hero .wp-block-image img{height:380px;border-radius:95px 16px 16px 16px;object-position:center 62%}.wp-block-buttons{margin-top:25px;gap:10px}.wp-block-button__link{padding:13px 20px}.momo-points{grid-template-columns:1fr;gap:13px;padding-block:23px}.momo-points p{font-size:13px}.momo-section{padding-block:58px}.section-intro,.momo-split,.faq-grid,.content-columns,.contact-layout,.momo-cta{grid-template-columns:1fr;gap:30px}.section-intro{margin-bottom:30px}.section-intro .lead{max-width:none}.service-grid{gap:14px}.service-card{padding:25px 22px;min-height:300px}.service-card h3{font-size:23px}.service-card .number{margin-bottom:27px}.service-card p{font-size:14px}.steps-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.step .number{margin-bottom:15px}.step h3{font-size:26px;margin-bottom:15px}.momo-aside{padding:30px}.momo-cta{padding:35px 28px;margin-bottom:50px!important}.momo-cta h2{font-size:33px}.momo-cta .wp-block-buttons{justify-content:flex-start}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.site-footer{padding-top:45px}.momo-page-hero{padding-block:35px 45px}.momo-page-hero h1{font-size:43px}.breadcrumbs{margin-bottom:26px}.form-panel{padding:27px 22px}.momo-prose h1{font-size:39px}}
@media(max-width:410px){.service-grid{grid-template-columns:1fr}.service-card{min-height:250px}.momo-hero h1{font-size:42px}.wp-block-button__link{padding:13px 18px}.momo-hero .wp-block-image img{height:330px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}