/* Grundlaggande stilar for Snickare Falsterbo */
:root{--falsterbo-vit:#fff;--falsterbo-ljusgron:#9FD5C1;--falsterbo-turkos:#5BBAA9;--falsterbo-beige:#F7F3E9;--falsterbo-text:#333;--falsterbo-rubrik:#1A4D3E;--falsterbo-cta-start:#E8788A;--falsterbo-cta-slut:#D4526E;--falsterbo-skugga:rgba(0,0,0,0.1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.7;color:var(--falsterbo-text);background:var(--falsterbo-beige)}
/* Typografi */
h1,h2,h3,h4,h5,h6{font-family:Georgia,'Times New Roman',serif;color:var(--falsterbo-rubrik);margin-bottom:1rem;line-height:1.3}
h1{font-size:2.2rem}
h2{font-size:1.8rem}
h3{font-size:1.4rem}
h4{font-size:1.2rem}
p{margin-bottom:1rem}
a{color:var(--falsterbo-turkos);text-decoration:none;transition:color 0.3s}
a:hover{color:var(--falsterbo-rubrik);text-decoration:underline}
.angelholm-extern-lank{text-decoration:underline;text-decoration-style:dotted}
.angelholm-extern-lank::after{content:" ↗";font-size:0.8em}
/* Huvudnavigering */
.skanor-header{background:var(--falsterbo-vit);box-shadow:0 2px 10px var(--falsterbo-skugga);position:fixed;width:100%;top:0;z-index:1000}
.falsterbo-nav{max-width:1200px;margin:0 auto;padding:0.8rem 1rem;display:flex;justify-content:space-between;align-items:center}
.vellinge-logo{display:flex;align-items:center;gap:0.6rem;font-size:1.4rem;font-weight:700;color:var(--falsterbo-rubrik)}
.logo-ikon{width:45px;height:45px;background:linear-gradient(135deg,var(--falsterbo-turkos),var(--falsterbo-ljusgron));border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}
.logo-ikon::before{content:"";position:absolute;width:20px;height:25px;border:3px solid var(--falsterbo-vit);border-radius:2px;transform:rotate(-10deg)}
.logo-ikon::after{content:"";position:absolute;width:8px;height:8px;background:var(--falsterbo-vit);border-radius:50%;top:8px;left:12px}
.hollviken-menu{display:none;flex-direction:column;gap:0.8rem;position:absolute;top:100%;left:0;right:0;background:var(--falsterbo-vit);padding:1rem;box-shadow:0 4px 10px var(--falsterbo-skugga)}
.hollviken-menu.aktiv{display:flex}
.hollviken-menu a{padding:0.5rem 0;border-bottom:1px solid var(--falsterbo-beige)}
.ljunghusen-desktop{display:none}
.meny-toggle{background:none;border:none;cursor:pointer;padding:0.5rem}
.meny-toggle span{display:block;width:25px;height:3px;background:var(--falsterbo-rubrik);margin:5px 0;transition:0.3s}
/* CTA-knappar */
.skanor-cta{background:linear-gradient(135deg,var(--falsterbo-cta-start),var(--falsterbo-cta-slut));color:var(--falsterbo-vit);padding:0.8rem 1.5rem;border-radius:25px;font-weight:600;display:inline-block;text-align:center;border:none;cursor:pointer;transition:transform 0.3s,box-shadow 0.3s;text-decoration:none}
.skanor-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,82,110,0.4);color:var(--falsterbo-vit);text-decoration:none}
.skanor-cta-liten{padding:0.6rem 1.2rem;font-size:0.9rem}
.skanor-cta-fast{position:fixed;bottom:1rem;right:1rem;z-index:999;box-shadow:0 4px 15px rgba(0,0,0,0.2)}
/* Hero-sektion */
.trelleborg-hero{background:linear-gradient(135deg,var(--falsterbo-turkos) 0%,var(--falsterbo-ljusgron) 100%);color:var(--falsterbo-vit);padding:8rem 1rem 4rem;text-align:center;margin-top:70px}
.trelleborg-hero h1{color:var(--falsterbo-vit);font-size:2.4rem;margin-bottom:1rem}
.trelleborg-hero p{font-size:1.1rem;max-width:700px;margin:0 auto 2rem;opacity:0.95}
/* Innehallsomraden */
.ystad-innehall{max-width:1200px;margin:0 auto;padding:2rem 1rem}
.malmo-sektion{background:var(--falsterbo-vit);padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 15px var(--falsterbo-skugga)}
.malmo-sektion-turkos{background:linear-gradient(135deg,rgba(91,186,169,0.1),rgba(159,213,193,0.1));border-left:4px solid var(--falsterbo-turkos)}
.malmo-sektion-beige{background:var(--falsterbo-beige);border:1px solid rgba(91,186,169,0.2)}
/* Inforutor */
.klagshamn-info{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}
.klagshamn-info-ruta{background:var(--falsterbo-vit);padding:1.5rem;border-radius:10px;box-shadow:0 2px 10px var(--falsterbo-skugga);border-top:4px solid var(--falsterbo-turkos)}
.klagshamn-info-ruta h3{color:var(--falsterbo-rubrik);margin-bottom:1rem}
/* Tabeller */
.bunkeflostrand-tabell{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--falsterbo-vit);border-radius:8px;overflow:hidden;box-shadow:0 2px 10px var(--falsterbo-skugga)}
.bunkeflostrand-tabell th{background:var(--falsterbo-turkos);color:var(--falsterbo-vit);padding:1rem;text-align:left}
.bunkeflostrand-tabell td{padding:0.8rem 1rem;border-bottom:1px solid var(--falsterbo-beige)}
.bunkeflostrand-tabell tr:hover{background:rgba(159,213,193,0.1)}
/* Citat */
.limhamn-citat{background:linear-gradient(135deg,var(--falsterbo-ljusgron),var(--falsterbo-turkos));color:var(--falsterbo-vit);padding:2rem;border-radius:12px;margin:2rem 0;position:relative}
.limhamn-citat::before{content:'"';font-size:4rem;position:absolute;top:-10px;left:20px;opacity:0.3;font-family:Georgia,serif}
.limhamn-citat p{font-style:italic;font-size:1.1rem}
/* Utfallbara fragor */
.arlod-faq{margin:2rem 0}
.arlod-fraga{background:var(--falsterbo-vit);margin-bottom:1rem;border-radius:8px;box-shadow:0 2px 8px var(--falsterbo-skugga);overflow:hidden}
.arlod-fraga-rubrik{width:100%;padding:1rem 1.5rem;background:none;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:var(--falsterbo-rubrik)}
.arlod-fraga-rubrik::after{content:"+";font-size:1.5rem;transition:transform 0.3s}
.arlod-fraga.aktiv .arlod-fraga-rubrik::after{transform:rotate(45deg)}
.arlod-svar{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;padding:0 1.5rem}
.arlod-fraga.aktiv .arlod-svar{max-height:500px;padding:0 1.5rem 1.5rem}
/* Formulär */
.oxie-formular{background:var(--falsterbo-vit);padding:2rem;border-radius:12px;box-shadow:0 4px 20px var(--falsterbo-skugga)}
.oxie-formular label{display:block;margin-bottom:0.5rem;font-weight:600;color:var(--falsterbo-rubrik)}
.oxie-formular input,.oxie-formular textarea,.oxie-formular select{width:100%;padding:0.8rem;margin-bottom:1rem;border:2px solid var(--falsterbo-beige);border-radius:8px;font-size:1rem;transition:border-color 0.3s}
.oxie-formular input:focus,.oxie-formular textarea:focus{border-color:var(--falsterbo-turkos);outline:none}
.oxie-formular textarea{min-height:120px;resize:vertical}
/* Spam-skydd */
.staffanstorp-spam{background:var(--falsterbo-beige);padding:1rem;border-radius:8px;margin-bottom:1rem}
.staffanstorp-spam label{margin-bottom:0.3rem}
/* Sasongssektioner */
.kavlinge-sasong{background:linear-gradient(135deg,rgba(159,213,193,0.2),rgba(91,186,169,0.2));padding:2rem;border-radius:12px;margin:2rem 0;border:2px dashed var(--falsterbo-turkos)}
.kavlinge-sasong h3{color:var(--falsterbo-rubrik)}
/* Tidsmeddelande */
.bara-tid{background:var(--falsterbo-turkos);color:var(--falsterbo-vit);padding:1.5rem;border-radius:10px;text-align:center;margin:2rem 0}
/* Footer-tjanster */
.lund-tjanster{background:var(--falsterbo-turkos);padding:3rem 1rem}
.lund-tjanster-inner{max-width:1200px;margin:0 auto}
.lund-tjanster h3{color:var(--falsterbo-vit);margin-bottom:1.5rem;text-align:center}
.lund-tjanster-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.lund-tjanster-lista a{background:rgba(255,255,255,0.1);color:var(--falsterbo-vit);padding:1rem;border-radius:8px;text-align:center;transition:background 0.3s}
.lund-tjanster-lista a:hover{background:rgba(255,255,255,0.2);text-decoration:none}
/* Sidfot */
.helsingborg-footer{background:var(--falsterbo-rubrik);color:var(--falsterbo-vit);padding:2rem 1rem;text-align:center}
.helsingborg-footer a{color:var(--falsterbo-ljusgron)}
.helsingborg-footer p{margin-bottom:0.5rem}
/* Bilder med CSS */
.landskrona-bild{width:100%;height:200px;background:linear-gradient(135deg,var(--falsterbo-turkos),var(--falsterbo-ljusgron));border-radius:10px;display:flex;align-items:center;justify-content:center;margin:1.5rem 0;position:relative;overflow:hidden}
.landskrona-bild::before{content:"";position:absolute;width:60%;height:60%;border:4px solid rgba(255,255,255,0.3);border-radius:10px}
.landskrona-bild-tra::after{content:"";position:absolute;width:40px;height:80px;background:linear-gradient(90deg,#8B4513,#A0522D,#8B4513);border-radius:3px}
.landskrona-bild-verktyg::after{content:"";position:absolute;width:60px;height:15px;background:#666;border-radius:2px;box-shadow:0 20px 0 #666,0 40px 0 #666}
.landskrona-bild-hus::after{content:"";position:absolute;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:40px solid rgba(255,255,255,0.5);top:40px}
.landskrona-bild-kok::after{content:"";position:absolute;width:80px;height:60px;border:4px solid rgba(255,255,255,0.5);border-radius:5px;background:linear-gradient(180deg,transparent 50%,rgba(255,255,255,0.2) 50%)}
.landskrona-bild-badrum::after{content:"";position:absolute;width:50px;height:50px;border-radius:50%;border:4px solid rgba(255,255,255,0.5)}
.landskrona-bild-altan::after{content:"";position:absolute;width:100px;height:8px;background:rgba(139,69,19,0.6);box-shadow:0 15px 0 rgba(139,69,19,0.6),0 30px 0 rgba(139,69,19,0.6)}
.landskrona-bild-renovering::after{content:"";position:absolute;width:60px;height:60px;border:4px solid rgba(255,255,255,0.5);transform:rotate(45deg)}
.landskrona-bild-tillbyggnad::after{content:"";position:absolute;width:50px;height:70px;border:4px solid rgba(255,255,255,0.5);border-top:none}
/* Framhavning */
.angelholm-understrykning{border-bottom:3px solid var(--falsterbo-turkos);padding-bottom:2px}
.angelholm-fet{font-weight:700;color:var(--falsterbo-rubrik)}
.angelholm-kursiv{font-style:italic;color:var(--falsterbo-turkos)}
/* Specialboxar */
.kristianstad-missa-inte{background:linear-gradient(135deg,#FFF3CD,#FFE69C);padding:1.5rem;border-radius:10px;border-left:4px solid #FFB800;margin:1.5rem 0}
.kristianstad-missa-inte h4{color:#856404;margin-bottom:0.5rem}
.hoor-tank-pa{background:linear-gradient(135deg,#D1E7DD,#A3CFBB);padding:1.5rem;border-radius:10px;border-left:4px solid var(--falsterbo-turkos);margin:1.5rem 0}
.hoor-tank-pa h4{color:var(--falsterbo-rubrik);margin-bottom:0.5rem}
.sjobo-kunder{background:linear-gradient(135deg,#E2E3E5,#CFD0D1);padding:1.5rem;border-radius:10px;border-left:4px solid #6C757D;margin:1.5rem 0}
.sjobo-kunder h4{color:#495057;margin-bottom:0.5rem}
/* Success/Error meddelanden */
.tomelilla-success{background:#D4EDDA;color:#155724;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #C3E6CB}
.tomelilla-error{background:#F8D7DA;color:#721C24;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #F5C6CB}
/* Breadcrumbs */
.simrishamn-bradsmulor{padding:1rem;background:var(--falsterbo-vit);border-bottom:1px solid var(--falsterbo-beige)}
.simrishamn-bradsmulor a{color:var(--falsterbo-turkos);font-size:0.9rem}
.simrishamn-bradsmulor span{color:#999;font-size:0.9rem}
/* Responsiv design */
@media(min-width:768px){
h1{font-size:2.8rem}
h2{font-size:2.2rem}
.ljunghusen-desktop{display:flex;gap:1.5rem;align-items:center}
.ljunghusen-desktop a{color:var(--falsterbo-rubrik);font-weight:500}
.meny-toggle{display:none}
.hollviken-menu{display:none!important}
.trelleborg-hero{padding:10rem 2rem 5rem}
.trelleborg-hero h1{font-size:3.2rem}
.ystad-innehall{padding:3rem 2rem}
.klagshamn-info{grid-template-columns:repeat(2,1fr)}
.malmo-sektion{padding:3rem}
}
@media(min-width:1024px){
.klagshamn-info{grid-template-columns:repeat(4,1fr)}
.trelleborg-hero h1{font-size:3.5rem}
}
/* Tillganglighet */
@media(prefers-reduced-motion:reduce){
*{transition:none!important;animation:none!important}
}
/* Utskrift */
@media print{
.skanor-header,.skanor-cta-fast,.lund-tjanster{display:none}
body{background:#fff}
.malmo-sektion{box-shadow:none;border:1px solid #ccc}
}