/* App calls to action use the niche primary pair, including owner overrides. */
body.asa-stage2-app-surface .asa-app-root .asa-premium-button {
  background:var(--wp--preset--color--primary);
  color:var(--asa-on-primary,#fff);
}
body.asa-stage2-app-surface .asa-product-benefits {display:flex;flex-wrap:wrap;gap:8px;margin-block:18px;}
body.asa-stage2-app-surface .asa-product-benefits > span {padding:6px 10px;border-radius:6px;background:var(--wp--preset--color--secondary);font-size:14px;}
body.asa-stage2-app-surface .asa-inner-hero .wp-block-cover__background {background:var(--wp--preset--color--text)!important;opacity:.72!important;}
body.asa-stage2-app-surface .asa-inner-hero :is(h1,p) {color:var(--asa-on-dark,#fff);}
body.asa-stage2-app-surface .wc-block-components-product-image img {aspect-ratio:3/2!important;object-fit:contain!important;}
body.asa-stage2-app-surface .asa-bundle-art {object-fit:contain;background:var(--wp--preset--color--secondary);}
@media (min-width:1024px) and (max-width:1199px) {
  body.asa-stage2-has-apps .asa-header-cta {display:none;}
}

@media (max-width:600px) {
  body.asa-stage2-app-surface .asa-premium-promo,
  body.asa-stage2-app-surface .asa-free-promo {grid-template-columns:minmax(0,1fr);}
  body.asa-stage2-app-surface .asa-promo-copy {padding:24px;max-width:none;}
  body.asa-stage2-app-surface .asa-premium-promo h3 {max-width:none;}
  body.asa-stage2-app-surface .asa-bundle-art {height:150px;object-fit:contain;}
  body.asa-stage2-app-surface .asa-free-promo > img {grid-column:1;grid-row:auto;height:130px;object-fit:contain;}
}

/* Editorial headers use a different navigation class from the original FE.
   Keep their closed drawer and compact header on the same 1023px breakpoint. */
@media (max-width:1023px) {
  body:is(.asa-stage2-app-surface,.asa-stage2-has-apps) .asa-header-inner > .asa-editorial-navigation {
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    min-width:0;
    width:44px;
    margin:0!important;
  }
  body:is(.asa-stage2-app-surface,.asa-stage2-has-apps) .asa-editorial-navigation > .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display:none!important;
  }
}