.elementor .e-12eaaaf{max-height:1px;flex-direction:column;/* 1. Target every possible container tag Rank Math could be using */
.rank-math-breadcrumb, 
.rank-math-breadcrumb p,
.rm-horizontal-breadcrumbs,
div[class*="breadcrumb"] {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;       /* STRICTLY FORBIDS wrapping to a new line */
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;        /* ENABLES horizontal scrolling */
  overflow-y: hidden !important;       /* Hides messy vertical shifts */
  white-space: nowrap !important;     /* Forces all text to remain on one line */
  padding: 10px 0 !important;
  margin: 10px 0 !important;
  
  /* Smooth scrolling mechanics for touchscreens */
  -webkit-overflow-scrolling: touch !important; 
  scrollbar-width: none !important;    /* Hides ugly scrollbars on Firefox */
}

/* Hide scrollbars for Chrome, Safari, and Opera to keep it clean */
.rank-math-breadcrumb::-webkit-scrollbar,
.rm-horizontal-breadcrumbs::-webkit-scrollbar,
div[class*="breadcrumb"]::-webkit-scrollbar {
  display: none !important;
}

/* 2. Force all children elements to stay inline and side-by-side */
.rank-math-breadcrumb *, 
.rm-horizontal-breadcrumbs *,
div[class*="breadcrumb"] * {
  display: inline-flex !important;
  align-items: center !important;
  float: none !important;             /* Kills old theme floats */
  clear: none !important;             /* Kills old theme vertical clears */
  margin-right: 8px !important;       /* Comfortable spacing between items */
}

/* Optional: Subtle indicator to let mobile users know they can swipe */
.rank-math-breadcrumb a,
.rm-horizontal-breadcrumbs a {
  text-decoration: none !important;
  font-size: 14px !important;         /* Keeps your updated font size */
}\n}