/* ==========================================================================
   SUDAIR PHARMA — RESPONSIVE CORRECTIONS

   Overflow fixes only. Nothing here changes a layout, a width, a margin or an
   alignment on any screen where the page already works — each rule engages
   only in the situation that was measured to be broken.

   This is deliberately NOT an alignment standard. Every page keeps its own
   composition; these rules simply stop text escaping the viewport on narrow
   screens.
   ========================================================================== */

/* --------------------------------------------------------------------------
   HEADINGS THAT CANNOT SHRINK

   A flex item defaults to min-width:auto, which floors it at its MIN-CONTENT
   width. A heading that is a flex child therefore refuses to wrap and paints
   straight through the edge of the screen instead.

   Measured at 375px:
     CSR banner  "Corporate Social Responsibility"   6px past the viewport
     CSR         "Saudi Society for Blood ..."      36px past
     Partnerships                                    38px past

   min-width:0 only permits the shrinking that flex-shrink is already asking
   for, so a heading that already fits is completely unaffected. It changes
   nothing in a normal block context.
   -------------------------------------------------------------------------- */

/*
 * Two selectors because the site mixes Elementor's classic heading widget with
 * its newer atomic one. The CSR partner heading "Saudi Society for Blood &
 * Marrow Transplantation" is an atomic .e-heading-base with no
 * .elementor-widget-heading ancestor at all, so the classic selector missed it
 * and it stayed 36px over the edge.
 */
.elementor-widget-heading .elementor-heading-title,
.e-heading-base {
	min-width: 0;
}

/*
 * And a long word still has to be breakable once the box can shrink. Note this
 * is break-word, not anywhere: break-word does not affect intrinsic sizing, so
 * it cannot pull a column narrower than its content would otherwise ask for.
 * It only takes effect when a word genuinely has nowhere else to break.
 */
.elementor-widget-heading .elementor-heading-title,
.e-heading-base,
.elementor-widget-text-editor p {
	overflow-wrap: break-word;
}