/* OfficeRnD Growth Hub in Element Offices-stijl.
   Haken: alleen Mui*- en rnd-*-klassen en onze data-eo-attributen (gezet door growth-hub.js).
   Nooit de gehashte rnd-ltr-…/css-…-klassen gebruiken: die wisselen per OfficeRnD-release. */

.eo-gh{max-width:var(--eo-container,1180px);margin-inline:auto;padding-inline:16px;min-height:640px;color:var(--eo-navy)}
.eo-gh growth-hub{display:block}

/* Lettertypen (iconen ongemoeid laten) */
#eo-growth-hub :where(*):not(i):not(.material-icons):not([class*="fa-"]){font-family:var(--eo-font)!important}
#eo-growth-hub#eo-growth-hub h4,
#eo-growth-hub#eo-growth-hub [data-eo=title],
#eo-growth-hub#eo-growth-hub [data-eo=title] *{font-family:var(--eo-font-kop)!important;font-weight:400!important;text-transform:uppercase;color:var(--eo-navy)!important;text-shadow:none!important}
#eo-growth-hub#eo-growth-hub h4{font-size:22px!important;line-height:1.1!important;display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;white-space:normal!important;height:auto!important;max-height:none!important}
#eo-growth-hub#eo-growth-hub [data-eo=title]{font-size:38px!important;line-height:1.05!important}
#eo-growth-hub [data-eo=sub]{color:var(--eo-green)!important;font-weight:600!important;text-shadow:none!important}
#eo-growth-hub h3{font-size:20px!important;font-weight:600!important;color:var(--eo-navy)!important}

/* Achtergrondfoto en eigen kop van OfficeRnD weg */
#eo-growth-hub .MuiBox-root::before{display:none!important;background:none!important}
#eo-growth-hub [data-eo=hide],#eo-growth-hub [data-eo=ticon]{display:none!important}

/* Kaarten, knoppen, velden */
#eo-growth-hub .MuiCard-root,#eo-growth-hub .MuiPaper-root,#eo-growth-hub .MuiCardMedia-root,#eo-growth-hub .MuiChip-root{border-radius:0!important;box-shadow:none!important}
#eo-growth-hub .MuiCard-root{border:1px solid #D6D1C6}
#eo-growth-hub .MuiButton-root{border-radius:0!important;background:var(--eo-knop-bg)!important;color:var(--eo-knop-tekst)!important;font-weight:700!important;text-transform:none!important;box-shadow:none!important;white-space:nowrap!important;border-color:var(--eo-knop-rand)!important;border:1px solid var(--eo-knop-rand)!important}
#eo-growth-hub .MuiButton-root:hover{background:var(--eo-knop-hover-bg)!important;color:var(--eo-knop-hover-tekst)!important;border-color:var(--eo-knop-hover-bg)!important}
#eo-growth-hub .MuiButton-root:focus-visible{outline:2px solid var(--eo-focus);outline-offset:2px}
#eo-growth-hub [data-eo=link]{background:transparent!important;color:var(--eo-green)!important;padding:0!important;text-decoration:underline}
#eo-growth-hub .MuiInputBase-root,#eo-growth-hub .MuiOutlinedInput-root{border-radius:0!important;background:#fff!important}
#eo-growth-hub .MuiOutlinedInput-notchedOutline{border-color:var(--eo-line)!important}

/* Filterpaneel en tweekoloms-grid (desktop) */
#eo-growth-hub [data-eo=filter]{border:1px solid var(--eo-line)!important;background:#fff!important;padding-block:22px!important}
#eo-growth-hub [data-eo=filter] hr:first-of-type{display:none}
#eo-growth-hub [data-eo=grid] .MuiCardMedia-root{height:200px!important;object-fit:cover;width:100%!important}
#eo-growth-hub [data-eo=grid] h3::after{content:" excl. btw";font-size:12px;font-weight:500;color:var(--eo-green);margin-left:4px}
@media (min-width:1100px){
	#eo-growth-hub [data-eo=fcol]{width:340px!important;min-width:340px!important;max-width:340px!important;flex:0 0 340px!important}
	#eo-growth-hub [data-eo=filter]{width:340px!important}
	#eo-growth-hub [data-eo=grid]{display:grid!important;grid-template-columns:repeat(2,360px)!important;gap:24px!important}
	#eo-growth-hub [data-eo=grid]>*{margin:0!important;max-width:none!important}
}

/* Taak 56: knop "Google Maps" in het venster niet groen (logo werd onleesbaar). */
#eo-growth-hub a[href*="google."][href*="maps"],#eo-growth-hub a[href*="maps.google"]{background:transparent!important;border:1px solid var(--eo-line)!important;color:var(--eo-navy)!important}