/*
Theme Name: Nelson Sportsbar Minimal v2.9
Description: Full-width base rows; inner content (incl. Columns) constrained to 980px. Desktop split menus (white, no underline). Mobile hamburger with Mobile menu. Abel font.
Version: 2.9.0
Text Domain: nelson-minimal-v2-9
*/
:root{--brand:#f4a259;--fg:#666;--muted:#5f6b77;--topbar-bg:#000;--topbar-fg:#fff;--divider:rgba(15,19,24,.06)}
html{font-size:16px}
body{font-family:'Abel',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:var(--fg);background:#fff;line-height:1.8em;font-size:13px;}
:target {
  scroll-margin-top: 130px;
}

.container-narrow{max-width:980px;margin:0 auto;padding:0 1rem}

a {color:var(--fg);text-decoration:none;}
/* Topbar */
.topbar{position:sticky;top:0;z-index:1030;background:var(--topbar-bg);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.navbar-brand img{height:54px}
.navbar a,.navbar .nav-link{color:var(--topbar-fg)!important;text-decoration:none!important;font-weight:700;letter-spacing:.3px}
.navbar .nav-link:hover{opacity:.9;text-decoration:none!important}
@media (min-width: 992px){
  .nav-desktop{display:flex!important;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width: 600px; margin: 0 auto;}
  .nav-left,.nav-right{display:flex;align-items:center;gap:1rem}
  .nav-left{margin-right:auto}.nav-right{margin-left:auto}
  .center-logo{margin:0 24px}
  .nav-mobile-wrap{display:none!important}
}
@media (max-width: 991.98px){
  .nav-desktop{display:none!important}
  .nav-mobile-wrap{display:block!important}
  .navbar-toggler{border-color:rgba(255,255,255,.35)}
  .navbar-toggler-icon{filter:invert(1)}
}
@media (max-width: 767px){
	.custom-logo-link {
		margin-left:19%;
	}
}

.custom-logo {
	max-width:142px;
	max-height:95px;
}

/* Hero */
.hero-cover{position:relative;min-height:72vh;display:grid;place-items:center;text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat}
.hero-cover::before{content:"";position:absolute;inset:0;/*background:rgba(0,0,0,.28)*/}
.hero-cover .inner{position:relative;z-index:2;color:#fff}

/* Sections wrapper (full width for rows) */
section{position:relative;background:#fff}
section+section::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--divider);box-shadow:0 -10px 24px rgba(15,19,24,.04)}

/* === Gutenberg: full-width rows with 980px inner constraint === */
/* Any top-level Group acts as full-width ROW */
.entry-content > .wp-block-group{width:100%;position:relative}
/* Inner of Group constrained */
.entry-content > .wp-block-group > .wp-block-group__inner-container{max-width:980px;margin:0 auto;padding:0 1rem}

/* If a Group is explicitly alignfull, keep full-bleed but still constrain its inner */
.entry-content > .wp-block-group.alignfull{width:100vw;margin-left:50%;transform:translateX(-50%);padding-top:3rem;padding-bottom:3rem;}
.entry-content > .wp-block-group.alignfull > .wp-block-group__inner-container{max-width:980px;margin:0 auto;padding:0 1rem}

/* Wide behaves the same inner width but row is centered in content */
.entry-content > .wp-block-group.alignwide{max-width:1200px;margin:0 auto}
.entry-content > .wp-block-group.alignwide > .wp-block-group__inner-container{max-width:980px;margin:0 auto;padding:0 1rem}

/* Columns total width should never exceed 980px */
.entry-content > .wp-block-columns{max-width:980px;margin:0 auto;padding:0 1rem}
/* Columns nested inside a Group inner should also be constrained */
.wp-block-group__inner-container > .wp-block-columns{max-width:980px;margin:0 auto;padding:0 1rem}

/* Full-width utilities for other blocks (if used as rows) */
.entry-content > .wp-block-cover.alignfull,
.entry-content > .wp-block-image.alignfull,
.entry-content > .wp-block-gallery.alignfull{width:100vw;margin-left:50%;transform:translateX(-50%);max-width:100vw}

/* Gutenberg default wide/full support */
.alignwide{max-width:1200px;margin-left:auto;margin-right:auto}
.alignfull{width:100vw;margin-left:50%;transform:translateX(-50%);max-width:100vw}

/* Footer */
.widget-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}
footer{background:#fff;border-top:1px solid rgba(15,19,24,.1);padding:32px 0;color:var(--muted)}


/* Zorg dat full-width elementen niet iets te breed worden */
.alignfull {
  width: 100%;
  margin-left: 0;
  transform: none;
}