/* ---------------------------------------------------------------------------
   Auris — small-screen corrections.

   These are the ONLY rules in the build that are not a direct translation of
   the design sources. Both defects exist in the *.dc.html originals; they make
   the site unusable on a phone, so they are corrected here rather than in the
   flattened markup. Delete this file (and its <link> in each page) to get the
   design back exactly as authored.
   No copy, colour, type or desktop layout is touched.
   --------------------------------------------------------------------------- */

/* 1 — Header row does not fit a phone.
   The nav keeps logo + language pill + CTA + burger on one line. At 375px the
   row is 398px wide (EN) / 521px (DE), so the burger is pushed outside the
   wrapper's overflow-x:clip and the mobile menu cannot be opened at all.
   The drawer already carries its own CTA (.au-burger-cta, shown below 1040px),
   so the top-bar CTA is redundant here. */
@media (max-width: 680px) {
  .au-nav-actions > a { display: none !important; }
  header img[alt="Auris"] { height: 52px !important; }
}

/* 2 — Hero and section leads carry a hard pixel width.
   Three paragraphs on each homepage are authored with `width: 800px` /
   `width: 900px` instead of max-width. Inside the wrapper's overflow-x:clip
   they are cropped on both sides and become unreadable below ~900px. */
@media (max-width: 900px) {
  [style*="width: 800px"],
  [style*="width: 900px"] { width: auto !important; }
}