site-info {
  display: none;
}

/* Button hover: motion only, colors explicitly pinned per variant so nothing changes */
.wp-element-button:hover,
.wp-block-button__link:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.wp-block-button > .wp-block-button__link:not(.has-text-color):not(.has-background):hover {
    background-color: var(--wp--preset--color--custom-accent) !important;
    color: var(--wp--preset--color--custom-donkergroen) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: transparent !important;
    color: var(--wp--preset--color--custom-accent) !important;
    border-color: var(--wp--preset--color--custom-accent) !important;
}

.wp-block-button__link.has-custom-accent-color.has-custom-zwart-background-color:hover {
    background-color: var(--wp--preset--color--custom-zwart) !important;
    color: var(--wp--preset--color--custom-accent) !important;
}

/* Diensten (en andere pagina's met deze hero) mist native "volledige breedte", waardoor de standaard bovenpadding zichtbaar blijft. Compenseer net als het thema dat bij alignfull-blokken doet. */
.entry-content > .hero-overlay:first-child {
    margin-top: calc(-1 * var(--wp--preset--spacing--20)) !important;
}

/* Diensten cards: dark color sweeps in diagonally from the left on hover, heading (arrow+text) shifts together */
.has-custom-light-blue-gradient-gradient-background {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
.has-custom-light-blue-gradient-gradient-background::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20%;
    width: 140%;
    background: var(--wp--preset--color--custom-donkergroen);
    transform: skewX(-25deg) translateX(-100%);
    transition: transform 0.45s ease;
    z-index: 0;
}
.has-custom-light-blue-gradient-gradient-background:hover::before {
    transform: skewX(-25deg) translateX(0%);
}
.has-custom-light-blue-gradient-gradient-background * {
    position: relative;
    z-index: 1;
    transition: color 0.3s ease;
}
.has-custom-light-blue-gradient-gradient-background:hover * {
    color: var(--wp--preset--color--custom-zilver) !important;
}
.has-custom-light-blue-gradient-gradient-background .wp-block-heading {
    transition: transform 0.15s ease, color 0.3s ease;
}
.has-custom-light-blue-gradient-gradient-background:hover .wp-block-heading {
    transform: translateX(6px);
}