/* Takkupa Malmö - Stilmall för takkupor och snickeri */
/* Komprimerad CSS för snabbare laddning */
:root{--takpanna-orange:#ff6b35;--takspån-purple:#9b59b6;--nocklinje-green:#27ae60;--takfot-white:#fff;--takbjälke-dark:#2c3e50;--sparre-gray:#7f8c8d;--taktäckning-light:#ecf0f1}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--takbjälke-dark);background:linear-gradient(135deg,var(--taktäckning-light) 0%,var(--takfot-white) 100%)}/* Takåsens header */
header{background:linear-gradient(135deg,var(--takpanna-orange) 0%,var(--takspån-purple) 100%);color:var(--takfot-white);padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.gavelspets-container{max-width:1200px;margin:0 auto;padding:0 20px}.takfönster-nav{display:flex;justify-content:space-between;align-items:center}.kupa-logo{display:inline-block;font-size:1.8rem;font-weight:bold;text-decoration:none;color:var(--takfot-white);position:relative;padding-left:45px}.kupa-logo::before{content:'⌂';position:absolute;left:0;top:-5px;font-size:2.5rem;transform:rotate(-15deg);color:rgba(255,255,255,0.8)}.vindskiva-menu{display:flex;list-style:none;gap:2rem}.vindskiva-menu a{color:var(--takfot-white);text-decoration:none;padding:0.5rem 1rem;transition:all 0.3s;border-radius:5px}.vindskiva-menu a:hover{background:rgba(255,255,255,0.2)}.takränna-cta{background:linear-gradient(135deg,var(--nocklinje-green) 0%,#2ecc71 100%);color:var(--takfot-white);padding:12px 25px;border:none;border-radius:25px;font-size:1rem;font-weight:bold;cursor:pointer;transition:all 0.3s;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.takränna-cta:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.2)}.takkupa-hamburger{display:none;background:transparent;border:none;color:var(--takfot-white);font-size:1.5rem;cursor:pointer}/* Huvudinnehåll för takkupor */
main{min-height:calc(100vh - 200px)}.takfall-hero{background:linear-gradient(135deg,rgba(255,107,53,0.1) 0%,rgba(155,89,182,0.1) 100%);padding:4rem 2rem;text-align:center}.takfall-hero h1{font-size:2.5rem;color:var(--takbjälke-dark);margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.1)}.underlagspapp-content{max-width:1200px;margin:0 auto;padding:2rem}.taktegel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.takpannor-card{background:var(--takfot-white);padding:1.5rem;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:all 0.3s}.takpannor-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15)}.takpannor-card h2{color:var(--takpanna-orange);margin-bottom:1rem;font-size:1.5rem}.takpannor-card h3{color:var(--takspån-purple);margin:1rem 0 0.5rem;font-size:1.2rem}/* Bilder med CSS för takkupor */
.kupa-bild{width:100%;height:150px;position:relative;margin:1rem 0;border-radius:8px;overflow:hidden}.frontespis-bild{background:linear-gradient(45deg,#ff6b35 0%,#ff8e53 50%,#ff6b35 100%);position:relative}.frontespis-bild::after{content:'';position:absolute;top:20%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:60px solid rgba(255,255,255,0.3)}.triangel-bild{background:linear-gradient(135deg,#9b59b6 0%,#8e44ad 100%);position:relative}.triangel-bild::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-top:80px solid rgba(255,255,255,0.3)}.valm-bild{background:linear-gradient(90deg,#27ae60 0%,#2ecc71 100%);position:relative}.valm-bild::after{content:'';position:absolute;top:30%;left:50%;transform:translateX(-50%) rotate(45deg);width:60px;height:60px;background:rgba(255,255,255,0.3)}.pulpet-bild{background:linear-gradient(180deg,#3498db 0%,#2980b9 100%);position:relative}.pulpet-bild::before{content:'';position:absolute;top:20%;left:20%;width:60%;height:50%;background:rgba(255,255,255,0.3);transform:skewY(-10deg)}.sadel-bild{background:linear-gradient(45deg,#e74c3c 0%,#c0392b 100%);position:relative}.sadel-bild::after{content:'';position:absolute;top:40%;left:50%;transform:translateX(-50%);width:80px;height:40px;border-top:40px solid rgba(255,255,255,0.3);border-left:40px solid transparent;border-right:40px solid transparent}/* Tabeller för takkupor */
.nockplåt-table{width:100%;border-collapse:collapse;margin:2rem 0;background:var(--takfot-white);border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.nockplåt-table th{background:linear-gradient(135deg,var(--takpanna-orange) 0%,var(--takspån-purple) 100%);color:var(--takfot-white);padding:1rem;text-align:left}.nockplåt-table td{padding:1rem;border-bottom:1px solid var(--taktäckning-light)}.nockplåt-table tr:hover{background:rgba(255,107,53,0.05)}/* Formulär för takkupor */
.takfot-form{background:var(--takfot-white);padding:2rem;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.1);max-width:600px;margin:0 auto}.takfot-form h2{color:var(--takpanna-orange);margin-bottom:1.5rem;font-size:2rem}.takfot-form label{display:block;margin-bottom:0.5rem;color:var(--takbjälke-dark);font-weight:bold}.takfot-form input,.takfot-form textarea{width:100%;padding:12px;margin-bottom:1.5rem;border:2px solid var(--taktäckning-light);border-radius:5px;font-size:1rem;transition:all 0.3s}.takfot-form input:focus,.takfot-form textarea:focus{outline:none;border-color:var(--takpanna-orange);box-shadow:0 0 5px rgba(255,107,53,0.3)}.vindskydd-captcha{background:linear-gradient(135deg,rgba(155,89,182,0.1) 0%,rgba(255,107,53,0.1) 100%);padding:1rem;border-radius:5px;margin-bottom:1.5rem}.vindskydd-captcha label{display:flex;align-items:center;gap:0.5rem}/* Fold-out för takkupor */
.takstege-details{margin:2rem 0;border:2px solid var(--taktäckning-light);border-radius:8px;overflow:hidden}.takstege-details summary{background:linear-gradient(135deg,rgba(255,107,53,0.1) 0%,rgba(155,89,182,0.1) 100%);padding:1rem;cursor:pointer;font-weight:bold;color:var(--takbjälke-dark);transition:all 0.3s}.takstege-details summary:hover{background:linear-gradient(135deg,rgba(255,107,53,0.2) 0%,rgba(155,89,182,0.2) 100%)}.takstege-details[open] summary{background:linear-gradient(135deg,var(--takpanna-orange) 0%,var(--takspån-purple) 100%);color:var(--takfot-white)}.takstege-content{padding:1.5rem;background:var(--takfot-white)}/* Informationsrutor för takkupor */
.takbrunn-info{background:linear-gradient(135deg,rgba(39,174,96,0.1) 0%,rgba(46,204,113,0.1) 100%);border-left:4px solid var(--nocklinje-green);padding:1.5rem;margin:2rem 0;border-radius:0 8px 8px 0}.takbrunn-info h3{color:var(--nocklinje-green);margin-bottom:1rem}.råspont-aside{background:var(--takfot-white);border:2px solid var(--takpanna-orange);border-radius:10px;padding:1.5rem;margin:2rem 0;position:relative}.råspont-aside::before{content:'💡';position:absolute;top:-15px;left:20px;background:var(--takfot-white);padding:0 10px;font-size:1.5rem}/* Footer för takkupor */
footer{background:linear-gradient(135deg,var(--takbjälke-dark) 0%,#34495e 100%);color:var(--takfot-white);padding:3rem 0 1rem;margin-top:4rem}.takbrygga-footer{max-width:1200px;margin:0 auto;padding:0 20px}.läkt-services{background:rgba(255,255,255,0.1);padding:2rem;border-radius:10px;margin-bottom:2rem}.läkt-services h3{margin-bottom:1rem;color:var(--takfot-white)}.läkt-services ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.läkt-services a{color:var(--takfot-white);text-decoration:none;padding:0.5rem;display:block;transition:all 0.3s;border-radius:5px}.läkt-services a:hover{background:rgba(255,255,255,0.1);transform:translateX(5px)}.takstol-contact{text-align:center;padding:2rem 0;border-top:1px solid rgba(255,255,255,0.2);margin-top:2rem}.takstol-contact p{margin:0.5rem 0}/* Responsiv design för takkupor */
@media(max-width:768px){.kupa-logo{font-size:1.5rem;padding-left:35px}.kupa-logo::before{font-size:2rem}.vindskiva-menu{display:none;position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,var(--takpanna-orange) 0%,var(--takspån-purple) 100%);flex-direction:column;padding:1rem;gap:0.5rem;box-shadow:0 5px 15px rgba(0,0,0,0.2)}.vindskiva-menu.active{display:flex}.vindskiva-menu a{padding:1rem;border-bottom:1px solid rgba(255,255,255,0.2)}.takkupa-hamburger{display:block}.takfall-hero h1{font-size:2rem}.taktegel-grid{grid-template-columns:1fr}.nockplåt-table{font-size:0.9rem}.nockplåt-table th,.nockplåt-table td{padding:0.75rem}.takfot-form{padding:1.5rem}.läkt-services ul{grid-template-columns:1fr}}/* Speciella effekter för takkupor */
.taksarg-badge{display:inline-block;background:linear-gradient(135deg,var(--nocklinje-green) 0%,#2ecc71 100%);color:var(--takfot-white);padding:0.25rem 0.75rem;border-radius:15px;font-size:0.9rem;font-weight:bold;margin-left:0.5rem}.nocktätning-highlight{background:linear-gradient(135deg,rgba(255,107,53,0.2) 0%,rgba(155,89,182,0.2) 100%);padding:0.25rem 0.5rem;border-radius:3px;font-weight:bold}blockquote{border-left:4px solid var(--takpanna-orange);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--sparre-gray)}cite{display:block;text-align:right;color:var(--takspån-purple);margin-top:0.5rem;font-size:0.9rem}.vattbräda-list{list-style:none;padding-left:0}.vattbräda-list li{position:relative;padding-left:2rem;margin-bottom:0.75rem}.vattbräda-list li::before{content:'▸';position:absolute;left:0;color:var(--takpanna-orange);font-size:1.2rem}/* Animationer för takkupor */
@keyframes takpanna-slide{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:takpanna-slide 0.5s ease-out}/* Sitemap för takkupor */
.nockbräda-sitemap{max-width:800px;margin:2rem auto;padding:2rem;background:var(--takfot-white);border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.nockbräda-sitemap h1{color:var(--takpanna-orange);margin-bottom:2rem}.nockbräda-sitemap ul{list-style:none;padding-left:0}.nockbräda-sitemap li{padding:0.5rem 0;border-bottom:1px solid var(--taktäckning-light)}.nockbräda-sitemap a{color:var(--takbjälke-dark);text-decoration:none;transition:all 0.3s}.nockbräda-sitemap a:hover{color:var(--takpanna-orange);padding-left:10px}/* Ortstabeller för takkupor */
.takplåt-locations{margin:3rem 0}.takplåt-locations h2{color:var(--takpanna-orange);margin-bottom:1.5rem;text-align:center}.ort-grupp{margin-bottom:1rem}.ort-grupp summary{background:linear-gradient(135deg,rgba(255,107,53,0.1) 0%,rgba(155,89,182,0.1) 100%);padding:1rem;cursor:pointer;font-weight:bold;border-radius:5px;transition:all 0.3s}.ort-grupp summary:hover{background:linear-gradient(135deg,rgba(255,107,53,0.2) 0%,rgba(155,89,182,0.2) 100%)}.ort-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0.5rem;padding:1rem;background:var(--takfot-white);border-radius:0 0 5px 5px}.ort-lista span{padding:0.5rem;text-align:center;background:rgba(155,89,182,0.05);border-radius:3px;font-size:0.9rem}/* 404-sida för takkupor */
.takskägg-error{text-align:center;padding:4rem 2rem;min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.takskägg-error h1{font-size:6rem;color:var(--takpanna-orange);margin-bottom:1rem;text-shadow:3px 3px 6px rgba(0,0,0,0.1)}.takskägg-error p{font-size:1.2rem;color:var(--sparre-gray);margin-bottom:2rem}