/* components/qb-hero.css — scoped hook for .rp-qb-hero (QuickBooks Integration hero).
   Loaded via inc/kadence-qb-hero.php (presence-loader gated, EN + AR). RTL in qb-hero-rtl.css.
   Figma 13286:17932: ~45/55 split (content left, tablet dashboard mockup right). */

/* The reused product-hero flex layout collapsed the left column to flex-basis:0% (~22%),
   ballooning the visual to ~78% and wrapping the CTAs onto 3 lines. Force the Figma 45/55. */
@media (min-width: 992px) {
  .rp-qb-hero .double-section-hero-container-left {
    flex: 0 0 45% !important;
    max-width: 45%;
  }
  .rp-qb-hero .double-section-hero-container-right {
    flex: 0 0 55% !important;
    max-width: 55%;
  }
}

/* Hero visual fits its column (was forced to 971px). */
.rp-qb-hero .main-hero-section-img {
  width: 100%;
  height: auto;
}