/* Shared practical navigation. Compact desktop footer, generous mobile tap targets. */
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer.k-footer{padding-block:30px 22px;background:#FFFCF7}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-top{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;position:relative}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-top>div{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-name{grid-column:1;grid-row:auto;margin:0;font:400 25.6px/1.2 Georgia,serif;color:#A24736;padding-right:88px}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-place{grid-column:1;grid-row:auto;margin:7px 0 0;padding-right:88px;font-size:14px;line-height:1.5}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-links{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:0 22px;grid-column:1;grid-row:auto;align-content:start;align-items:start;justify-content:start;margin:18px 0 0;padding:0}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-links a{display:flex;align-items:center;align-self:start;justify-content:flex-start;min-height:44px;width:fit-content;max-width:100%;margin:0;padding:6px 0;background:none;border:0;color:#38332F;font:500 14px/1.4 'Erfboek Tekst','DM Sans',Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;white-space:normal;overflow-wrap:break-word}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-links a:hover{color:#A24736}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-links a:focus-visible{outline:2px solid #267B42;outline-offset:3px}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-socials{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--k-line)}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-socials>span{width:100%;font:600 13px/1.4 'Erfboek Tekst','DM Sans',Arial,sans-serif;color:#5D544D}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-socials a{display:inline-flex;align-items:center;gap:5px;min-height:36px;color:#267B42;font:600 14px/1.4 'Erfboek Tekst','DM Sans',Arial,sans-serif;text-decoration:none}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-socials a:hover{text-decoration:underline;text-underline-offset:4px}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-socials a:focus-visible{outline:2px solid #267B42;outline-offset:3px}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer-top>:is(.k-footer-owl,.d-footer-leaves,.q-footer-leaves){position:absolute;right:0;top:0;width:72px;margin:0;pointer-events:none}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-farewell{margin:18px 0 0;padding:15px 0 0;font:italic 400 18px/1.3 Georgia,serif}
/* Anchors and former button links share exactly the same alignment. */
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-header .k-mainmenu a{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;margin:0;padding:10px 0;background:none;border:0;border-bottom:1px solid var(--k-line);color:var(--k-ink);font:600 16px/1.4 'Erfboek Tekst','DM Sans',Arial,sans-serif;text-decoration:none}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-header .k-mainmenu a:last-child{border-bottom:0}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-header .k-mainmenu a[aria-current],
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-header .k-mainmenu a:hover{text-decoration:underline;text-underline-offset:4px;color:#A24736}
#su-home-responsive .su-group-routes{display:flex;flex-wrap:wrap;gap:0 24px}
#su-dagje-uit.g-audience .g-local-nav{display:flex;flex-wrap:wrap;gap:0 24px;padding-top:0;padding-bottom:22px}
#su-dagje-uit.g-audience .g-local-nav a{display:inline-flex;align-items:center;min-height:44px;color:#A24736;text-underline-offset:4px;font-size:16px}
#su-dagje-uit.g-audience .g-hub-blue{background:#DDE1E7}
#su-dagje-uit.g-audience .g-legal{min-height:300px}
#su-dagje-uit.g-audience .g-legal .ga-lead{max-width:64ch}
@media(min-width:900px){
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-top{grid-template-columns:minmax(0,1fr) 96px;gap:28px;align-items:center}
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-top>div{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);column-gap:32px;align-content:start;align-items:start}
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-name{grid-row:1;padding:0}
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-place{grid-row:2;padding:0}
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-links{grid-column:2;grid-row:1/3;margin:0;column-gap:24px}
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-links a{min-height:32px;padding:5px 0}
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-socials{grid-column:1/3;margin-top:12px}
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-socials>span{width:auto;margin-right:4px}
 /* Sprite illustrations need their own positioned crop window on desktop too. */
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer-top>:is(.k-footer-owl,.d-footer-leaves,.q-footer-leaves){position:relative;width:96px}
 #su-dagje-uit.g-audience .g-audience-list.g-two-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
}
/* Container breakpoints match the existing resize observer on every page. */
@container (min-width:900px){
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-header.k-header{grid-template-columns:minmax(0,1fr) auto;padding:14px var(--k-gutter) 0;column-gap:24px;border-bottom:1px solid var(--k-line)}
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-header .k-mainmenu{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:0 24px;margin:6px 0 0;padding:0 0 8px;border:0;min-width:0}
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-header .k-mainmenu a{justify-content:center;width:auto;min-height:44px;white-space:nowrap;font-size:15px;line-height:1.4;padding:8px 0;border:0;flex:none}
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-header .k-mainmenu svg{display:none}
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-header .k-header-actions{grid-column:2;grid-row:1}
}
@container (min-width:1450px){
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-header.k-header{grid-template-columns:240px minmax(0,1fr) auto;padding:14px var(--k-gutter);gap:20px}
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-header .k-logo-link{width:240px}
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-header .k-mainmenu{grid-column:2;grid-row:1;justify-content:space-between;gap:0 16px;padding:0;margin:0}
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-header .k-mainmenu a{font-size:14px}
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-header .k-header-actions{grid-column:3}
}
@media(pointer:coarse){
 :is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .k-footer .k-footer-links a{min-height:44px}
}


/* Compact navigation pills: used for quick routes, not primary booking CTAs. */
.su-pill-links.su-pill-links{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;border:0;padding:0}
.su-pill-links.su-pill-links a{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:40px;margin:0;padding:8px 14px;border:1px solid #B9B0A6;border-radius:999px;background:transparent;color:#38332F;font:600 14px/1.25 'Erfboek Tekst','DM Sans',Arial,sans-serif;text-decoration:none;white-space:nowrap}
.su-pill-links.su-pill-links a:hover{border-color:#A24736;color:#A24736;text-decoration:none}
.su-pill-links.su-pill-links a:focus-visible{outline:2px solid #267B42;outline-offset:3px}
.su-pill-links.su-pill-links svg{display:none}
@media(max-width:520px){.su-pill-links.su-pill-links{gap:7px}.su-pill-links.su-pill-links a{min-height:38px;padding:7px 12px;font-size:13px}}

/* Pill utility wins over legacy quiet/text-link styles when explicitly requested. */
.su-pill-links.su-pill-links a{
  width:auto!important;
  min-height:40px!important;
  margin:0!important;
  padding:8px 14px!important;
  border:1px solid #B9B0A6!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#38332F!important;
  font:600 14px/1.25 'Erfboek Tekst','DM Sans',Arial,sans-serif!important;
  text-decoration:none!important;
}
@media(max-width:520px){
 .su-pill-links.su-pill-links a{min-height:40px!important;padding:7px 12px!important;font-size:13px!important}
}


/* Sitewide quick-navigation contract, 27-09-2026.
   Pills navigate to sections/subpages; they are never booking/action CTAs. */
.su-pill-links.su-pill-links a[aria-current="page"],
.su-pill-links.su-pill-links a[aria-current="location"]{
  border-color:#B36B22!important;background:#F1E2C8!important;color:#8A4F0E!important;
}
.su-pill-links.su-pill-links .su-pill-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;color:#267B42;font-weight:700}
.su-pill-links.su-pill-links svg.su-pill-icon{display:block}
@media(max-width:520px){
 .su-pill-links.su-pill-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important}
 .su-pill-links.su-pill-links a{white-space:normal!important;text-align:center;min-width:0!important;height:48px!important;min-height:48px!important;padding:5px 7px!important;font-size:12px!important;line-height:1.2!important}
}