/* ==========================================================================
   Discovery Air — Global responsive safety net
   Loaded last, site-wide. Contains only low-risk global guards plus
   mobile/tablet media queries. The existing desktop design is preserved
   (component styles are more specific and continue to win on desktop).
   ========================================================================== */

/* Never allow horizontal page scrolling from an overflowing child/image.
   `clip` prevents the scroll without breaking position:sticky (the navbar). */
html, body { max-width: 100%; overflow-x: clip; }

/* All media scales within its container. Object-fit images define their own
   height in more specific selectors, so they are unaffected by `height:auto`. */
img, svg, video, iframe { max-width: 100%; }
img { height: auto; }

/* Wide content (tables) should scroll inside itself, not stretch the page. */
table { max-width: 100%; }
.table-responsive { -webkit-overflow-scrolling: touch; }

/* ---------- Tablet and below ---------- */
@media (max-width: 991.98px) {
    /* Dropdowns / mega-menus never wider than the viewport. */
    .dropdown-menu { max-width: 100%; }
    /* Long account numbers / IBANs / URLs wrap instead of forcing width. */
    .bank-value, .mono, .text-break-safe { overflow-wrap: anywhere; word-break: break-word; }
}

/* ---------- Phones ---------- */
@media (max-width: 575.98px) {
    /* Scale oversized hero/section headings (many set inline font-size). */
    h1 { font-size: 1.9rem !important; line-height: 1.2; }
    h2 { font-size: 1.5rem !important; }
    .lead { font-size: 1rem !important; }

    /* Comfortable, consistent gutters. */
    .container, .container-fluid { padding-left: 16px !important; padding-right: 16px !important; }

    /* Large CTA buttons fit smaller screens. */
    .btn-lg { padding: .6rem 1rem !important; font-size: 1rem !important; }
}