/*
Theme Name: Mokko (Child Theme)
Theme URI: http://madsparrow.us/
Author: Mad Sparrow
Author URI: https://themeforest.net/user/madsparrow
Description: Mokko Creative Agency and Portfolio Theme – Child Theme met custom aanpassingen voor consistente header, gecentreerd menu en uitlijning.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mokko
Template: mokko
*/

/* === Mokko Child Theme Custom Styles === */

/* Uniforme layout header op alle pagina’s */
.main-header__layout,
.main-header__layout.top {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 0;        /* logo zo ver mogelijk links */
  padding-right: 30px;    /* ruimte aan rechterkant */
  display: flex;
  justify-content: space-between !important;
  align-items: center;
  gap: 20px;
}

/* Binnenstructuur flex en uitlijning */
.main-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* Logo en widgets nemen vaste ruimte, nav vult op */
.main-header__logo,
.main-header__widgets {
  flex: 0 0 auto;
  width: 200px; /* Zorg dat links en rechts gelijke ruimte innemen */
}

/* Navigatie neemt resterende ruimte en centreert menu */
.main-header__nav {
  flex: 1 1 auto;
  text-align: center;
  margin: 0 auto;
}

/* Verwijder padding boven/onder op homepage-header */
body.home .main-header__layout.top {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Verwijder spacing onder de header op homepage */
body.home .ms-section.ms-section--home,
body.home .ms-section:first-of-type {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Zorg dat het logo overal exact gelijk staat */
.main-header__logo {
  margin-left: 0 !important;
  padding-left: 0 !important;
}