/*
 * Marketing-only overrides. Loaded LAST on marketing routes (after bootstrap +
 * hmapp), so it wins by source order over the app's global Tailwind CSS, which
 * is loaded app-wide from root.tsx and bleeds into these Bootstrap-based pages.
 *
 * The app must keep its Tailwind utilities, so rather than disable them globally
 * we re-assert the Bootstrap defaults the marketing markup depends on.
 */

/* Tailwind v4 emits a `.container` utility (because the markup uses class
 * "container"). Its rem-based max-width fights Bootstrap's fixed-width
 * container, and since hmapp sets html{font-size:10px} the 80rem collapses to
 * ~800px. Drop the cap so Bootstrap's responsive width:1170px etc. apply. */
.container {
  max-width: none;
}

/* Tailwind emits a `.collapse` utility (visibility: collapse) that hides the
 * Bootstrap `.navbar-collapse.collapse` nav contents (links + Login button).
 * Bootstrap drives collapse via `display`, so restoring visibility is enough. */
.collapse {
  visibility: visible;
}

/* Tailwind preflight sets img/svg { display: block } which breaks the inline
 * icon/badge/logo layout the marketing markup assumes. Bootstrap keeps explicit
 * block images via .img-responsive / .center-block. */
.mm-navbar img,
.page-wrapper img,
.footer-wrapper img,
.login-wrapper img {
  display: inline-block;
}
.page-wrapper .img-responsive,
.login-wrapper .img-responsive,
.page-wrapper .center-block {
  display: block;
}