@media only screen and (max-width: 767px) {

  /* Make logo smaller and visible on all pages */
  img.custom-logo {
    max-width: 75px;
    height: 75px;
    display: inline-block !important;
    cursor: pointer;
    order: 2;
    margin-left: auto;
  }

  /* Adjust header layout: menu left, logo right */
  .site-header, 
  .wp-block-group.is-layout-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  /* Adjust header layout: menu left, logo right */
  .site-header, 
  .wp-block-group.is-layout-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  /* Menu toggle (hamburger) on the left */
  .wp-block-navigation__responsive-container-open {
    order: 1;
  }

  /* Logo on the right */
  .custom-logo {
    order: 2;
    margin-left: auto;
  }
		/* MOBILE SPECIFIC STYLING */
@media only screen and (max-width: 767px) {

  /* Hide welcome phrase on mobile */
  p.has-cyan-bluish-gray-color {
    display: none !important;
  }

  /* Hide spacer block on mobile */
  .wp-block-spacer[style*="height:50px"] {
    display: none !important;
  }

  /* Reduce side padding on mobile for About Me page (page ID 32) */
  body.page-id-32 .wp-site-blocks,
  body.page-id-32 .wp-block-group {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
		
/* MOBILE STYLING */
@media only screen and (max-width: 767px) {

  /* Reset all buttons to default flow */
  .wp-block-button__link {
    position: static !important;
  }
		
/* Make "Request more information" button bigger on mobile */
@media only screen and (max-width: 767px) {
  a.wp-block-button__link[href*="schilderijen-restauratie-contact"] {
    font-size: 1rem !important;     /* bigger text */
    padding: 12px 20px !important;  /* larger tap area */
    border-radius: 6px !important;  /* slightly rounder corners */
  }
}
}
}