/*
Theme Name: ELIT Måleri i Roslagen
Theme URI: https://elitmaleriroslagen.se/
Author: ELIT Måleri i Roslagen AB
Description: Skräddarsytt responsivt WordPress-tema för ELIT Måleri i Roslagen AB.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: elit-maleri
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root{--navy:#073c60;--navy2:#032840;--blue:#0b6597;--cream:#f4f1e9;--white:#fff;--ink:#17232b;--muted:#5a6973;--max:1180px;--shadow:0 18px 50px rgba(5,42,65,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}img{display:block;max-width:100%}a{color:inherit}.site-header{height:90px;padding:10px max(24px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.25)}.brand img{width:126px;height:65px;object-fit:contain;background:#fff;border-radius:3px}.site-header nav{display:flex;gap:34px}.site-header nav a{text-decoration:none;font-weight:700;font-size:.95rem}.site-header nav a:hover{opacity:.72}.menu{display:none}.hero{min-height:790px;position:relative;display:flex;align-items:flex-end;overflow:hidden;color:#fff}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,28,45,.87) 0%,rgba(2,28,45,.54) 48%,rgba(2,28,45,.12) 78%),linear-gradient(0deg,rgba(2,28,45,.3),transparent 50%)}.hero-content{position:relative;width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:190px 0 88px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.76rem;font-weight:800;margin:0 0 18px}.eyebrow.blue{color:var(--blue)}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;margin-top:0}h1{max-width:760px;font-size:clamp(2.7rem,6.4vw,5.7rem);line-height:.98;letter-spacing:-.055em;margin-bottom:28px}.hero-content>p:not(.eyebrow){font-size:1.2rem;line-height:1.65;max-width:620px}.actions{display:flex;gap:12px;margin-top:35px}.button{padding:14px 22px;background:#fff;color:var(--navy);text-decoration:none;font-weight:800;border:2px solid #fff;border-radius:3px}.button-light{background:transparent;color:#fff}.section{padding:110px max(24px,calc((100% - var(--max))/2))}.narrow{max-width:850px}.intro{background:var(--cream)}.intro h2,.section-head h2,.contact h2{font-size:clamp(2rem,5vw,4rem);line-height:1.08;letter-spacing:-.045em}.intro p:last-child{font-size:1.18rem;line-height:1.85;color:var(--muted);max-width:760px}.section-head{margin-bottom:46px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-grid article{background:#f7f8f8;padding:32px 26px;min-height:250px;border-top:4px solid var(--navy)}.service-grid article>span{color:var(--blue)}.service-grid h3{font-size:1.35rem;margin:27px 0 12px}.service-grid p{line-height:1.65;color:var(--muted);margin:0}.projects{background:#edf1f2}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project{margin:0;background:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow)}.project-wide{grid-column:1/-1}.project img{width:100%;height:500px;object-fit:cover;transition:transform .6s ease}.project-wide img{height:620px}.project:hover img{transform:scale(1.025)}figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:19px 21px;background:rgba(3,40,64,.9);color:#fff;backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;gap:20px}figcaption strong{font:700 1.2rem Arial}figcaption span{font-size:.9rem;opacity:.85}.contact{background:var(--navy);color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact>div>p:last-child{line-height:1.7;opacity:.8}.contact-cards{display:grid;gap:10px}.contact-cards a{padding:22px 24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);text-decoration:none;display:flex;justify-content:space-between;align-items:center}.contact-cards small{text-transform:uppercase;letter-spacing:.12em;opacity:.7}.contact-cards strong{font-size:1.08rem}footer{padding:55px max(24px,calc((100% - var(--max))/2));background:var(--navy2);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}footer>div:first-child>img{width:150px;height:80px;object-fit:contain;background:#fff}footer p{opacity:.7}.socials{display:flex;gap:12px}.socials a{display:flex;align-items:center;gap:10px;text-decoration:none;padding:10px 14px;background:#fff;color:var(--navy);font-weight:700}.socials img{width:26px;height:26px;object-fit:contain}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.13);padding-top:24px;margin-bottom:0;font-size:.87rem}@media(max-width:900px){.service-grid{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}.hero{min-height:700px}.project img,.project-wide img{height:460px}}@media(max-width:650px){.site-header{height:76px}.brand img{width:104px;height:54px}.menu{display:block;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);padding:9px 12px;font-weight:700}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--navy2);padding:22px 24px;flex-direction:column;gap:20px}.site-header nav.open{display:flex}.hero{min-height:680px}.hero-content{padding-bottom:55px}h1{font-size:2.65rem}.actions{flex-direction:column;align-items:flex-start}.section{padding-top:76px;padding-bottom:76px}.service-grid,.project-grid{grid-template-columns:1fr}.project-wide{grid-column:auto}.project img,.project-wide img{height:480px}figcaption{align-items:flex-start;flex-direction:column;gap:4px}.contact-cards a{align-items:flex-start;flex-direction:column;gap:8px}.contact-cards strong{font-size:.95rem}footer{grid-template-columns:1fr}.socials{flex-wrap:wrap}.copyright{grid-column:auto}}
.admin-bar .site-header{top:32px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:10px;z-index:9999;background:#fff;padding:12px}.site-content-default{padding:150px max(24px,calc((100% - var(--max))/2)) 80px;min-height:70vh}
/* Version 1.1: original color assets and softer hero treatment */
.hero-shade{background:linear-gradient(90deg,rgba(3,40,64,.58) 0%,rgba(3,40,64,.30) 48%,rgba(3,40,64,.06) 78%),linear-gradient(0deg,rgba(3,40,64,.18),transparent 52%)}
.brand img,.custom-logo{background:#fff;object-fit:contain;filter:none!important}
.socials img{filter:none!important}