/* Trädbeskärning Malmö - Stilmall */
:root{--trad-morkgron:#2d4a3e;--trad-ljusgron:#5a7c65;--trad-brun:#6b4423;--trad-ljusbrun:#8b6914;--trad-beige:#f5f0e6;--trad-ljusbeige:#faf8f3;--trad-vit:#ffffff;--trad-text:#333333;--trad-cta:#4a90a4;--trad-cta-hover:#3d7a8c;--font-rubrik:'Georgia',serif;--font-accent:'Trebuchet MS',sans-serif;--font-brodtext:'Segoe UI','Helvetica Neue',Arial,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-brodtext);line-height:1.65;color:var(--trad-text);background:var(--trad-ljusbeige)}

/* Typografi */
h1{font-family:var(--font-rubrik);font-size:2.4rem;color:var(--trad-morkgron);margin-bottom:1rem;line-height:1.2}
h2{font-family:var(--font-rubrik);font-size:1.9rem;color:var(--trad-brun);margin:1.5rem 0 1rem;line-height:1.25}
h3{font-family:var(--font-accent);font-size:1.4rem;color:var(--trad-morkgron);margin:1.2rem 0 0.8rem}
h4{font-family:var(--font-accent);font-size:1.15rem;color:var(--trad-ljusbrun);margin:1rem 0 0.6rem}
p{margin-bottom:1rem}
a{color:var(--trad-cta);text-decoration:none;transition:color 0.3s}
a:hover{color:var(--trad-cta-hover);text-decoration:underline}

/* Header och navigation */
.trad-header{background:linear-gradient(135deg,var(--trad-morkgron) 0%,var(--trad-ljusgron) 100%);padding:0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.15)}
.trad-header-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0.8rem 1.5rem}
.trad-logo{display:flex;align-items:center;gap:0.8rem;color:var(--trad-vit);text-decoration:none}
.trad-logo:hover{color:var(--trad-beige);text-decoration:none}
.trad-logo-icon{width:48px;height:48px;background:var(--trad-beige);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.trad-logo-icon::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:8px;height:24px;background:var(--trad-brun);border-radius:2px 2px 0 0}
.trad-logo-icon::after{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:30px;height:22px;background:var(--trad-morkgron);border-radius:50% 50% 45% 45%;clip-path:ellipse(50% 50% at 50% 50%)}
.trad-logo-text{font-family:var(--font-rubrik);font-size:1.3rem;font-weight:700;letter-spacing:0.5px}
.trad-logo-sub{font-size:0.75rem;opacity:0.9;font-family:var(--font-accent)}

/* Desktop navigation */
.trad-nav{display:flex;gap:0.3rem}
.trad-nav a{color:var(--trad-vit);padding:0.6rem 1rem;border-radius:4px;font-family:var(--font-accent);font-size:0.95rem;transition:background 0.3s,transform 0.2s}
.trad-nav a:hover{background:rgba(255,255,255,0.15);text-decoration:none;transform:translateY(-1px)}
.trad-nav a.aktiv{background:rgba(255,255,255,0.2)}

/* Mobil meny */
.trad-mobil-toggle{display:none;background:none;border:none;color:var(--trad-vit);font-size:1.8rem;cursor:pointer;padding:0.5rem}
.trad-mobil-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--trad-morkgron);padding:1rem;flex-direction:column;gap:0.3rem}
.trad-mobil-nav a{color:var(--trad-vit);padding:0.8rem 1rem;border-radius:4px;font-family:var(--font-accent)}
.trad-mobil-nav a:hover{background:rgba(255,255,255,0.1);text-decoration:none}
.trad-mobil-nav.oppen{display:flex}

/* CTA knapp i header */
.trad-header-cta{background:var(--trad-cta);color:var(--trad-vit)!important;padding:0.7rem 1.3rem!important;border-radius:25px!important;font-weight:600;box-shadow:0 2px 8px rgba(74,144,164,0.4)}
.trad-header-cta:hover{background:var(--trad-cta-hover)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(74,144,164,0.5)}

/* Hero sektion */
.trad-hero{background:linear-gradient(rgba(45,74,62,0.85),rgba(45,74,62,0.9)),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="30" r="15" fill="%235a7c65" opacity="0.3"/><circle cx="70" cy="60" r="20" fill="%235a7c65" opacity="0.2"/><circle cx="40" cy="80" r="12" fill="%235a7c65" opacity="0.25"/></svg>');padding:3rem 1.5rem;color:var(--trad-vit);text-align:center}
.trad-hero h1{color:var(--trad-vit);font-size:2.6rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}
.trad-hero-sub{font-size:1.2rem;opacity:0.95;max-width:700px;margin:0 auto 1.5rem;font-family:var(--font-accent)}
.trad-hero-ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}

/* CTA knappar */
.trad-cta-btn{display:inline-block;background:var(--trad-cta);color:var(--trad-vit);padding:0.9rem 2rem;border-radius:30px;font-family:var(--font-accent);font-weight:600;font-size:1.05rem;transition:all 0.3s;border:none;cursor:pointer;text-decoration:none;box-shadow:0 3px 12px rgba(74,144,164,0.4)}
.trad-cta-btn:hover{background:var(--trad-cta-hover);transform:translateY(-2px);box-shadow:0 5px 20px rgba(74,144,164,0.5);color:var(--trad-vit);text-decoration:none}
.trad-cta-btn.sekundar{background:transparent;border:2px solid var(--trad-vit);box-shadow:none}
.trad-cta-btn.sekundar:hover{background:var(--trad-vit);color:var(--trad-morkgron)}

/* Innehållscontainer */
.trad-container{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem}
.trad-section{margin-bottom:3rem}

/* Inforutor */
.trad-inforuta{background:var(--trad-vit);border-radius:12px;padding:1.8rem;margin:1.5rem 0;box-shadow:0 3px 15px rgba(0,0,0,0.08);border-left:4px solid var(--trad-ljusgron)}
.trad-inforuta h3{margin-top:0}
.trad-inforuta.brun{border-left-color:var(--trad-brun)}
.trad-inforuta.cta{border-left-color:var(--trad-cta);background:linear-gradient(135deg,var(--trad-ljusbeige) 0%,var(--trad-vit) 100%)}

/* Rutnät för kort */
.trad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}
.trad-kort{background:var(--trad-vit);border-radius:12px;padding:1.5rem;box-shadow:0 3px 15px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s}
.trad-kort:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.12)}
.trad-kort h3{color:var(--trad-morkgron);margin-top:0}
.trad-kort h4{margin-top:0}

/* CSS-ikoner för rubriker */
.trad-ikon{width:60px;height:60px;margin-bottom:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem}
.trad-ikon.trad{background:linear-gradient(135deg,var(--trad-ljusgron),var(--trad-morkgron));color:var(--trad-vit)}
.trad-ikon.sax{background:linear-gradient(135deg,var(--trad-brun),var(--trad-ljusbrun));color:var(--trad-vit)}
.trad-ikon.check{background:linear-gradient(135deg,var(--trad-cta),var(--trad-cta-hover));color:var(--trad-vit)}
.trad-ikon.blad{background:linear-gradient(135deg,#7cb342,#558b2f);color:var(--trad-vit)}
.trad-ikon.kalender{background:linear-gradient(135deg,#ff8f00,#f57c00);color:var(--trad-vit)}
.trad-ikon.hus{background:linear-gradient(135deg,#5d4037,#3e2723);color:var(--trad-vit)}

/* Tabeller */
.trad-tabell{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--trad-vit);border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.06)}
.trad-tabell th{background:var(--trad-morkgron);color:var(--trad-vit);padding:1rem;text-align:left;font-family:var(--font-accent)}
.trad-tabell td{padding:0.9rem 1rem;border-bottom:1px solid var(--trad-beige)}
.trad-tabell tr:last-child td{border-bottom:none}
.trad-tabell tr:hover{background:var(--trad-ljusbeige)}

/* Responsiv tabell */
.trad-tabell-container{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Expanderbara sektioner (FAQ) */
.trad-faq{margin:2rem 0}
.trad-faq h2{margin-bottom:1rem}
.trad-faq-item{background:var(--trad-vit);border-radius:8px;margin-bottom:0.8rem;box-shadow:0 2px 8px rgba(0,0,0,0.05);overflow:hidden}
.trad-faq-fraga{width:100%;background:none;border:none;padding:1.2rem 1.5rem;text-align:left;font-family:var(--font-accent);font-size:1.05rem;color:var(--trad-morkgron);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background 0.3s}
.trad-faq-fraga:hover{background:var(--trad-ljusbeige)}
.trad-faq-fraga::after{content:'+';font-size:1.5rem;color:var(--trad-ljusgron);transition:transform 0.3s;flex-shrink:0;margin-left:1rem}
.trad-faq-item.oppen .trad-faq-fraga::after{transform:rotate(45deg)}
.trad-faq-svar{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s;padding:0 1.5rem}
.trad-faq-item.oppen .trad-faq-svar{max-height:500px;padding:0 1.5rem 1.5rem}

/* Citatruta */
.trad-citat{background:var(--trad-vit);border-left:4px solid var(--trad-ljusbrun);padding:1.5rem;margin:2rem 0;font-style:italic;font-size:1.1rem;border-radius:0 8px 8px 0;box-shadow:0 2px 10px rgba(0,0,0,0.06)}
.trad-citat-kalla{display:block;margin-top:0.8rem;font-style:normal;font-size:0.9rem;color:var(--trad-ljusbrun);font-family:var(--font-accent)}

/* Säsongsruta */
.trad-sasong{background:linear-gradient(135deg,var(--trad-morkgron),var(--trad-ljusgron));color:var(--trad-vit);padding:2rem;border-radius:12px;margin:2rem 0;position:relative;overflow:hidden}
.trad-sasong::before{content:'';position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:rgba(255,255,255,0.05);border-radius:50%}
.trad-sasong h3{color:var(--trad-vit);margin-top:0}

/* Tidsbaserat meddelande */
.trad-tid-msg{background:var(--trad-beige);padding:1rem 1.5rem;border-radius:8px;margin:1rem 0;font-family:var(--font-accent);border:1px solid rgba(107,68,35,0.2)}

/* Formulär */
.trad-form{background:var(--trad-vit);padding:2rem;border-radius:12px;box-shadow:0 5px 25px rgba(0,0,0,0.1)}
.trad-form-grupp{margin-bottom:1.2rem}
.trad-form-grupp label{display:block;margin-bottom:0.4rem;font-family:var(--font-accent);color:var(--trad-morkgron);font-weight:600}
.trad-form-grupp input,.trad-form-grupp textarea,.trad-form-grupp select{width:100%;padding:0.85rem 1rem;border:2px solid var(--trad-beige);border-radius:8px;font-family:var(--font-brodtext);font-size:1rem;transition:border-color 0.3s,box-shadow 0.3s}
.trad-form-grupp input:focus,.trad-form-grupp textarea:focus,.trad-form-grupp select:focus{outline:none;border-color:var(--trad-cta);box-shadow:0 0 0 3px rgba(74,144,164,0.15)}
.trad-form-grupp textarea{min-height:140px;resize:vertical}

/* Framgångsmeddelande */
.trad-framgang{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}
.trad-fel{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}

/* Service-lista ovanför footer */
.trad-tjanster-footer{background:var(--trad-beige);padding:2.5rem 1.5rem}
.trad-tjanster-footer-inner{max-width:1100px;margin:0 auto}
.trad-tjanster-footer h3{text-align:center;margin-bottom:1.5rem}
.trad-tjanster-lista{display:flex;flex-wrap:wrap;justify-content:center;gap:0.8rem}
.trad-tjanster-lista a{background:var(--trad-vit);padding:0.6rem 1.2rem;border-radius:20px;font-family:var(--font-accent);font-size:0.95rem;box-shadow:0 2px 6px rgba(0,0,0,0.06);transition:all 0.3s}
.trad-tjanster-lista a:hover{background:var(--trad-morkgron);color:var(--trad-vit);text-decoration:none;transform:translateY(-2px)}

/* Footer */
.trad-footer{background:var(--trad-morkgron);color:var(--trad-vit);padding:2.5rem 1.5rem 1.5rem}
.trad-footer-inner{max-width:1100px;margin:0 auto;text-align:center}
.trad-footer a{color:var(--trad-beige)}
.trad-footer a:hover{color:var(--trad-vit)}
.trad-footer-copy{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.15);font-size:0.9rem;opacity:0.8}

/* Faktaruta för nordiska länder */
.trad-faktaruta{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:1px solid #c8e6c9;border-radius:12px;padding:1.5rem;margin:2rem 0}
.trad-faktaruta h4{color:var(--trad-morkgron);margin-top:0;display:flex;align-items:center;gap:0.5rem}
.trad-faktaruta-flaggor{display:flex;gap:0.3rem;font-size:1.2rem}

/* Breadcrumb */
.trad-breadcrumb{padding:0.8rem 1.5rem;background:var(--trad-beige);font-size:0.9rem;font-family:var(--font-accent)}
.trad-breadcrumb-inner{max-width:1100px;margin:0 auto}
.trad-breadcrumb a{color:var(--trad-brun)}
.trad-breadcrumb span{color:var(--trad-text);opacity:0.7}

/* Intern länkning highlight */
.trad-intern-lank{background:linear-gradient(transparent 60%,rgba(90,124,101,0.2) 60%);transition:background 0.3s}
.trad-intern-lank:hover{background:linear-gradient(transparent 60%,rgba(90,124,101,0.35) 60%)}

/* Sitemap */
.trad-sitemap{column-count:2;column-gap:2rem}
.trad-sitemap-grupp{break-inside:avoid;margin-bottom:1.5rem}
.trad-sitemap-grupp h4{margin-bottom:0.5rem}
.trad-sitemap-grupp ul{list-style:none}
.trad-sitemap-grupp li{padding:0.3rem 0}

/* Textformatering */
.trad-fet{font-weight:700}
.trad-kursiv{font-style:italic}
.trad-understruken{text-decoration:underline;text-decoration-color:var(--trad-ljusgron);text-underline-offset:3px}

/* Listor i brödtext */
.trad-lista{margin:1rem 0 1.5rem 1.5rem}
.trad-lista li{margin-bottom:0.5rem;position:relative}
.trad-lista li::marker{color:var(--trad-ljusgron)}

/* Tips-ruta */
.trad-tips{background:#fff3e0;border-left:4px solid #ff9800;padding:1.2rem 1.5rem;margin:1.5rem 0;border-radius:0 8px 8px 0}
.trad-tips h4{color:#e65100;margin-top:0}

/* Obs-ruta */
.trad-obs{background:#e3f2fd;border-left:4px solid #2196f3;padding:1.2rem 1.5rem;margin:1.5rem 0;border-radius:0 8px 8px 0}

/* Responsivitet */
@media(max-width:900px){
.trad-nav{display:none}
.trad-mobil-toggle{display:block}
.trad-hero h1{font-size:2rem}
h1{font-size:2rem}
h2{font-size:1.6rem}
.trad-sitemap{column-count:1}
}
@media(max-width:600px){
.trad-header-inner{padding:0.6rem 1rem}
.trad-logo-text{font-size:1.1rem}
.trad-logo-sub{display:none}
.trad-hero{padding:2rem 1rem}
.trad-hero h1{font-size:1.7rem}
.trad-hero-sub{font-size:1rem}
.trad-container{padding:1.5rem 1rem}
.trad-grid{grid-template-columns:1fr}
.trad-hero-ctas{flex-direction:column;align-items:center}
.trad-cta-btn{width:100%;text-align:center}
.trad-form{padding:1.2rem}
.trad-tabell th,.trad-tabell td{padding:0.7rem}
.trad-tabell{font-size:0.9rem}
}

/* Utskrift */
@media print{
.trad-header,.trad-footer,.trad-tjanster-footer,.trad-cta-btn,.trad-mobil-toggle{display:none}
body{background:#fff}
.trad-container{max-width:100%;padding:0}
}