/* bedrijfsuitjequiz.nl static additions */
/* mobile menu: the theme hides the scrollbar while the menu is open, which makes the page jump; keep it */
body.offcanvas-active { overflow-x:hidden !important; overflow-y:auto !important; }
.wj-bottombar { background:#fff; color:#252525; font-family:'Archivo', sans-serif; font-weight:300; font-size:15px; line-height:1.4; }
.wj-bottombar__inner { max-width:1140px; margin:0 auto; padding:18px 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.5rem 2rem; text-align:center; }
.wj-bottombar p, .wj-bottombar li, .wj-bottombar a { margin:0; font-family:inherit; font-weight:inherit; font-size:15px; line-height:1.4; }
/* flatten groups so every item is a direct flex item with the same gap */
.wj-bottombar__left, .wj-bottombar__links { display:contents; }
.wj-bottombar__links { list-style:none; margin:0; padding:0; }
#sp-footer .wj-bottombar__links a { color:#252525; text-decoration:none; }
#sp-footer .wj-bottombar__links a:hover { color:#a630d7; text-decoration:underline; text-underline-offset:.2em; }

/* Webjongens credit with typewriter */
.credit { --credit-heart:#a630d7; display:inline-flex; align-items:center; gap:.4rem; margin:0; white-space:nowrap; }
#sp-footer .credit__link { display:inline-flex; align-items:center; gap:.35rem; color:#252525; text-decoration:none; letter-spacing:.02em; }
.credit__link strong { font-weight:700; }
#sp-footer .credit__link:hover, #sp-footer .credit__link:focus-visible { color:#a630d7; }
#sp-footer .credit__link:hover span { text-decoration:underline; text-underline-offset:.2em; }
.credit__link:focus-visible { outline:2px solid currentColor; outline-offset:3px; border-radius:4px; }
.credit__heart { width:1.1rem; height:1.1rem; fill:var(--credit-heart); transition:transform 200ms cubic-bezier(.16,1,.3,1); }
.credit__link:hover .credit__heart { transform:scale(1.2); }
.credit__typed { display:inline-flex; align-items:center; gap:.4rem; min-width:6.5em; color:#6b6b6b; }
.credit__cursor { display:inline-block; width:2px; height:1.1em; margin-left:1px; background:currentColor; animation:credit-blink 1s step-end infinite; }
@keyframes credit-blink { 50% { opacity:0; } }
@media (prefers-reduced-motion: reduce) { .credit__cursor { animation:none; } .credit__heart { transition:none; } }
@media (max-width:767px) { .wj-bottombar__inner { gap:.5rem 1.25rem; } }

/* purple footer: brand column (logo, address, mail, kvk) on the left */
#sp-footer .sppb-section.mona.footer .sppb-row > div { order:0 !important; }
.wj-footer-brand { color:#fff; font-family:'Archivo', sans-serif; font-weight:300; font-size:16px; line-height:1.5; text-align:left; }
.wj-footer-logo { display:block; margin:0 0 22px; }
.wj-footer-logo img { display:block; width:260px; max-width:100%; height:auto; filter:brightness(0) invert(1); }
/* more air between footer menu items (wrapped lines stay tight) */
#sp-footer .sppb-section.mona.footer ul.menu > li { margin-bottom:.6rem; }
/* menus start level with the address: 12px + logo height (260x61 / 220x52) + 22px gap */
@media (min-width:992px) { #sp-footer #column-wrap-id-1547242152868, #sp-footer #column-wrap-id-1547242152872 { padding-top:95px; } }
@media (min-width:768px) and (max-width:991px) { .wj-footer-logo img { width:220px; } #sp-footer #column-wrap-id-1547242152868, #sp-footer #column-wrap-id-1547242152872 { padding-top:86px; } }
/* the three columns start a bit lower */
@media (min-width:768px) { #column-wrap-id-1547242152870, #column-wrap-id-1547242152868, #column-wrap-id-1547242152872 { padding-top:12px; } }
.wj-footer-contact { list-style:none; margin:0; padding:0; }
.wj-footer-contact li { display:flex; align-items:flex-start; gap:.65rem; margin:0 0 .6rem; }
.wj-footer-contact .fas { width:1.1em; flex:0 0 1.1em; text-align:center; line-height:inherit; color:#fff; }
#sp-footer .wj-footer-contact a { color:#fff; text-decoration:none; }
/* flat check icon replacing the ☑️ emoji (renders differently per device) */
.wj-check { display:inline-block; width:1em; height:1em; margin:0 .3em 0 0; vertical-align:-.14em; border-radius:.24em; background:#5c5c63 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.6L12 5.6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat; }
/* tighter purple footer (theme: 50px top/bottom) */
#sp-footer .sp-page-builder .page-content #section-id-1547242152853 { padding-top:34px; padding-bottom:30px; }
/* column headings, phone, offerte button */
#sp-footer .wj-footer-heading { color:#fff; font-family:'Archivo', sans-serif; font-weight:700; font-size:17px; line-height:1.3; letter-spacing:.02em; margin:0 0 14px; padding:0; text-transform:none; }
#sp-footer a.wj-footer-cta { display:inline-block; margin-top:18px; padding:10px 22px; border-radius:999px; background:#fff; color:#a630d7; font-family:'Archivo', sans-serif; font-weight:600; font-size:15px; line-height:1.2; text-decoration:none; transition:background-color 200ms ease, color 200ms ease; }
#sp-footer a.wj-footer-cta:hover, #sp-footer a.wj-footer-cta:focus-visible { background:#e6c3f5; color:#7d1fa6; }
#sp-footer a.wj-footer-cta:focus-visible { outline:2px solid #fff; outline-offset:3px; }
/* contact page: address card under the photo */
.sppb-addon.sppb-addon-text-block.form-adres.mona.wj-adres-card { margin:40px auto 0; padding:28px 20px; background:#f6eefb; border-radius:6px; text-align:center; font-size:22px; line-height:1.25; font-weight:500; color:#252525; }
.wj-adres { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; align-items:center; gap:20px; }
.wj-adres li { display:flex; flex-direction:column; align-items:center; gap:8px; margin:0; }
.wj-adres .wj-adres__icon { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:#a630d7; color:#fff; font-size:17px; }
.wj-adres a { color:#a630d7; text-decoration:none; transition:color 200ms ease; }
.wj-adres a:hover, .wj-adres a:focus-visible { color:#7d1fa6; }
/* client logo carousel: active/hover dot in site purple (was SP blue #0080fe) */
.sppb-carousel-extended-dots ul li span { background:#a630d7; }
/* quiz/bingo tiles: hover + slightly lighter-touch titles */
.sppb-addon.sppb-addon-articles .sppb-addon-article > a:first-child { display:block; overflow:hidden; transition:transform 300ms cubic-bezier(.16,1,.3,1), box-shadow 300ms ease; }
.sppb-addon.sppb-addon-articles .sppb-addon-article > a:first-child img { transition:transform 500ms cubic-bezier(.16,1,.3,1); }
.sppb-addon.sppb-addon-articles .sppb-addon-article:hover > a:first-child,
.sppb-addon.sppb-addon-articles .sppb-addon-article:focus-within > a:first-child { transform:translateY(-4px); box-shadow:0 12px 24px -8px rgba(125,31,166,.45); }
.sppb-addon.sppb-addon-articles .sppb-addon-article:hover > a:first-child img { transform:scale(1.04); }
.sppb-addon.sppb-addon-articles .sppb-addon-content h3 { font-weight:300; font-size:23px; line-height:1.3; letter-spacing:.01em; margin-top:.6em; }
.sppb-addon.sppb-addon-articles .sppb-addon-content h3 > a { transition:color 200ms ease; }
.sppb-addon.sppb-addon-articles .sppb-addon-article:hover h3 > a,
.sppb-addon.sppb-addon-articles .sppb-addon-content h3 > a:focus-visible { color:#7d1fa6 !important; }
/* arrow glued to the last word so it never wraps onto its own line */
.sppb-addon.sppb-addon-articles .sppb-addon-content h3 > a.wj-arrow:after { content:none !important; }
.wj-last { white-space:nowrap; }
.wj-last:after { content:""; display:inline-block; width:1.4em; height:1em; margin-left:.35em; vertical-align:-.12em; background:url('../templates/shaper_helixultimate/css/link.svg') 50% 50% / contain no-repeat; transition:transform 250ms cubic-bezier(.16,1,.3,1); }
.sppb-addon.sppb-addon-articles .sppb-addon-article:hover .wj-last:after { transform:translateX(5px); }
@media (prefers-reduced-motion: reduce) { .sppb-addon.sppb-addon-articles .sppb-addon-article > a:first-child, .sppb-addon.sppb-addon-articles .sppb-addon-article > a:first-child img, .wj-last:after { transition:none; } }
/* page-builder buttons (all purple): visible hover */
.sppb-btn.sppb-btn-custom { transition:background-color 200ms ease, transform 200ms cubic-bezier(.16,1,.3,1), box-shadow 200ms ease; }
.sppb-btn.sppb-btn-custom:hover, .sppb-btn.sppb-btn-custom:focus-visible { background-color:#7d1fa6 !important; color:#fff !important; transform:translateY(-2px); box-shadow:0 8px 18px -6px rgba(125,31,166,.55); }
.sppb-btn.sppb-btn-custom:active { transform:translateY(0); box-shadow:none; }
.sppb-btn.sppb-btn-custom:focus-visible { outline:2px solid #7d1fa6; outline-offset:3px; }
@media (prefers-reduced-motion: reduce) { .sppb-btn.sppb-btn-custom { transition:background-color 200ms ease; } .sppb-btn.sppb-btn-custom:hover { transform:none; } }
/* blog overview cards: whole card clickable + hover */
.blog .article-list .article { position:relative; transition:transform 300ms cubic-bezier(.16,1,.3,1), box-shadow 300ms ease; }
.blog .article-list .article .article-intro-image > a { display:block; overflow:hidden; }
.blog .article-list .article .article-intro-image > a img { display:block; transition:transform 500ms cubic-bezier(.16,1,.3,1); }
.blog .article-list .article .article-intro-image > a::after { content:""; position:absolute; inset:0; z-index:1; }
.blog .article-list .article .article-introtext { transition:color 200ms ease; }
.blog .article-list .article:hover, .blog .article-list .article:focus-within { transform:translateY(-4px); box-shadow:0 14px 28px -10px rgba(125,31,166,.40); }
.blog .article-list .article:hover .article-intro-image > a img { transform:scale(1.04); }
.blog .article-list .article:hover .article-introtext, .blog .article-list .article:focus-within .article-introtext { color:#7d1fa6; }
@media (prefers-reduced-motion: reduce) { .blog .article-list .article, .blog .article-list .article .article-intro-image > a img { transition:none; } }
/* photo page (Droppics polaroids): caption in the white strip, not over the photo */
.droppicsgallerypolaroid .droppicspictures a span { position:static !important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
  max-width:180px; margin:6px auto 0; padding:0 2px; font-family:'Archivo', sans-serif; font-weight:400; font-size:12px; line-height:1.35; color:#5c5c63; text-align:center; }
#droppicsgallery93.droppicsgallerypolaroid a { padding-bottom:12px; }
.droppicsgallerypolaroid .droppicspictures a img { display:block; margin-left:auto; margin-right:auto; }
/* purple footer on mobile + tablet: stacked and centred */
@media (max-width:991px) {
  #sp-footer .sppb-section.mona.footer .sppb-container-inner { padding-left:20px; padding-right:20px; }
  #sp-footer .sppb-section.mona.footer .sppb-row > div { flex:0 0 100% !important; max-width:100% !important; width:100%; padding-top:0 !important; text-align:center; }
  #sp-footer .sppb-section.mona.footer .sppb-row > div + div { margin-top:34px; }
  .wj-footer-brand { text-align:center; }
  .wj-footer-logo { margin:0 auto 22px; }
  .wj-footer-logo img { width:220px; margin:0 auto; }
  .wj-footer-contact li { justify-content:center; }
  .wj-footer-contact li > span:last-child { text-align:left; }
  #sp-footer .sppb-section.mona.footer ul.menu { margin:0; display:block; }
  #sp-footer .sppb-section.mona.footer ul.menu > li { display:block; margin:0 0 .6rem; }
  #sp-footer .sppb-section.mona.footer .sppb-addon-wrapper { margin-bottom:0 !important; }
  #sp-footer a.wj-footer-cta { margin-top:10px; }
}
/* mobile + tablet: drop editor indents (inline padding-left) and justified text in content blocks */
@media (max-width:991px) {
  .sppb-addon-content [style*="padding-left"], .article-body [style*="padding-left"], .sp-page-builder [style*="padding-left"]:not(section):not(.sppb-section) { padding-left:0 !important; }
  .sppb-addon-content [style*="justify"], .article-body [style*="justify"] { text-align:left !important; }
}
/* hover: soft colour change on menu links + mail */
#sp-footer .sppb-section.mona.footer ul.menu > li > a,
#sp-footer .wj-footer-contact a { display:inline; color:#fff; text-decoration:none; transition:color 200ms ease; }
#sp-footer .sppb-section.mona.footer ul.menu > li > a:hover,
#sp-footer .sppb-section.mona.footer ul.menu > li > a:focus-visible,
#sp-footer .wj-footer-contact a:hover,
#sp-footer .wj-footer-contact a:focus-visible { color:#e6c3f5; text-decoration:none; }
#sp-footer .wj-footer-logo { transition:opacity 200ms ease; }
#sp-footer .wj-footer-logo:hover { opacity:.8; }
@media (prefers-reduced-motion: reduce) { #sp-footer .sppb-section.mona.footer ul.menu > li > a, #sp-footer .wj-footer-contact a, #sp-footer .wj-footer-logo { transition:none; } }
@media (max-width:767px) { .wj-footer-brand { margin-bottom:30px; } }