/**
 * Derwort Hoveniers - aanpassingen op de YOOtheme-template
 */

/* De navigatiepijlen van de lightbox staan nu over de foto (zie js/custom.js).
   Een halftransparante schijf eronder houdt ze leesbaar, ook op een lichte foto. */
.uk-lightbox-slidenav {
    background: rgba(0, 0, 0, .4);
    border-radius: 50%;
    transition: background .2s ease;
}

.uk-lightbox-slidenav:hover,
.uk-lightbox-slidenav:focus {
    background: rgba(0, 0, 0, .65);
}

/* Logo in de header: subtiele schaduw, zodat het grijs van DERWORT ook
   leesbaar blijft als het over een lichte hero-foto valt (29-09-2026).
   De footer (donker vlak) houdt het logo zonder schaduw. */
.tm-header .uk-logo img,
.tm-header-mobile .uk-logo img {
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .55));
}

/* Pulse op de CTA-knoppen die vroeger naar #cta linkten (29-09-2026).
   Die knoppen linken nu naar "//" met de class cta-pulse, zodat de pagina niet
   meer naar boven springt als de offertebox opent. De oude regel in de
   custom LESS (a[href="#cta"].uk-button) raakt ze daardoor niet meer; de
   keyframes cta-pulse staan nog wel in theme.css en worden hier hergebruikt. */
a.cta-pulse.uk-button {
    position: relative;
    animation: cta-pulse 2.5s infinite;
}
a.cta-pulse.uk-button:hover {
    animation: none;
}
@media (prefers-reduced-motion: reduce) {
    a.cta-pulse.uk-button { animation: none; }
}

/* Link in het oranje vlak "Waarom kiezen voor Derwort Hoveniers?" op de
   projectpagina's (29-09-2026). De standaard linkkleur is oranje en viel weg
   op de oranje achtergrond; wit, vet en onderstreept zoals de lijsttekst. */
a.dh-link-oranjevlak {
    color: #fff !important;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}
a.dh-link-oranjevlak:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}
@media (hover: hover) {
    a.dh-link-oranjevlak:hover {
        color: #232428 !important;
    }
}