:root{
    --bg:#ffffff;
    --text:#111111;
    --muted:#3f3f3f;
    --line:#dedede;

    /* electrician / safety accent */
    --accent:#f7c600;   /* werf-geel */
    --accentDark:#111111;

    --container: 1040px;
    --shadow: 0 6px 14px rgba(0,0,0,.06);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    color: var(--text);
    background: var(--bg);
    line-height: 1.55;
}

html, body {
    overflow-x: hidden;
}

.edm-main {
    overflow-x: hidden;
}

/* prevents long words/strings from causing overflow */
.edm-hero-title,
.edm-hero-subtitle,
.edm-hero-kicker {
    overflow-wrap: anywhere;
}


a{color:inherit}
img{max-width:100%;height:auto;display:block}

/* Layout */
.edm-container{
    width: min(var(--container), calc(100% - 32px));
    margin: 0 auto;
}

/* Typography */
.edm-h2{
    margin: 0 0 16px;
    font-size: 1.6rem;
    font-weight: 800;      /* was 900 */
    letter-spacing: 0;     /* was .01em */
}



.edm-h2--small{
    margin: 0 0 6px;
    font-size: 1.25rem;
}
.edm-h3{
    margin: 0 0 8px;
    font-size: 1.2rem;
    font-weight: 800;      /* was 900 */
}
.edm-muted{color:var(--muted);margin:0}

/* Buttons */
.edm-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content:center;
}
.edm-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding: 12px 16px;
    border: 2px solid var(--accentDark);
    text-decoration:none;
    font-weight: 700;     /* was 900 */
    font-size: 1rem;
    text-transform: none; /* was uppercase */
    letter-spacing: 0;    /* was .02em */
    border-radius: 0;
}

.edm-btn--primary{
    background: var(--accent);
    color: var(--accentDark);
}
.edm-btn--outline{
    background: #fff;
    color: var(--accentDark);
}
.edm-btn:hover{filter:brightness(1.03)}

/* Header (simple + sturdy) */
.edm-header{
    position: sticky;
    top: 0;
    z-index: 50;
    background:#fff;
    border-bottom: 3px solid var(--accent);
}
.edm-header__inner{
    display:grid;
    grid-template-columns: 1fr auto 44px;
    align-items:center;
    gap:12px;
    padding: 10px 0;
}
.edm-brand{
    font-weight: 950;
    text-decoration:none;
    color: var(--text);
    letter-spacing: .01em;
}
.edm-nav{
    display:flex;
    justify-content:center;
    gap:18px;
}
.edm-nav__link{
    text-decoration:none;
    color: var(--text);
    font-weight: 900;
    padding: 6px 10px;
    border-radius: 0;
}
.edm-nav__link:hover{
    background: var(--accent);
}

.edm-whatsapp{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;height:38px;
    border:1px solid var(--line);
    text-decoration:none;
    border-radius: 0;
}

/* Burger */
.edm-burger{
    display:none;
    width:44px;height:38px;
    border:1px solid var(--line);
    background:#fff;
    padding:8px 10px;
    border-radius:0;
}
.edm-burger span{
    display:block;
    height:2px;
    background:#111;
    margin:5px 0;
}

/* Mobile drawer */
.edm-mobile{
    border-top:1px solid var(--line);
    background:#fff;
}
.edm-mobile__inner{
    padding: 10px 0 14px;
    display:grid;
    gap:8px;
}
.edm-mobile__link{
    text-decoration:none;
    font-weight: 900;
    padding:10px 12px;
    background: #fff;
    border:2px solid var(--accentDark);
    border-radius:0;
}

/* Footer */
.edm-footer{
    border-top:4px solid var(--accent);
    background:#fff;
    padding:18px 0;
}
.edm-footer__inner{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.edm-footer__small{
    color: var(--muted);
    font-size:.95rem;
}
.edm-footer__right a{
    font-weight: 900;
    text-decoration:none;
}
.edm-footer__right a:hover{ text-decoration:underline; }
.edm-footer__sep{ color:var(--muted); margin:0 8px; }

/* Mobile rules */
@media (max-width: 820px){
    .edm-brand{ display:none; }
    .edm-nav{ display:none; }
    .edm-burger{ display:inline-block; }
    .edm-header__inner{
        grid-template-columns: 44px 1fr 44px;
    }
}

/* Desktop footer */
@media (min-width: 900px){
    .edm-footer__inner{
        flex-direction:row;
        justify-content:space-between;
        align-items:center;
    }
}