/* Standalone compatibility patch for SUNANGLE Fine Art 6.65.0–6.65.2. */
/* SUNANGLE v6.65.2 — restore full studio banner artwork on smaller viewports.
 * Its 2048 × 754 image contains important wording on the left: object-fit:cover
 * on a tall mobile cover clipped the artwork. Match the art's own aspect ratio
 * rather than stretching or cropping it. This is intentionally scoped to the
 * studio/Our Studio Gutenberg cover; do not alter home or shop banners. */
@media (max-width: 900px) {
  body.page .sunangle-page-entry .sunangle-hero.sunangle-studio-v60.wp-block-cover,
  body.page .sunangle-page-entry .sunangle-hero.sunangle-studio-v60 {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 2048 / 754 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  body.page .sunangle-page-entry .sunangle-hero.sunangle-studio-v60 .wp-block-cover__image-background,
  body.page .sunangle-page-entry .sunangle-hero.sunangle-studio-v60 > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
  body.page .sunangle-page-entry .sunangle-hero.sunangle-studio-v60 .wp-block-cover__inner-container {
    display: none !important; /* artwork already contains its own copy */
  }
}
@media (max-width: 767px) {
  body.page .sunangle-page-entry .sunangle-about-intro h2,
  body.page .sunangle-page-entry .sunangle-about-intro .sunangle-display {
    font-size: clamp(31px, 8vw, 48px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    overflow-wrap: break-word;
  }
}


/* SUNANGLE v6.65.3 — artwork-first, full-if-possible responsive banners.
   Fit the supplied panoramic artwork at its native proportions. If a 320–430px
   phone needs a taller banner, use only a modest CENTER crop. These selectors
   intentionally exclude home art, product tile artwork and payment/account UI.
   Gutenberg images and existing page content remain independently editable. */

/* Shop collection and single product share one 2200×688 panoramic asset.
   Undo legacy 58vh/42vh/28vh minimums that over-cropped the central painting. */
.sunangle-woocommerce-main > .sunangle-shop-archive-banner,
body.single-product .sunangle-woocommerce-main > .sunangle-shop-archive-banner {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 2200 / 688 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.sunangle-woocommerce-main > .sunangle-shop-archive-banner .sunangle-art-banner-stage,
body.single-product .sunangle-woocommerce-main > .sunangle-shop-archive-banner .sunangle-art-banner-stage {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
}
.sunangle-woocommerce-main > .sunangle-shop-archive-banner .sunangle-art-banner-stage img,
body.single-product .sunangle-woocommerce-main > .sunangle-shop-archive-banner .sunangle-art-banner-stage img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* CMS-made art-only banner: natural image height outside phones, no black
   letterbox. Does not affect normal Gutenberg Cover blocks with live text. */
.sunangle-page-entry .sunangle-art-banner--visual:not(.sunangle-home-art-banner):not(.sunangle-shop-archive-banner) {
  position: relative !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
}
.sunangle-page-entry .sunangle-art-banner--visual:not(.sunangle-home-art-banner):not(.sunangle-shop-archive-banner) .sunangle-art-banner-stage {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}
.sunangle-page-entry .sunangle-art-banner--visual:not(.sunangle-home-art-banner):not(.sunangle-shop-archive-banner) .sunangle-art-banner-stage img {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Studio hero contains baked-in writing on the LEFT, so the full picture is
   essential on desktop as well as mobile; this extends the v6.65.2 fix. */
body.page .sunangle-page-entry .sunangle-hero.sunangle-studio-v60.wp-block-cover,
body.page .sunangle-page-entry .sunangle-hero.sunangle-studio-v60 {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 2048 / 754 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
body.page .sunangle-page-entry .sunangle-hero.sunangle-studio-v60 .wp-block-cover__image-background,
body.page .sunangle-page-entry .sunangle-hero.sunangle-studio-v60 > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* The Contact painting is centered. Show full image wherever practical. */
.sunangle-contact-page .sunangle-contact-banner-v639 img {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* The actual product artwork remains complete in the primary product viewer.
   Thumbnail crops and decorative room mockups remain as originally designed. */
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
  object-fit: contain !important;
  object-position: center center !important;
}

@media (max-width: 767px) {
  /* At phone widths the native 3.2:1 shop image would be ~100–135px tall;
     use a small amount of center cropping for a usable visible banner. */
  .sunangle-woocommerce-main > .sunangle-shop-archive-banner,
  body.single-product .sunangle-woocommerce-main > .sunangle-shop-archive-banner {
    height: max(158px, 31.2727vw) !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
  }
  .sunangle-page-entry .sunangle-art-banner--visual:not(.sunangle-home-art-banner):not(.sunangle-shop-archive-banner) .sunangle-art-banner-stage {
    height: max(170px, 37vw) !important;
  }
  .sunangle-page-entry .sunangle-art-banner--visual:not(.sunangle-home-art-banner):not(.sunangle-shop-archive-banner) .sunangle-art-banner-stage img {
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  .sunangle-contact-page .sunangle-contact-banner-v639 img {
    height: max(170px, 36.92vw) !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  /* Keep v6.65.2 studio ratio intact on the narrowest phones; no text crop. */
}