/*
CSS for the Yhteystiedot page
*/

@media (max-width: 767px) {
  /*
   * Force the main flex container on the Yhteystiedot page to stack its children
   * vertically on narrow screens, overriding the default horizontal layout.
   */
  .wp-block-group.is-nowrap.is-layout-flex {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
  
  /* More specific selector for the container */
  main .wp-block-group.is-nowrap.is-layout-flex {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
  
  /* Even more specific with the container class */
  .container .wp-block-group.is-nowrap.is-layout-flex {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
  
  /* Ensure child blocks take full width */
  .wp-block-group.is-nowrap.is-layout-flex > * {
    width: 100% !important;
    flex: 1 1 100% !important;
  }
}