/*
Theme Name: Energipartner Danmark
Theme URI: https://epdk.eu/
Author: OpenAI
Description: Letvægts WordPress-tema til Energipartner Danmark med forside, varmepumpeside og tilbudsformular.
Version: 1.0
Text Domain: energipartner-danmark
*/

:root {
  --epdk-green: #2f6f3e;
  --epdk-dark: #16311c;
  --epdk-light: #f5f7f4;
  --epdk-text: #222;
  --epdk-muted: #667085;
  --epdk-accent: #dfeee2;
  --epdk-white: #ffffff;
  --epdk-shadow: 0 10px 30px rgba(0,0,0,.08);
  --epdk-radius: 18px;
  --epdk-max: 1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--epdk-text);background:#fff;line-height:1.6}
a{color:var(--epdk-green);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.site-header{background:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:99}
.epdk-wrap{max-width:var(--epdk-max);margin:0 auto;padding:0 20px}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:20px}
.branding a{font-size:30px;font-weight:700;color:var(--epdk-dark);text-decoration:none}
.branding small{display:block;color:var(--epdk-muted);margin-top:3px}
.nav-links{display:flex;gap:18px;flex-wrap:wrap}
.nav-links a{font-weight:600;color:var(--epdk-dark)}
.hero{padding:72px 0;background:linear-gradient(180deg,#f7fbf7, #ffffff)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{font-size:48px;line-height:1.08;margin:0 0 18px;color:var(--epdk-dark)}
.hero p{font-size:20px;color:#334155;margin:0 0 26px;max-width:650px}
.button-row{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 22px;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid var(--epdk-green);transition:.2s ease}
.btn-primary{background:var(--epdk-green);color:#fff}
.btn-primary:hover{background:#275c33;text-decoration:none}
.btn-secondary{background:#fff;color:var(--epdk-green)}
.btn-secondary:hover{background:#f4faf5;text-decoration:none}
.hero-card,.card{background:#fff;border-radius:var(--epdk-radius);box-shadow:var(--epdk-shadow);overflow:hidden}
.hero-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.section{padding:64px 0}
.section.alt{background:var(--epdk-light)}
.section h2{font-size:34px;line-height:1.15;margin:0 0 14px;color:var(--epdk-dark)}
.section-intro{font-size:19px;color:#475467;max-width:800px;margin:0 0 30px}
.features,.gallery-grid,.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feature,.option{background:#fff;padding:28px;border-radius:var(--epdk-radius);box-shadow:var(--epdk-shadow)}
.feature h3,.option h3{margin:0 0 10px;font-size:22px;color:var(--epdk-dark)}
.feature p,.option p{margin:0;color:#475467}
.gallery-card{background:#fff;border-radius:var(--epdk-radius);box-shadow:var(--epdk-shadow);overflow:hidden}
.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gallery-card .caption{padding:18px}
.gallery-card h3{margin:0 0 6px;font-size:24px;color:var(--epdk-dark)}
.gallery-card p{margin:0;color:#475467}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{padding:28px;background:#fff;border-radius:var(--epdk-radius);box-shadow:var(--epdk-shadow)}
.step-number{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--epdk-accent);font-weight:700;color:var(--epdk-dark);margin-bottom:14px}
.form-shell{max-width:900px;margin:0 auto;background:#fff;padding:32px;border-radius:24px;box-shadow:var(--epdk-shadow)}
.epdk-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 20px}
.epdk-field{display:flex;flex-direction:column;gap:8px}
.epdk-field.full{grid-column:1/-1}
.epdk-field label{font-weight:700;color:var(--epdk-dark)}
.epdk-field input,.epdk-field select,.epdk-field textarea{width:100%;padding:14px 16px;border:1px solid #d0d5dd;border-radius:14px;font-size:16px;background:#fff}
.epdk-field textarea{min-height:140px;resize:vertical}
.notice-success,.notice-error{padding:14px 16px;border-radius:14px;margin-bottom:20px}
.notice-success{background:#ecfdf3;color:#067647;border:1px solid #abefc6}
.notice-error{background:#fef3f2;color:#b42318;border:1px solid #fecdca}
.site-footer{padding:32px 0;background:var(--epdk-dark);color:#fff;margin-top:40px}
.site-footer a{color:#fff;text-decoration:underline}
.page-header{padding:46px 0 22px;background:var(--epdk-light)}
.page-header h1{margin:0;font-size:40px;color:var(--epdk-dark)}
.page-header p{margin:10px 0 0;color:#475467;font-size:18px;max-width:760px}
.content-default{padding:50px 0}
@media (max-width: 950px){
  .hero-grid,.features,.gallery-grid,.steps,.options-grid,.epdk-form-grid{grid-template-columns:1fr}
  .hero h1{font-size:38px}
  .section h2{font-size:30px}
  .page-header h1{font-size:34px}
}
