/* AlleHondenRassen.nl — shared site CSS (nav-search + cookie banner + mobiel menu) */
.nav-search{position:relative}
.nav-search-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:340px;max-width:calc(100vw - 24px);background:#FFFFFF;border:1px solid #0C0C0A;box-shadow:6px 6px 0 #0C0C0A;display:none;z-index:200;max-height:420px;overflow-y:auto}
.nav-search-dropdown.show{display:block}
.nav-search-item{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid #D8D4CC;color:#0C0C0A;text-decoration:none;transition:background 0.12s;font-family:'DM Mono',monospace}
.nav-search-item:last-child{border-bottom:none}
.nav-search-item:hover,.nav-search-item:focus{background:#EDEAE2;outline:none}
.nav-search-name{font-family:'Unbounded',sans-serif;font-weight:700;font-size:13px;letter-spacing:-0.01em;color:#0C0C0A}
.nav-search-meta{font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:#7A7668}
.nav-search-empty{padding:14px 16px;font-size:12px;color:#7A7668;font-style:italic;text-align:center}

/* Mobiel hamburger-menu */
.nav-toggle{display:none;background:transparent;border:none;color:#FFFFFF;cursor:pointer;padding:8px;margin-left:auto}
.nav-toggle-bar{display:block;width:24px;height:2px;background:#FFFFFF;margin:4px 0;transition:transform 0.2s,opacity 0.2s}
.nav-toggle.open .nav-toggle-bar:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle.open .nav-toggle-bar:nth-child(2){opacity:0}
.nav-toggle.open .nav-toggle-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:64px;left:0;right:0;background:#0C0C0A;border-top:1px solid rgba(255,255,255,0.1);padding:16px 24px 24px;z-index:99;max-height:calc(100vh - 64px);overflow-y:auto;font-family:'Unbounded',sans-serif}
.nav-mobile.open{display:block}
.nav-mobile a{display:block;padding:13px 0;color:rgba(255,255,255,0.85);font-size:13px;letter-spacing:0.08em;text-transform:uppercase;font-weight:500;border-bottom:1px solid rgba(255,255,255,0.08);text-decoration:none}
.nav-mobile a:last-child{border-bottom:none}
.nav-mobile a:hover{color:#52B788}
.nav-mobile-search{margin:8px 0 18px;position:relative}
.nav-mobile-search input{width:100%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);color:#FFFFFF;padding:12px 14px;font-family:'DM Mono',monospace;font-size:14px;outline:none}
.nav-mobile-search input::placeholder{color:rgba(255,255,255,0.4)}
.nav-mobile-search .nav-search-dropdown{position:static;width:100%;max-width:100%;margin-top:8px;box-shadow:none;max-height:280px}
@media(max-width:780px){
  .nav{justify-content:space-between;gap:0}
  .nav-toggle{display:block}
  .nav-search:not(.nav-mobile-search){display:none}
}

/* Cookie banner */
.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;background:#0C0C0A;color:#FFFFFF;border:1px solid #52B788;padding:18px 22px;z-index:1000;box-shadow:8px 8px 0 rgba(82,183,136,0.4);font-family:'DM Mono',monospace}
.cookie-banner-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cookie-banner p{font-size:12px;line-height:1.6;margin:0;color:rgba(255,255,255,0.85);flex:1;min-width:240px}
.cookie-banner a{color:#52B788;border-bottom:1px solid #52B788}
.cookie-banner-actions{display:flex;gap:10px;flex-shrink:0}
.cookie-banner button{background:#52B788;color:#0C0C0A;border:none;padding:11px 18px;font-family:'Unbounded',sans-serif;font-weight:700;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:background 0.12s}
.cookie-banner button:hover{background:#FFFFFF}
.cookie-banner button.secondary{background:transparent;color:rgba(255,255,255,0.65);border:1px solid rgba(255,255,255,0.25)}
.cookie-banner button.secondary:hover{color:#FFFFFF;border-color:#FFFFFF;background:transparent}
@media(max-width:680px){.cookie-banner{left:10px;right:10px;bottom:10px;padding:14px 16px}.cookie-banner-inner{gap:14px}.cookie-banner-actions{width:100%}.cookie-banner button{flex:1}}