/* CreaMuntje Photobooth – enkel header + footer (voor pagina's met eigen stijl, zoals fotostripjes) */
.pb-header,.pb-footer{--navy:#1B2A52;--navy-light:#253669;--navy-dark:#121d3b;--bordeaux:#8B1A3A;--gold:#C9A45E;--gold-light:#d9b874;--cream:#FDF8F3;--muted:#5f5f66;--shadow-lg:0 22px 60px rgba(27,42,82,.2);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-family:var(--sans);line-height:1.6}
.pb-header *,.pb-footer *{box-sizing:border-box}
.skip{position:absolute;left:-999px;top:8px;background:#C9A45E;color:#222;padding:8px 14px;border-radius:8px;z-index:200}
.skip:focus{left:8px}
.pb-header .btn{display:inline-flex;align-items:center;justify-content:center;font:600 15px/1 var(--sans);text-decoration:none;border-radius:999px;border:0;white-space:nowrap;background:linear-gradient(120deg,var(--gold),var(--gold-light));color:#231a08;box-shadow:0 8px 24px rgba(201,164,94,.35)}
.pb-header .btn:hover{color:#231a08}
.pb-footer p{margin:0 0 1em}
.pb-footer img{display:block;max-width:100%}
/* ─── Header ─── */
.pb-header{position:sticky;top:0;z-index:100;background:rgba(18,29,59,.96);backdrop-filter:saturate(1.2) blur(8px);-webkit-backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.pb-header-in{width:min(1180px,100% - 32px);margin-inline:auto;display:flex;align-items:center;gap:20px;height:72px}
.pb-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex-shrink:0}
.pb-logo img{height:44px;width:auto}
.pb-logo span{font:600 11px/1.2 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-light);border-left:1px solid rgba(255,255,255,.25);padding-left:10px}
.pb-nav{margin-left:auto;display:flex;align-items:center;gap:2px}
.pb-nav a,.pb-drop>button{font:500 15px/1 var(--sans);color:rgba(255,255,255,.88);text-decoration:none;padding:10px 12px;border-radius:999px;background:none;border:0;cursor:pointer;white-space:nowrap}
.pb-nav a:hover,.pb-drop>button:hover,.pb-nav a[aria-current=page],.pb-drop.is-current>button{color:#fff;background:rgba(255,255,255,.1)}
.pb-nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--gold)}
.pb-drop{position:relative}
.pb-drop>button::after{content:"";display:inline-block;margin-left:6px;width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg)}
.pb-drop-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:250px;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);padding:8px;display:none}
.pb-drop-menu::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.pb-drop:hover .pb-drop-menu,.pb-drop:focus-within .pb-drop-menu,.pb-drop.open .pb-drop-menu{display:block}
.pb-drop-menu a{display:block;color:var(--navy);padding:11px 14px;border-radius:10px}
.pb-drop-menu a:hover,.pb-drop-menu a[aria-current=page]{background:var(--cream);color:var(--bordeaux);box-shadow:none}
.pb-drop-menu small{display:block;font-size:13px;color:var(--muted);margin-top:4px;font-weight:400}
.pb-cta{margin-left:10px;padding:12px 20px;font-size:15px}
.pb-burger{display:none;margin-left:auto;width:46px;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:transparent;cursor:pointer;position:relative}
.pb-burger span,.pb-burger span::before,.pb-burger span::after{position:absolute;left:12px;right:12px;height:2px;background:#fff;border-radius:2px;content:"";transition:transform .25s,opacity .25s}
.pb-burger span{top:22px}.pb-burger span::before{top:-7px;left:0;right:0}.pb-burger span::after{top:7px;left:0;right:0}
.pb-burger[aria-expanded=true] span{background:transparent}
.pb-burger[aria-expanded=true] span::before{transform:translateY(7px) rotate(45deg)}
.pb-burger[aria-expanded=true] span::after{transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1060px){
  .pb-burger{display:block}
  .pb-header-in{height:64px}
  .pb-logo img{height:38px}
  .pb-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--navy-dark);flex-direction:column;align-items:stretch;padding:10px 16px 20px;gap:2px;max-height:calc(100vh - 64px);overflow:auto;box-shadow:0 20px 40px rgba(0,0,0,.3)}
  .pb-nav.open{display:flex}
  .pb-nav a,.pb-drop>button{padding:14px 12px;font-size:17px;border-radius:10px;text-align:left;width:100%}
  .pb-drop>button{display:none}
  .pb-drop-menu{display:block;position:static;transform:none;background:none;box-shadow:none;padding:0;min-width:0}
  .pb-drop-menu::before{display:none}
  .pb-drop-menu a{color:rgba(255,255,255,.88)}
  .pb-drop-menu a:hover,.pb-drop-menu a[aria-current=page]{background:rgba(255,255,255,.1);color:#fff}
  .pb-drop-menu small{display:none}
  .pb-cta{margin:10px 0 0}
}
@media (max-width:420px){.pb-logo span{display:none}}


.pb-nav a.pb-cta{background:linear-gradient(120deg,#C9A45E,#d9b874);color:#231a08;font-weight:600;justify-content:center;text-align:center;box-shadow:0 8px 24px rgba(201,164,94,.35)}
.pb-nav a.pb-cta:hover{color:#231a08;background:linear-gradient(120deg,#d9b874,#e6c88c)}
/* ─── Footer ─── */
.pb-footer{background:var(--navy-dark);color:rgba(255,255,255,.75);font-size:15px;padding:64px 0 28px;margin-top:0}
.pb-footer-in{width:min(1180px,100% - 32px);margin-inline:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
@media (max-width:900px){.pb-footer-in{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.pb-footer-in{grid-template-columns:1fr}}
.pb-footer h2{font:600 13px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light);margin:0 0 14px}
.pb-footer ul{list-style:none;padding:0;margin:0}
.pb-footer li{margin-bottom:8px}
.pb-footer a{color:rgba(255,255,255,.85);text-decoration:none}
.pb-footer a:hover{color:#fff;text-decoration:underline}
.pb-footer address{font-style:normal;line-height:1.7}
.pb-footer .pb-flogo{height:48px;width:auto;margin-bottom:14px}
.pb-footer-bottom{width:min(1180px,100% - 32px);margin:40px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between;font-size:14px;color:rgba(255,255,255,.55)}
.pb-footer-bottom button{background:none;border:0;color:rgba(255,255,255,.75);font:inherit;cursor:pointer;padding:0;text-decoration:underline}