/* === HOMEPAGE (page-id-712) === */

/* Verberg paginatitel */
.page-id-712 .wp-block-post-title { display: none !important; }

/* Verwijder breedte-beperking */
.page-id-712 .entry-content.is-layout-constrained,
.page-id-712 .wp-block-post-content.is-layout-constrained {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-id-712 .entry-content > *,
.page-id-712 .wp-block-post-content > * { max-width: 100% !important; }
.page-id-712 .wp-block-group.has-global-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* === SITE-BREED: NAVIGATIE ICONEN RECHTS OP DEZELFDE HOOGTE === */
.wp-site-blocks > header .wp-block-column {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.wp-site-blocks > header .wp-block-woocommerce-customer-account {
  margin-left: auto !important;
  margin-right: 8px !important;
  display: flex !important;
  align-items: center !important;
}
.wp-site-blocks > header .wc-block-mini-cart {
  display: flex !important;
  align-items: center !important;
}
.wp-site-blocks > header .wp-block-navigation-item__content,
.wp-site-blocks > header .wp-block-navigation a {
  color: #2C1A0E !important;
  font-weight: 500 !important;
}
.wp-block-navigation__submenu-container {
  background-color: #2C1A0E !important;
}
.wp-block-navigation__submenu-container a {
  color: #F5EFE0 !important;
}

/* === SPEED FIX 1: FONT-DISPLAY SWAP ===
   Voorkomt dat tekst onzichtbaar blijft tijdens laden van Google Fonts */
@font-face {
  font-family: 'EB Garamond';
  font-display: swap;
}
@font-face {
  font-family: 'Chivo';
  font-display: swap;
}

/* === SPEED FIX 2: LAYOUT SHIFT VOORKOMEN ===
   Reserveer ruimte voor afbeeldingen zodat pagina niet springt */
.page-id-712 img {
  width: 100%;
  height: auto;
  aspect-ratio: attr(width) / attr(height);
}

/* Afbeeldingen in grid secties: vaste hoogte zodat grid stabiel is */
.page-id-712 div[style*="grid"] img {
  display: block;
  width: 100%;
  height: 460px;
  object-fit: cover;
}

/* === SPEED FIX 3: CUMULATIVE LAYOUT SHIFT HEADER ===
   Voorkom dat header van positie springt */
.wp-site-blocks > header {
  min-height: 80px;
  contain: layout;
}