/**
 * hotel-style loads main.css + app-new.css only (no style.css / home.css).
 * main.css still has legacy .ftrNav { display:flex } as a row, so multiple
 * footer regions collide. Stack regions here; keep inner menus row-based.
 */
.footerMain .ftrNav {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
}
.footerMain .ftrNav > .region,
.footerMain .ftrNav > div.region {
  width: 100%;
  min-width: 0;
  flex: 0 0 auto;
}
.footerMain .ftrNav ul.navbar-nav {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -moz-box-orient: horizontal !important;
  -moz-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

/* After Bootstrap 5 nav-link:hover — keep footer column links white on hover. */
.footerMain .ftrNav li a:hover,
.footerMain .ftrNav li a:focus,
.footerMain .ftrNav a.nav-link:hover,
.footerMain .ftrNav a.nav-link:focus,
.footerMain .ftrNav .navbar-nav .nav-item .nav-link:hover,
.footerMain .ftrNav .navbar-nav .nav-item .nav-link:focus {
  color: #fff !important;
  opacity: 1 !important;
}