/* Recreatief.nl Blog seasonal SEO layer – v44
   IMPORTANT: /assets/css/blog.css is Andy-owned and remains untouched. */

.blog-nav-v44-wrap{position:relative;display:inline-flex;align-items:center;gap:3px;vertical-align:middle}
.blog-nav-v44-wrap>a{display:inline-flex;align-items:center;line-height:normal}
.blog-nav-v44-toggle{border:0;background:transparent;color:var(--navy);cursor:pointer;padding:0 5px;font:inherit;line-height:1;align-self:center}
.blog-nav-v44-toggle::after{content:"▾";font-size:.72rem}
.blog-nav-v44-panel{display:none;position:absolute;z-index:150;top:calc(100% + 12px);right:-230px;width:min(960px,92vw);padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:var(--shadow);grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
/* Invisible hover bridge across the 12px visual gap, so the submenu does not close while the pointer moves into it. */
.blog-nav-v44-panel::before{content:"";position:absolute;left:0;right:0;top:-13px;height:13px;background:transparent}
.blog-nav-v44-wrap:hover .blog-nav-v44-panel,.blog-nav-v44-wrap:focus-within .blog-nav-v44-panel,.blog-nav-v44-wrap.is-open .blog-nav-v44-panel{display:grid}
.blog-nav-v44-group strong{display:block;margin:0 0 8px;color:var(--gold);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.site-header .blog-nav-v44-group a{display:block;width:auto;padding:7px 0;color:var(--navy);line-height:1.25;font-size:.91rem;font-weight:750}
.site-header .blog-nav-v44-group a:hover{color:var(--green)}

.blog-priority-v44{padding:34px 0 12px;background:linear-gradient(180deg,#fff 0%,#f7f5ee 100%)}
.blog-priority-v44 .priority-head{max-width:760px;margin-bottom:20px}
.blog-priority-v44 .priority-head p{color:var(--muted);margin-bottom:0}
.blog-priority-v44-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.blog-priority-v44-card{display:flex;min-height:220px;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(16,39,68,.06);text-decoration:none}
.blog-priority-v44-card:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(16,39,68,.10)}
.blog-priority-v44-card .mini{color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.blog-priority-v44-card h2{font-size:clamp(1.35rem,2vw,1.9rem);margin:8px 0 10px}
.blog-priority-v44-card p{color:var(--muted);margin:0 0 18px}
.blog-priority-v44-card strong{color:var(--green)}

.hub-v44-hero{padding:52px 0 36px;background:linear-gradient(180deg,#f8f4e8 0%,#fff 100%)}
.hub-v44-hero .breadcrumbs{margin-bottom:18px}
.hub-v44-hero h1{max-width:900px;margin:6px 0 14px}
.hub-v44-hero p{max-width:820px;color:var(--muted);font-size:1.08rem}
.hub-v44-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hub-v44-stats span{display:inline-flex;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-size:.88rem;font-weight:800}
.hub-v44-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.hub-v44-nav a,.season-filter-v44{display:inline-flex;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--green);font-weight:800;text-decoration:none}
.hub-v44-nav a:hover,.season-filter-v44:hover{border-color:var(--green)}
.hub-v44-section{padding:38px 0}
.hub-v44-section.paper{background:var(--paper)}
.hub-v44-section .section-head{margin-bottom:20px}
.hub-v44-intro-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hub-v44-intro-links a{font-weight:800}
.hub-v44-commercial{margin-top:26px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}
.hub-v44-commercial p{margin:0 0 10px;color:var(--muted)}
.hub-v44-commercial a{font-weight:850}

.seo-cluster-v44{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.seo-cluster-v44 strong{display:block;margin-bottom:9px;color:var(--navy)}
.seo-cluster-v44-links{display:flex;flex-wrap:wrap;gap:8px}
.seo-cluster-v44-links a{display:inline-flex;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--green);font-size:.86rem;font-weight:800;text-decoration:none}

.blog-filter .season-filter-v44.is-active{background:var(--green);border-color:var(--green);color:#fff}

@media(max-width:1050px){
  .blog-nav-v44-panel{right:-110px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(760px,92vw)}
}
@media(max-width:960px){
  .blog-nav-v44-wrap{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center}
  .blog-nav-v44-toggle{padding:12px}
  .blog-nav-v44-panel,.blog-nav-v44-wrap:hover .blog-nav-v44-panel,.blog-nav-v44-wrap:focus-within .blog-nav-v44-panel{display:none;position:static;width:100%;grid-column:1/-1;grid-template-columns:1fr;max-height:62vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 12px;box-shadow:none;border-radius:14px;background:#fff}
  .blog-nav-v44-wrap.is-open .blog-nav-v44-panel{display:grid}
  .site-header .blog-nav-v44-group a{padding:8px 0}
  .blog-priority-v44-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .hub-v44-hero{padding:36px 0 26px}
  .hub-v44-stats,.hub-v44-nav{gap:7px}
}