/*
Theme Name: EZ Home & Garden (Bewerkbaar)
Theme URI: https://ezhomeandgarden.com/
Author: EZ Home & Garden
Description: Een eenvoudige, bewerkbare WordPress-website voor tuinaanleg, tuinonderhoud en kleine kluswerken.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: ez-home-garden-editable
*/

/* De vormgeving staat in theme.json en hieronder. De inhoud van de startpagina
   bestaat uit gewone WordPress-blokken die je in de editor kunt aanpassen. */
:root { --ez-dark:#404b4e; --ez-green:#618b46; --ez-pale:#e7f0da; --ez-orange:#e69a39; --ez-paper:#fbfaf7; --ez-ink:#333d40; }
html { scroll-behavior:smooth; }
body { background:var(--ez-paper); color:var(--ez-ink); }
a { text-underline-offset:3px; }
.wp-site-blocks { overflow:hidden; }
.wp-site-blocks > * { margin-block-start:0; }
.ez-main { width:100%; max-width:none; margin:0; padding:0; }
.ez-main > .alignfull { width:100%; max-width:none; margin-left:0; margin-right:0; }
.wp-block-group.alignfull { padding-left:clamp(18px,4vw,48px); padding-right:clamp(18px,4vw,48px); }
.ez-topbar { background:var(--ez-dark); color:#e7f0da; font-size:14px; }
.ez-topbar > .wp-block-columns { display:flex!important; align-items:center; justify-content:space-between; gap:18px; max-width:1240px; margin:0 auto!important; }
.ez-topbar > .wp-block-columns > .wp-block-column { margin:0!important; }
.ez-topbar p { margin:0; }
.ez-topbar a { color:#e7f0da; font-weight:700; text-decoration:none; }
.ez-header { background:var(--ez-paper); border-bottom:1px solid #dfe2d8; position:relative; z-index:3; }
.ez-header-inner { display:grid!important; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; gap:24px; max-width:1320px; margin:0 auto!important; }
.ez-header-inner > .wp-block-column { width:auto!important; flex-basis:auto!important; margin:0!important; }
.ez-brand { gap:12px; font-size:18px; font-weight:800; letter-spacing:-.04em; text-decoration:none; }
.ez-brand img { width:58px; height:58px; object-fit:contain; }
.ez-brand em { color:var(--ez-green); font-style:normal; }
.ez-nav { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:10px clamp(10px,1.4vw,22px); max-width:none; margin:0; }
.ez-nav a { font-size:14px; font-weight:700; text-decoration:none; white-space:nowrap; }
.ez-nav .ez-nav-cta { background:var(--ez-orange); border-radius:5px 18px 5px 18px; color:var(--ez-dark); padding:10px 15px; }
.ez-hero { background:var(--ez-dark); color:white; padding-top:72px!important; padding-bottom:80px!important; }
.ez-hero-grid { display:grid!important; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); align-items:center; gap:clamp(30px,6vw,75px); max-width:1320px; margin:0 auto!important; }
.ez-hero-grid > .wp-block-column { width:auto!important; flex-basis:auto!important; margin:0!important; }
.ez-eyebrow { color:var(--ez-green); font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.ez-hero .ez-eyebrow { color:var(--ez-pale); }
.ez-hero h1 { color:white; font-size:clamp(48px,7vw,88px); line-height:.99; letter-spacing:-.07em; margin-top:18px; margin-bottom:22px; }
.ez-hero h1 em { color:var(--ez-pale); font-style:normal; }
.ez-hero p { color:#dce5df; }
.ez-hero .wp-block-image img { width:100%; height:470px; object-fit:cover; border-radius:150px 12px 12px 12px; }
.wp-block-button__link { background:var(--ez-orange); border-radius:5px 20px 5px 20px; color:#1d2a25; font-weight:800; padding:13px 20px; text-decoration:none; }
.ez-hero .is-style-outline .wp-block-button__link { background:transparent; border:1px solid rgba(255,255,255,.5); color:white; }
.ez-trust { background:var(--ez-pale); color:var(--ez-dark); padding-top:22px!important; padding-bottom:22px!important; }
.ez-trust-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:center; gap:18px; max-width:1240px; margin:0 auto!important; }
.ez-trust-grid > .wp-block-column { margin:0!important; }
.ez-trust p { font-size:14px; font-weight:700; margin:0; }
.ez-section { padding-top:82px!important; padding-bottom:82px!important; }
.ez-section > * { max-width:1240px; margin-left:auto!important; margin-right:auto!important; }
.ez-section h2 { color:var(--ez-dark); font-size:clamp(34px,5vw,60px); line-height:1.02; letter-spacing:-.06em; }
.ez-section-heading { display:grid!important; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); align-items:end; gap:32px; margin:24px auto 34px!important; }
.ez-section-heading > .wp-block-column { margin:0!important; width:auto!important; flex-basis:auto!important; }
.ez-section .ez-eyebrow { color:var(--ez-green); }
.ez-intro { color:#66706a; max-width:680px; }
.ez-service-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin-top:15px!important; }
.ez-service-grid > .wp-block-column { margin:0!important; width:auto!important; flex-basis:auto!important; }
.ez-service { background:white; border:1px solid #e8e7df; border-radius:4px 26px 4px 26px; padding:23px; height:100%; }
.ez-service h3 { color:var(--ez-dark); font-size:20px; margin-top:0; }
.ez-service p { color:#66706a; font-size:15px; }
.ez-feature { background:#eef2e9; padding-top:76px!important; padding-bottom:76px!important; }
.ez-feature-grid { display:grid!important; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:clamp(34px,6vw,78px); max-width:1240px; margin:0 auto!important; }
.ez-feature-grid > .wp-block-column { margin:0!important; width:auto!important; flex-basis:auto!important; }
.ez-feature img { width:100%; height:430px; object-fit:cover; border-radius:8px 130px 8px 8px; }
.ez-feature ul { padding-left:20px; }
.ez-feature li { padding:4px 0; }
.ez-gallery { background:white; }
.ez-gallery-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:20px auto 0!important; }
.ez-gallery-grid > .wp-block-column { margin:0!important; width:auto!important; flex-basis:auto!important; }
.ez-gallery figure { margin:0; }
.ez-gallery img { width:100%; height:240px; object-fit:cover; }
.ez-gallery figcaption { background:var(--ez-dark); color:white; font-size:14px; font-weight:700; padding:12px 14px; }
.ez-gallery .wp-block-gallery { gap:14px; }
.ez-region { background:var(--ez-dark); color:white; padding-top:76px!important; padding-bottom:76px!important; }
.ez-region-grid { display:grid!important; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; gap:clamp(32px,6vw,76px); max-width:1240px; margin:0 auto!important; }
.ez-region-grid > .wp-block-column { margin:0!important; }
.ez-region-card,.ez-contact-card { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.24); border-radius:6px 28px 6px 28px; padding:28px; }
.ez-region h2 { color:white; }
.ez-region .ez-eyebrow { color:var(--ez-pale); }
.ez-region p { color:#dce5df; }
.ez-faq-item { border-top:1px solid #cbd2c6; padding:16px 2px; }
.ez-faq-item:last-child { border-bottom:1px solid #cbd2c6; }
.ez-faq-item h3 { font-size:18px; margin:0 0 8px; }
.ez-faq-grid { display:grid!important; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:clamp(32px,6vw,80px); max-width:1240px; margin:0 auto!important; }
.ez-faq-grid > .wp-block-column { margin:0!important; width:auto!important; flex-basis:auto!important; }
.ez-contact { background:var(--ez-orange); padding-top:70px!important; padding-bottom:70px!important; }
.ez-contact-grid { display:grid!important; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:center; gap:clamp(32px,6vw,80px); max-width:1240px; margin:0 auto!important; }
.ez-contact-grid > .wp-block-column { margin:0!important; }
.ez-contact-card { background:rgba(255,255,255,.28); border-color:rgba(64,75,78,.18); }
.ez-contact h2 { color:var(--ez-dark); }
.ez-contact p { color:#4f453b; }
.ez-contact .wp-block-button__link { background:var(--ez-dark); color:white; }
.ez-footer { background:var(--ez-dark); color:white; padding-top:38px!important; padding-bottom:24px!important; }
.ez-footer > .wp-block-columns { display:grid!important; grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr); gap:42px; max-width:1240px; margin:0 auto!important; }
.ez-footer > .wp-block-columns > .wp-block-column { margin:0!important; width:auto!important; flex-basis:auto!important; }
.ez-footer > .wp-block-separator,.ez-footer > p { max-width:1240px; margin-left:auto!important; margin-right:auto!important; }
.ez-footer a { color:#e7f0da; }
.ez-footer .ez-brand { color:white; }
.ez-footer p { color:#dce5df; }
@media(max-width:781px) {
  .ez-nav { flex-wrap:wrap; justify-content:center; gap:10px 18px; }
  .ez-header-inner { display:block!important; text-align:center; }
  .ez-brand { justify-content:center; }
  .ez-nav { margin-top:14px!important; }
  .ez-hero-grid,.ez-feature-grid,.ez-region-grid,.ez-faq-grid,.ez-contact-grid { grid-template-columns:1fr; }
  .ez-trust-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ez-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ez-section-heading { grid-template-columns:1fr; gap:8px; }
  .ez-footer > .wp-block-columns { grid-template-columns:1fr; gap:24px; }
  .ez-hero { padding-top:48px!important; padding-bottom:55px!important; }
  .ez-hero .wp-block-image img { height:330px; border-radius:100px 10px 10px 10px; }
  .ez-section,.ez-feature,.ez-region,.ez-contact { padding-top:58px!important; padding-bottom:58px!important; }
  .ez-feature img { height:320px; }
  .ez-gallery img { height:190px; }
}

@media(max-width:480px) {
  .ez-gallery-grid { grid-template-columns:1fr; }
  .ez-hero h1 { font-size:clamp(42px,13vw,62px); }
  .ez-trust-grid { gap:12px; }
  .ez-region-card,.ez-contact-card { padding:20px; }
}