/* STRONGER INLINE Fix for translated text overlapping with carousel images on desktop */
@media screen and (min-width: 992px) {
  .bannerHo__headers > h1, 
  .bannerHo__headers > h2, 
  .bannerHo__headers > h3, 
  .bannerHo__headers > p, 
  .bannerHo__headers > .bannerLg__cupon,
  .bannerHo__headers--lg > h1, 
  .bannerHo__headers--lg > h2, 
  .bannerHo__headers--lg > h3, 
  .bannerHo__headers--lg > p, 
  .text-white.bannerHo__headers > h1,
  .text-white.bannerHo__headers > h3,
  .text-white.bannerHo__headers > p {
    max-width: 50% !important;
    word-break: break-word !important;
  }
}

/* Force buttons container to be side-by-side always */
div.headers__btns {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    width: 100% !important;
}

/* Make banner buttons fit their text width with 16px horizontal padding */
div.headers__btns > a, div.headers__btns > button {
    display: inline-flex !important;
    width: auto !important;
    min-width: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin: 0 !important;
    white-space: nowrap !important;
}
