/* Fix CONTACT button text cut off on desktop */
.wp-block-button__link {
  overflow: visible !important;
  white-space: nowrap !important;
  min-width: max-content !important;
  padding-left: 1.5em !important;
  padding-right: 1.5em !important;
}

/* ── Mobile nav ── */
@media (max-width: 768px) {

  /* Force overlay to sit above everything including fixed hero */
  .wp-block-navigation__responsive-container.is-menu-open {
    z-index: 99999 !important;
    position: fixed !important;
    top: 0 !important; left: 0 !important;
    right: 0 !important; bottom: 0 !important;
    background: #11121d !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 60px 40px !important;
  }

  /* Big editorial nav links */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    font-size: clamp(36px, 10vw, 56px) !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
    text-transform: uppercase !important;
    color: #e7e1d5 !important;
    line-height: 1 !important;
  }

  /* Gap between items */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    gap: 28px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* CONTACT red button inside menu */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-button__link {
    background: #B70B0B !important;
    color: #fff !important;
    padding: 16px 36px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    margin-top: 16px !important;
  }

  /* Close button white */
  .wp-block-navigation__responsive-container-close svg {
    color: #e7e1d5 !important;
    fill: #e7e1d5 !important;
    width: 32px !important; height: 32px !important;
  }

  /* Hamburger icon */
  .wp-block-navigation__responsive-container-open svg {
    width: 28px !important; height: 28px !important;
  }
}
	
	/*  Hide default Margarethe mobile nav on mobile  */
	@media (max-width: 768px) {
		  .wp-block-navigation,
		  .wp-block-navigation__responsive-container,
		  .wp-block-navigation__responsive-container-open,
		  header .wp-block-navigation,
		  .site-header .wp-block-navigation,
		.wp-block-site-title { display: none !important; }
	}
	
	/*  Hide custom nav on desktop  */
	#rg-mobile-nav { display: none; }
	
	@media (max-width: 768px) {
		
		#rg-mobile-nav { display: block; }
		
		#rg-header {
			    position: fixed;
			    top: 0; left: 0; right: 0;
			    z-index: 9999;
			    height: 58px;
			    background: #F2EFE7;
			    border-bottom: 0.5px solid rgba(0,0,0,0.1);
			    display: flex;
			    align-items: center;
			    justify-content: space-between;
			    padding: 0 24px;
		}
		
		#rg-header-logo {
			    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			    font-size: 10px;
			    font-weight: 500;
			    letter-spacing: 0.22em;
			    text-transform: uppercase;
			    color: #C0392B;
			    text-decoration: none;
		}
		
		#rg-hamburger {
			    background: none;
			    border: none;
			    cursor: pointer;
			    padding: 8px 0 8px 12px;
			    display: flex;
			    flex-direction: column;
			    align-items: flex-end;
			    gap: 5px;
		}
		
		#rg-hamburger span {
			    display: block;
			    height: 1px;
			    background: #1a1a1a;
			    transition: all 0.38s cubic-bezier(0.4, 0, 0.2, 1);
		}
		
		#rg-hamburger span:nth-child(1) { width: 22px; }
		#rg-hamburger span:nth-child(2) { width: 14px; }
		#rg-hamburger span:nth-child(3) { width: 22px; }
		
		#rg-hamburger.is-open span:nth-child(1) {
			    transform: translateY(6px) rotate(45deg); width: 22px;
		}
		#rg-hamburger.is-open span:nth-child(2) { opacity: 0; width: 0; }
		#rg-hamburger.is-open span:nth-child(3) {
			    transform: translateY(-6px) rotate(-45deg); width: 22px;
		}
		
		#rg-overlay {
			    position: fixed;
			    inset: 0;
			    z-index: 9998;
			    background: #F2EFE7;
			    transform: translateX(100%);
			    transition: transform 0.44s cubic-bezier(0.4, 0, 0.2, 1);
			    display: flex;
			    flex-direction: column;
		}
		
		#rg-overlay.is-open { transform: translateX(0); }
		
		#rg-overlay-header {
			    height: 58px;
			    flex-shrink: 0;
			    border-bottom: 0.5px solid rgba(0,0,0,0.1);
			    display: flex;
			    align-items: center;
			    justify-content: space-between;
			    padding: 0 24px;
		}
		
		#rg-overlay-logo {
			    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			    font-size: 10px;
			    font-weight: 500;
			    letter-spacing: 0.22em;
			    text-transform: uppercase;
			    color: #C0392B;
			    text-decoration: none;
		}
		
		#rg-close {
			    background: none;
			    border: none;
			    font-size: 22px;
			    font-weight: 300;
			    color: #1a1a1a;
			    cursor: pointer;
			    padding: 8px;
			    line-height: 1;
			    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		}
		
		#rg-nav-body {
			    flex: 1;
			    padding: 48px 28px 40px;
			    display: flex;
			    flex-direction: column;
			    justify-content: space-between;
			    overflow-y: auto;
		}
		
		#rg-links {
			    list-style: none;
			    margin: 0;
			    padding: 0;
		}
		
		#rg-links li {
			    border-bottom: 0.5px solid rgba(0,0,0,0.1);
		}
		
		#rg-links li:first-child {
			    border-top: 0.5px solid rgba(0,0,0,0.1);
		}
		
		#rg-links a {
			    display: flex;
			    align-items: center;
			    justify-content: space-between;
			    padding: 22px 0;
			    font-family: Georgia, 'Times New Roman', serif;
			    font-size: 38px;
			    font-weight: 400;
			    color: #1a1a1a;
			    text-decoration: none;
			    line-height: 1;
			    transform: translateX(40px);
			    opacity: 0;
			    transition: transform 0.42s cubic-bezier(0.4, 0, 0.2, 1),
						                opacity 0.42s ease,
						                color 0.2s ease;
		}
		
		#rg-links li:nth-child(1) a { transition-delay: 0.07s; }
		#rg-links li:nth-child(2) a { transition-delay: 0.13s; }
		#rg-links li:nth-child(3) a { transition-delay: 0.19s; }
		
		#rg-overlay.is-open #rg-links a {
			    transform: translateX(0);
			    opacity: 1;
		}
		
		#rg-links a:active { color: #C0392B; }
		
		.rg-arrow {
			    font-size: 18px;
			    color: #C0392B;
			    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			    font-weight: 300;
		}
		
		#rg-nav-footer {
			    opacity: 0;
			    transition: opacity 0.4s ease 0.28s;
		}
		
		#rg-overlay.is-open #rg-nav-footer { opacity: 1; }
		
		.rg-footer-address {
			    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			    font-size: 9.5px;
			    letter-spacing: 0.14em;
			    text-transform: uppercase;
			    color: #999;
			    line-height: 1.8;
			    margin-bottom: 20px;
		}
		
		.rg-socials {
			    display: flex;
			    gap: 16px;
			    align-items: center;
		}
		
		.rg-socials a {
			    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			    font-size: 9px;
			    font-weight: 500;
			    letter-spacing: 0.18em;
			    text-transform: uppercase;
			    color: #1a1a1a;
			    text-decoration: none;
			    border-bottom: 0.5px solid rgba(0,0,0,0.3);
			    padding-bottom: 2px;
			    transition: color 0.2s ease, border-color 0.2s ease;
		}
		
		.rg-socials a:active {
			    color: #C0392B;
			    border-color: #C0392B;
		}
		
		body.rg-nav-active { overflow: hidden; }
		
		  .wp-site-blocks,
		  #page,
		.site { padding-top: 58px; }
		
	}
		}
		}
		}
		}
		}
		}
		}
		}
		}
		}
		}
		}
		}
		}
		}
		}
		}
		}
		}
		}
		}
		}
	}
	}