/**
 * RIB360-CUSTOMER-MOBILE-SIGNIN-PUBLIC-BROWSING-UX-CORRECTION-FIX-J7I
 * Public customer browsing: one mobile header and readable mobile typography.
 */

/* J7H's specific selector was not sufficient on every route. Public pages
   must not render any Customer Portal application header above this shell. */
body > [data-rib360-cmj],
body > .rib360-cmj,
body > .rib360-cmj-portal,
body > .cp-mobile-header,
body > .cp-mobile-topbar,
body > .rib360-customer-mobile-header,
body > .rib360-portal-mobile-header {
  display: none !important;
}

@media (max-width: 760px) {
  .rib360-public-header .rib360-public-shell {
    min-height: 78px !important;
    padding: 12px 18px !important;
    gap: 14px !important;
  }

  .rib360-public-brand {
    min-width: 0 !important;
  }

  .rib360-public-brand img {
    width: 112px !important;
    max-width: 112px !important;
    height: auto !important;
  }

  .rib360-public-brand span {
    display: none !important;
  }

  .rib360-public-account-rail.rib360-public-account-icon-only .rib360-public-account-button {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
  }

  /* Customer-facing mobile copy must remain comfortably readable. */
  .rib2-hero .rib2-eyebrow,
  .rib360-public-eyebrow,
  .rib360-hero-eyebrow {
    font-size: .9rem !important;
    line-height: 1.35 !important;
  }

  .rib2-hero h1,
  .rib360-public-hero h1 {
    font-size: clamp(2.45rem, 12vw, 3.15rem) !important;
    line-height: 1.08 !important;
  }

  .rib2-lead,
  .rib360-public-hero p,
  .rib360-public-hero .lead {
    font-size: 1rem !important;
    line-height: 1.65 !important;
  }

  .rib2-filters select,
  .rib2-filters input,
  .rib2-filters button,
  .rib360-offers-filter select,
  .rib360-offers-filter input,
  .rib360-offers-filter button {
    min-height: 48px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  .rib2-card h3,
  .rib360-offer-card h3 {
    font-size: 1.08rem !important;
  }

  .rib2-card p,
  .rib360-offer-card p,
  .rib360-offers-resultsbar {
    font-size: .95rem !important;
    line-height: 1.6 !important;
  }
}