/* Slimme Start — logo in de kop/voet en de Virtual Adventures-credit
   Bestand: /app/assets/css/merk.css */

/* Logo in de kop */
.pk-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.pk-logo-beeld{display:block;width:40px;height:40px;flex:none;border-radius:0}
@media (max-width:600px){.pk-logo-beeld{width:34px;height:34px}.pk-logo{gap:8px}}

/* Logo in de voet */
.pk-voet-naam{display:inline-flex;align-items:center;gap:6px}
.pk-voet-beeld{display:block;width:36px;height:36px;flex:none;margin:-4px 0}

/* Website & SEO door Virtual Adventures */
.va-credit{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1;color:inherit;text-decoration:none;white-space:nowrap}
.va-credit__label{opacity:.75}
.va-credit__logo{display:block;height:22px;width:auto}
.va-credit__naam{font-weight:600;position:relative}
.va-credit__naam::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:#FFD54A;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.va-credit:hover .va-credit__naam::after,.va-credit:focus-visible .va-credit__naam::after{transform:scaleX(1)}
.va-credit:focus-visible{outline:2px solid #FFD54A;outline-offset:4px}
@media (max-width:600px){.va-credit{font-size:12px}.va-credit__logo{height:20px}}

/* Op mobiel staat onderaan de vaste knop; zorg dat die de footer niet bedekt */
@media (max-width:760px){body:has(.hp2-sticky) .pk-voet{padding-bottom:96px}}