/*
 Theme Name:  Astra Child
 Theme URI:   https://wpastra.com/
 Description: Child theme for Astra.
 Author:      Chris Pinter
 Template:    astra
 Version:     1.0.0
*/

/* ===== FORCE MOBILE SIZING FOR HERO + ABOUT PORTRAIT ===== */
@media (max-width: 782px) {

  /* HERO cover */
  .hero-cover,
  .hero-cover.wp-block-cover {
    min-height: 48vh !important;
  }
  .hero-cover .wp-block-cover__inner-container {
    padding: 20px 14px !important;
  }
  .hero-cover .wp-block-cover__image-background,
  .hero-cover img.wp-block-cover__image-background {
    object-fit: cover !important;
    object-position: 50% 25% !important;
    max-height: 48vh !important;
    width: 100% !important;
  }

  /* ABOUT portrait cover (right column) */
  .about-portrait-cover,
  .about-portrait-cover.wp-block-cover {
    min-height: 340px !important;      /* try 300–420 to taste */
    max-width: 88% !important;         /* visually narrower */
    margin: 0 auto !important;         /* center it on phones */
    border-radius: 10px !important;
    overflow: hidden !important;
  }
  .about-portrait-cover .wp-block-cover__inner-container {
    padding: 0 !important;
  }
  .about-portrait-cover .wp-block-cover__image-background,
  .about-portrait-cover img.wp-block-cover__image-background {
    object-fit: cover !important;
    object-position: top center !important;
    width: 100% !important;
    height: 100% !important;
  }
}