#svc-hero .hero-grid-svc .left h2 {
white-space: nowrap; /* blijft goed voor één regel */
overflow: visible; /* ✅ voorkomt afsnijden van onderkant */
text-overflow: clip; /* geen “…” meer */
font-size: clamp(18px, 2.8vw, 34px);
line-height: 1.25; /* ✅ meer ademruimte voorkomt clipping */
}
/* === FINALE FIX: Brand-link klikbaar zonder verschuiven (desktop + mobiel) === */
/* Header blijft click-through */
header {
pointer-events: none !important;
}
/* Brand op vaste absolute positie linksboven */
.brand {
position: absolute !important;
top: 16px !important;
left: 16px !important;
pointer-events: auto !important;
}
/* Link vult volledige brand-bubble en tekst, zonder layoutverschuiving */
.brand-link {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 10002 !important;
display: block !important;
text-indent: -9999px;
pointer-events: auto !important;
}
/* ================================================
Hero-knoppen op Schedule Marketing – correctie
================================================ */
#svc-hero .mini-btn,
#svc-hero .hero-actions a.mini-btn,
#svc-hero .hero-actions button.mini-btn {
background-color: #F6F3E5 !important;
color: #191919 !important;
border: 1px solid #191919 !important;
}
/* Hoverstijl apart om de kleur stabiel te houden */
#svc-hero .mini-btn:hover,
#svc-hero .hero-actions a.mini-btn:hover,
#svc-hero .hero-actions button.mini-btn:hover {
background-color: #EDE9D8 !important; /* iets donkerder beige bij hover */
color: #191919 !important;
border-color: #191919 !important;
}