/*
Theme Name: stoomteam.nl-v3
Theme URI: http://stoomteam.nl
Author: Generated by ChatGPT
Description: Header zonder menu, groter logo tot 1024px via Customizer, kleuren volledig aanpasbaar.
Version: 3.0
Text Domain: stoomteam-nl
*/

:root {
    --bg: #eef6ff;
    --surface: #ffffff;
    --header-bg: #2f7be4;
    --footer-bg: #9b7bd6;
    --accent-blue: #6fa8ff;
    --accent-purple: #cdb4ff;
    --accent-blue-2: #2f7be4;
    --accent-purple-2: #8f6ad1;
    --text: #19202a;
    --link: #2f7be4;
}

html,body {margin:0;padding:0;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;background:var(--bg);color:var(--text);}
a {color:var(--link); text-decoration:none;}
a:hover {opacity:0.9;}
.st-container {max-width:1200px;margin:0 auto;padding:24px;display:flex;gap:24px;}
header.site-header {background:var(--header-bg); color:#fff; border-radius:12px;padding:18px;margin-bottom:18px;display:flex;flex-direction:column;gap:12px;}
.st-topbar {display:flex;align-items:center;gap:12px;}
.site-branding {display:flex;align-items:center;gap:12px;}
.site-branding img {height:56px;width:auto;border-radius:8px;border:2px solid rgba(255,255,255,0.08);}
.site-title {font-size:22px;margin:0;color:#fff;}
.site-description {font-size:13px;color:rgba(255,255,255,0.9);}
.layout {display:flex;gap:18px;}
.sidebar {width:260px;background:var(--surface);padding:16px;border-radius:12px;box-shadow:0 2px 6px rgba(16,24,40,0.04);}
.content {flex:1;background:var(--surface);padding:20px;border-radius:12px;box-shadow:0 2px 6px rgba(16,24,40,0.04);}
footer.site-footer {margin-top:20px;background:var(--footer-bg);color:#fff;padding:18px;border-radius:12px;}
@media (max-width:900px){.st-container{padding:16px;}.sidebar{display:none;}header.site-header{padding:14px;}.site-branding img{height:48px;}}
@media (max-width:1024px){.site-title{font-size:18px;}}