/*
 Theme Name:   Astra Child
 Theme URI:    https://example.com/astra-child/
 Description:  Child theme for Astra
 Author:       Your Name
 Template:     astra
 Version:      1.0.0
*/
@media only screen and (max-width: 768px) {
  /* match the puzzle grid width */
  #grid-container {
    width: 90vw !important;
    max-width: 240px !important;
    margin: 0 auto 1rem !important;
  }

  /* shrink the image the same way */
  #image-container img {
    width: 90vw !important;
    max-width: 240px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  /* shrink the dropdown wrapper the same way */
  .puzzle-selection-container {
    width: 90vw !important;
    max-width: 240px !important;
    margin: 0.5rem auto 1.5rem !important;
  }

  /* make the select fill its container */
  .puzzle-selection-container select {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}