/* ==========================================================================
   Site-wide chrome fixes (ica-web). Linked from the header chunk on every page, after
   mega-menu.css. Home for small rules that belong to no page family and no single
   component stylesheet. Append-only: add new rules at the END of this file.
   ========================================================================== */

/* 1. Legacy floating scroll-to-top (shadow-DOM custom element, 60px, fixed bottom-right).
   On phones it sat over the right column of tables and right-aligned text (responsive audit
   2026-10-04, L2; Ryan 2026-10-06: hide under 768px). Phones scroll to top with a flick or a
   status-bar tap; tablets and desktops keep the button. */
@media (max-width:767.98px){
  scroll-to-top{display:none}
}

/* 2. Utility strip language separator. The strip ends "… CONTACT |" followed by BabelLinks,
   which renders nothing while the Spanish context has no pages, so the bar is a dangling
   separator on every page (audit L6). Hide the separator only when nothing follows it; the
   moment a language link renders after it, the rule stops matching and the bar returns. */
.ica-nav-utility .top-nav > div:last-child:not(:has(a)){display:none}

/* 3. Announcement banner on phones and landscape phones (audit L7). At 375px the bar stacked
   to 157px: pill, three lines of copy, link, and the bar still stacked to three rows on
   tablets up to ~1000px. Tighter inset, gaps and type under 1024px bring phones to ~135px and
   tablets to two rows without touching the copy or hiding anything. The close button keeps
   its 36px target. */
/* announce.css is linked later in the body than this file, so these need one more class to
   outrank its base rules. */
@media (max-width:1023.98px){
  .ica-announce__bar .ica-announce__bar-inner{padding:8px 46px 8px 14px;gap:6px 12px}
  .ica-announce__bar .ica-announce__bar-text{font-size:14px;line-height:1.35}
  .ica-announce__bar .ica-announce__bar-link{font-size:14px}
}