/* Snickare Skanör - Stilmall */
*{margin:0;padding:0;box-sizing:border-box}
:root{--skanor-vit:#ffffff;--skanor-ljusorange:#fff5eb;--skanor-turkos:#4db6ac;--skanor-turkos-mork:#00897b;--skanor-beige:#f5f0e8;--skanor-text:#2c2c2c;--skanor-text-ljus:#5a5a5a;--skanor-skugga:0 4px 20px rgba(0,0,0,0.08);--skanor-gradient:linear-gradient(135deg,#80cbc4 0%,#4db6ac 50%,#00897b 100%)}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.7;color:var(--skanor-text);background:var(--skanor-vit)}
/* Typografi */
h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;margin-bottom:1rem;color:var(--skanor-text)}
h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:600;margin:2rem 0 1rem;color:var(--skanor-text)}
h3{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:600;margin:1.5rem 0 0.8rem;color:var(--skanor-turkos-mork)}
h4{font-size:1.1rem;font-weight:600;margin:1rem 0 0.5rem}
p{margin-bottom:1rem}
a{color:var(--skanor-turkos-mork);text-decoration:none;transition:color 0.3s}
a:hover{color:var(--skanor-turkos)}
/* Container */
.skanor-container{max-width:1200px;margin:0 auto;padding:0 20px}
/* Header */
.skanor-header{background:var(--skanor-vit);box-shadow:var(--skanor-skugga);position:fixed;width:100%;top:0;z-index:1000;padding:0.8rem 0}
.skanor-header-inner{display:flex;justify-content:space-between;align-items:center}
/* Logo CSS-ikon */
.skanor-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.skanor-logo-icon{width:48px;height:48px;position:relative;display:flex;align-items:center;justify-content:center}
.skanor-logo-icon::before{content:'';position:absolute;width:32px;height:8px;background:var(--skanor-turkos);border-radius:2px;transform:rotate(-45deg);box-shadow:0 10px 0 var(--skanor-turkos-mork)}
.skanor-logo-icon::after{content:'';position:absolute;width:20px;height:28px;border:3px solid var(--skanor-turkos-mork);border-radius:0 0 4px 4px;border-top:none;bottom:4px}
.skanor-logo-text{font-size:1.4rem;font-weight:700;color:var(--skanor-text)}
.skanor-logo-text span{color:var(--skanor-turkos-mork)}
/* Navigation */
.skanor-nav{display:flex;align-items:center;gap:2rem}
.skanor-nav-list{display:flex;list-style:none;gap:1.5rem}
.skanor-nav-list a{color:var(--skanor-text);font-weight:500;padding:0.5rem 0;position:relative}
.skanor-nav-list a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--skanor-turkos);transition:width 0.3s}
.skanor-nav-list a:hover::after,.skanor-nav-list a.aktiv::after{width:100%}
/* CTA-knapp */
.skanor-cta{background:var(--skanor-gradient);color:var(--skanor-vit);padding:0.8rem 1.5rem;border-radius:50px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:transform 0.3s,box-shadow 0.3s;border:none;cursor:pointer;font-size:1rem}
.skanor-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(77,182,172,0.4);color:var(--skanor-vit)}
.skanor-cta-header{padding:0.6rem 1.2rem;font-size:0.9rem}
/* Mobilmeny */
.skanor-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}
.skanor-burger span{width:25px;height:3px;background:var(--skanor-text);border-radius:2px;transition:0.3s}
.skanor-mobilmeny{display:none;position:fixed;top:70px;left:0;right:0;background:var(--skanor-vit);padding:1rem;box-shadow:var(--skanor-skugga)}
.skanor-mobilmeny.oppen{display:block}
.skanor-mobilmeny ul{list-style:none}
.skanor-mobilmeny li{border-bottom:1px solid var(--skanor-beige)}
.skanor-mobilmeny a{display:block;padding:1rem;color:var(--skanor-text);font-weight:500}
.skanor-mobilmeny .skanor-cta{width:100%;justify-content:center;margin-top:1rem}
/* Hero */
.skanor-hero{padding:140px 0 80px;background:linear-gradient(135deg,var(--skanor-ljusorange) 0%,var(--skanor-beige) 100%);text-align:center}
.skanor-hero h1{margin-bottom:1.5rem}
.skanor-hero p{font-size:1.2rem;color:var(--skanor-text-ljus);max-width:700px;margin:0 auto 2rem}
.skanor-hero-knappar{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.skanor-cta-sekundar{background:var(--skanor-vit);color:var(--skanor-turkos-mork);border:2px solid var(--skanor-turkos);padding:0.8rem 1.5rem;border-radius:50px;font-weight:600}
.skanor-cta-sekundar:hover{background:var(--skanor-turkos);color:var(--skanor-vit)}
/* Sektioner */
.skanor-sektion{padding:80px 0}
.skanor-sektion-ljus{background:var(--skanor-vit)}
.skanor-sektion-beige{background:var(--skanor-beige)}
.skanor-sektion-orange{background:var(--skanor-ljusorange)}
.skanor-sektion-rubrik{text-align:center;margin-bottom:3rem}
.skanor-sektion-rubrik p{color:var(--skanor-text-ljus);max-width:600px;margin:0 auto}
/* Inforutor */
.skanor-rutor{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.skanor-ruta{background:var(--skanor-vit);border-radius:16px;padding:2rem;box-shadow:var(--skanor-skugga);transition:transform 0.3s}
.skanor-ruta:hover{transform:translateY(-5px)}
.skanor-ruta-ikon{width:60px;height:60px;background:var(--skanor-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--skanor-vit);font-size:1.5rem;font-weight:700}
.skanor-ruta h3{margin-top:0}
/* Specialrutor */
.skanor-tips-ruta{background:linear-gradient(135deg,#e0f2f1 0%,#b2dfdb 100%);border-left:4px solid var(--skanor-turkos-mork);padding:1.5rem;border-radius:0 12px 12px 0;margin:2rem 0}
.skanor-tips-ruta h4{color:var(--skanor-turkos-mork);margin-top:0}
.skanor-varning-ruta{background:var(--skanor-ljusorange);border-left:4px solid #ff9800;padding:1.5rem;border-radius:0 12px 12px 0;margin:2rem 0}
.skanor-citat-ruta{background:var(--skanor-vit);border-radius:16px;padding:2rem;box-shadow:var(--skanor-skugga);margin:2rem 0;position:relative}
.skanor-citat-ruta::before{content:'"';font-size:4rem;color:var(--skanor-turkos);position:absolute;top:-10px;left:20px;opacity:0.3}
.skanor-kund-ruta{background:linear-gradient(135deg,var(--skanor-turkos) 0%,var(--skanor-turkos-mork) 100%);color:var(--skanor-vit);border-radius:16px;padding:2rem;margin:2rem 0}
.skanor-kund-ruta h4{color:var(--skanor-vit);margin-top:0}
/* Tabeller */
.skanor-tabell-wrapper{overflow-x:auto;margin:2rem 0}
.skanor-tabell{width:100%;border-collapse:collapse;background:var(--skanor-vit);border-radius:12px;overflow:hidden;box-shadow:var(--skanor-skugga)}
.skanor-tabell th{background:var(--skanor-gradient);color:var(--skanor-vit);padding:1rem;text-align:left;font-weight:600}
.skanor-tabell td{padding:1rem;border-bottom:1px solid var(--skanor-beige)}
.skanor-tabell tr:last-child td{border-bottom:none}
.skanor-tabell tr:hover td{background:var(--skanor-ljusorange)}
.skanor-tabell-not{font-size:0.85rem;color:var(--skanor-text-ljus);font-style:italic;margin-top:0.5rem}
/* FAQ Accordion */
.skanor-faq{margin:2rem 0}
.skanor-faq-item{background:var(--skanor-vit);border-radius:12px;margin-bottom:1rem;box-shadow:var(--skanor-skugga);overflow:hidden}
.skanor-faq-fraga{width:100%;padding:1.2rem 1.5rem;background:none;border:none;text-align:left;font-size:1rem;font-weight:600;color:var(--skanor-text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background 0.3s}
.skanor-faq-fraga:hover{background:var(--skanor-ljusorange)}
.skanor-faq-fraga::after{content:'+';font-size:1.5rem;color:var(--skanor-turkos);transition:transform 0.3s}
.skanor-faq-item.oppen .skanor-faq-fraga::after{transform:rotate(45deg)}
.skanor-faq-svar{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out}
.skanor-faq-item.oppen .skanor-faq-svar{max-height:500px}
.skanor-faq-svar-inner{padding:0 1.5rem 1.5rem}
/* CSS-bilder för rubriker */
.skanor-bild-rubrik{height:200px;background-size:cover;background-position:center;border-radius:16px;display:flex;align-items:flex-end;padding:1.5rem;margin-bottom:2rem;position:relative;overflow:hidden}
.skanor-bild-rubrik::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.7) 0%,transparent 60%)}
.skanor-bild-rubrik h2{color:var(--skanor-vit);position:relative;z-index:1;margin:0}
.skanor-bild-tra{background:linear-gradient(135deg,#8d6e63 0%,#5d4037 50%,#3e2723 100%)}
.skanor-bild-kok{background:linear-gradient(135deg,#fff8e1 0%,#ffe0b2 50%,#ffcc80 100%)}
.skanor-bild-badrum{background:linear-gradient(135deg,#e0f7fa 0%,#80deea 50%,#26c6da 100%)}
.skanor-bild-bygg{background:linear-gradient(135deg,#efebe9 0%,#bcaaa4 50%,#8d6e63 100%)}
.skanor-bild-ombygg{background:linear-gradient(135deg,#fce4ec 0%,#f8bbd9 50%,#f48fb1 100%)}
.skanor-bild-verktyg{background:linear-gradient(135deg,#e8eaf6 0%,#9fa8da 50%,#5c6bc0 100%)}
.skanor-bild-hantverk{background:linear-gradient(135deg,#fff3e0 0%,#ffcc80 50%,#ffa726 100%)}
.skanor-bild-ort{background:linear-gradient(135deg,#e8f5e9 0%,#a5d6a7 50%,#66bb6a 100%)}
/* Formulär */
.skanor-form{background:var(--skanor-vit);border-radius:16px;padding:2rem;box-shadow:var(--skanor-skugga);max-width:600px;margin:0 auto}
.skanor-form-grupp{margin-bottom:1.5rem}
.skanor-form-grupp label{display:block;font-weight:600;margin-bottom:0.5rem;color:var(--skanor-text)}
.skanor-form-grupp input,.skanor-form-grupp textarea,.skanor-form-grupp select{width:100%;padding:0.8rem 1rem;border:2px solid var(--skanor-beige);border-radius:8px;font-size:1rem;transition:border-color 0.3s}
.skanor-form-grupp input:focus,.skanor-form-grupp textarea:focus{outline:none;border-color:var(--skanor-turkos)}
.skanor-form-grupp textarea{min-height:150px;resize:vertical}
.skanor-form .skanor-cta{width:100%;justify-content:center;padding:1rem}
.skanor-spam-fraga{background:var(--skanor-ljusorange);padding:1rem;border-radius:8px;margin-bottom:1.5rem}
.skanor-spam-fraga label{color:var(--skanor-turkos-mork)}
/* Säsongsruta */
.skanor-sasong{background:var(--skanor-gradient);color:var(--skanor-vit);border-radius:16px;padding:2rem;margin:2rem 0;text-align:center}
.skanor-sasong h3{color:var(--skanor-vit)}
/* Tidspecifikt meddelande */
.skanor-tid-meddelande{background:linear-gradient(135deg,var(--skanor-ljusorange) 0%,#ffe0b2 100%);border-radius:16px;padding:2rem;margin:2rem 0;text-align:center;border:2px dashed var(--skanor-turkos)}
/* Tjänster-grid */
.skanor-tjanster{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}
.skanor-tjanst{background:var(--skanor-vit);border-radius:16px;overflow:hidden;box-shadow:var(--skanor-skugga);transition:transform 0.3s}
.skanor-tjanst:hover{transform:translateY(-5px)}
.skanor-tjanst-bild{height:180px;background:var(--skanor-gradient);display:flex;align-items:center;justify-content:center}
.skanor-tjanst-bild span{font-size:3rem;color:var(--skanor-vit)}
.skanor-tjanst-innehall{padding:1.5rem}
.skanor-tjanst h3{margin-top:0}
/* Footer */
.skanor-pre-footer{background:var(--skanor-beige);padding:60px 0}
.skanor-pre-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}
.skanor-pre-footer h4{color:var(--skanor-turkos-mork);margin-bottom:1rem}
.skanor-pre-footer ul{list-style:none}
.skanor-pre-footer li{margin-bottom:0.5rem}
.skanor-pre-footer a{color:var(--skanor-text)}
.skanor-footer{background:var(--skanor-text);color:var(--skanor-vit);padding:2rem 0;text-align:center}
.skanor-footer p{margin-bottom:0.5rem;opacity:0.8}
.skanor-footer a{color:var(--skanor-turkos)}
/* Breadcrumbs */
.skanor-breadcrumbs{padding:100px 0 0;background:var(--skanor-beige)}
.skanor-breadcrumbs-inner{padding:1rem 0;font-size:0.9rem;color:var(--skanor-text-ljus)}
.skanor-breadcrumbs a{color:var(--skanor-turkos-mork)}
.skanor-breadcrumbs span{margin:0 0.5rem}
/* Innehållssida */
.skanor-innehall{padding:40px 0 80px}
.skanor-innehall-wrapper{display:grid;grid-template-columns:1fr 300px;gap:3rem}
.skanor-huvudinnehall{max-width:100%}
.skanor-sidebar{position:sticky;top:100px;align-self:start}
.skanor-sidebar-ruta{background:var(--skanor-vit);border-radius:16px;padding:1.5rem;box-shadow:var(--skanor-skugga);margin-bottom:1.5rem}
.skanor-sidebar-ruta h4{color:var(--skanor-turkos-mork);margin-top:0;padding-bottom:0.5rem;border-bottom:2px solid var(--skanor-beige)}
.skanor-sidebar-ruta ul{list-style:none}
.skanor-sidebar-ruta li{padding:0.5rem 0;border-bottom:1px solid var(--skanor-beige)}
.skanor-sidebar-ruta li:last-child{border-bottom:none}
/* Utvalda ord */
.skanor-markerad{background:linear-gradient(to bottom,transparent 60%,rgba(77,182,172,0.3) 60%)}
/* Responsiv */
@media(max-width:968px){
.skanor-nav-list{display:none}
.skanor-nav .skanor-cta{display:none}
.skanor-burger{display:flex}
.skanor-innehall-wrapper{grid-template-columns:1fr}
.skanor-sidebar{position:static;order:-1}
}
@media(max-width:600px){
.skanor-hero{padding:120px 0 60px}
.skanor-sektion{padding:50px 0}
.skanor-hero-knappar{flex-direction:column;align-items:center}
.skanor-cta,.skanor-cta-sekundar{width:100%;justify-content:center}
}
/* Sitemap */
.skanor-sitemap ul{list-style:none}
.skanor-sitemap li{padding:0.5rem 0}
.skanor-sitemap li li{padding-left:1.5rem}
/* 404 */
.skanor-404{text-align:center;padding:150px 0}
.skanor-404 h1{font-size:6rem;color:var(--skanor-turkos);margin-bottom:0}
/* Animations */
@keyframes skanorFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.skanor-animate{animation:skanorFadeIn 0.6s ease-out}
/* Print */
@media print{.skanor-header,.skanor-footer,.skanor-cta,.skanor-sidebar{display:none}.skanor-innehall-wrapper{grid-template-columns:1fr}}