.bottomSubMenuFull {
  background: #6e9c6b !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.bottomSubMenuFull .subMenuCenter {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
}

nav.desktop_BottomSubMenu ul {
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-wrap: wrap !important;
  background-color: transparent !important;
}

nav.desktop_BottomSubMenu li {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  background-color: transparent !important;
}

nav.desktop_BottomSubMenu a,
nav.desktop_BottomSubMenu a.ui-link {
  display: flex !important;
  align-items: center !important;
  padding: 12px 16px !important;
  color: #ffffff !important;
  font-weight: bold !important;
  font-family: Arial, sans-serif !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  background: #6e9c6b !important;
  transition: background-color 0.2s ease !important;
  border: none !important;
  text-shadow: none !important;
}

nav.desktop_BottomSubMenu a:hover,
nav.desktop_BottomSubMenu a.ui-link:hover {
  background: #0b7b6c !important;
  color: #ffffff !important;
}

nav.desktop_BottomSubMenu li.subNavItemSelected a,
nav.desktop_BottomSubMenu li.subNavItemSelected a.ui-link {
  background: #0b7b6c !important;
  color: #ffffff !important;
}

.footer-menu-wrapper {
  background: #1d2c26 !important;
  padding: 0 !important;
  border: none !important;
}

div[data-role="footer"] .footer-nav-container {
  max-width: 100% !important;
  margin: 0 auto !important;
  width: 100% !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
}

div[data-role="footer"] .footer-visible-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
}

div[data-role="footer"] .footer-visible-nav .nav-link,
div[data-role="footer"] .footer-visible-nav .nav-link.ui-link {
  display: flex !important;
  align-items: center !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: bold !important;
  font-family: Arial, sans-serif !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  padding: 12px 16px !important;
  background: #1d2c26 !important;
  transition: background-color 0.2s ease !important;
  border: none !important;
  text-shadow: none !important;
}

div[data-role="footer"] .footer-visible-nav .nav-link:hover,
div[data-role="footer"] .footer-visible-nav .nav-link.ui-link:hover {
  background: #0b7b6c !important;
  color: #ffffff !important;
}

div[data-role="footer"] .footer-visible-nav .nav-link.btnSelected,
div[data-role="footer"] .footer-visible-nav .nav-link.ui-link.btnSelected {
  background: #6e9c6b !important;
  color: #ffffff !important;
}

.footer-nav-container .more-btn {
  font-family: "Delphin No. 2 W01 Regular", "Delphin", "Cinzel",
    "Playfair Display", "Georgia", serif !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 1rem !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  flex-shrink: 0 !important;
  height: auto !important;
  line-height: normal !important;
  padding: 6px !important;
  margin-left: 15px !important;
}

.footer-nav-container .more-btn svg {
  flex-shrink: 0 !important;
  width: 12px !important;
  height: 8px !important;
}

.footer-nav-container .more-menu {
  position: absolute;
  bottom: calc(100% + 2px);
  top: auto;
  right: 0;
}

.footer-nav-container .hamburger-menu-btn {
  margin-right: 12px;
}

.footer-nav-container .hamburger-menu-btn svg {
  width: 36px;
  height: 36px;
}

.footer-nav-container .hamburger-menu-btn:hover svg {
  filter: drop-shadow(0 2px 4px rgba(0, 128, 128, 0.3));
}

.footer-nav-container .hamburger-menu-btn:active {
  transform: scale(0.95);
}

.footer-nav-container .hamburger-menu-btn:active svg {
  filter: none;
}

/* ── Footer always shows all nav items ─────────────────────────────────
   The JS overflow logic (footer.js) hides items into a "More" dropdown,
   which is a header pattern — not appropriate for a footer.
   These rules override both the JS inline style and the hidden class.
   CSS !important in a stylesheet beats inline style="display:none".
   ─────────────────────────────────────────────────────────────────── */
div[data-role="footer"] .footer-visible-nav .nav-link,
div[data-role="footer"] .footer-visible-nav .footer-nav-link--hidden {
  display: inline-flex !important;
}

/* Never show the "More" overflow button in the footer */
div[data-role="footer"] .footer-more-dropdown,
div[data-role="footer"] #footerMoreDropdown {
  display: none !important;
}

/* ── More menu fix (used in non-footer contexts) ────────────────────── */
.footer-more-dropdown {
  position: relative;  /* anchor for the absolute .more-menu */
  display: none;
}

.footer-more-dropdown.footer-more-dropdown--active {
  display: flex;
  align-items: center;
}

.footer-nav-container .more-menu {
  position: absolute;
  bottom: calc(100% + 4px);
  top: auto;
  right: 0;
  display: none;                         /* hidden until .show is applied */
  flex-direction: column;
  background: #1d2c26;
  min-width: 200px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.35);
  z-index: 500;
}

.footer-nav-container .more-menu.show {
  display: flex;
}

.footer-nav-container .more-menu .nav-link {
  display: flex !important;
  padding: 10px 18px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  white-space: nowrap;
}
.footer-nav-container .more-menu .nav-link:last-child {
  border-bottom: none !important;
}

@media (max-width: 960px) {
  .footer-nav-container {
    width: 100%;
  }
}

/* Copyright Footer Styles - Mobile First */
.CopyRight,
.ui-page .ui-footer .CopyRight,
[data-role="footer"] .CopyRight,
div.CopyRight,
.ui-page .ui-footer div.CopyRight,
[data-role="footer"] div.CopyRight{
	font-family: Arial, sans-serif !important;
	font-size: clamp(0.35rem, 1vw, 0.425rem) !important;
	font-weight: bold !important;
	text-align: center !important;
	padding: 5px !important;
	background-color: #004d4d !important;
	color: #ffffff !important;
	line-height: 1.6 !important;
	margin: 0 !important;
}

.CopyRight a,
.ui-page .ui-footer .CopyRight a,
[data-role="footer"] .CopyRight a,
div.CopyRight a,
.ui-page .ui-footer div.CopyRight a,
[data-role="footer"] div.CopyRight a{
	color: #00bfff !important;
	text-decoration: none !important;
	font-weight: bold !important;
}

.CopyRight a:hover,
.ui-page .ui-footer .CopyRight a:hover,
[data-role="footer"] .CopyRight a:hover,
div.CopyRight a:hover,
.ui-page .ui-footer div.CopyRight a:hover,
[data-role="footer"] div.CopyRight a:hover{
	color: #87ceeb !important;
}

.CopyRight .credits,
.ui-page .ui-footer .CopyRight .credits,
[data-role="footer"] .CopyRight .credits,
div.CopyRight .credits,
.ui-page .ui-footer div.CopyRight .credits,
[data-role="footer"] div.CopyRight .credits{
	display: block !important;
	margin-top: 4px !important;
}

@media (min-width: 992px) {
	.CopyRight,
	.ui-page .ui-footer .CopyRight,
	[data-role="footer"] .CopyRight,
	div.CopyRight,
	.ui-page .ui-footer div.CopyRight,
	[data-role="footer"] div.CopyRight{
		text-align: center !important;
		padding: 5px !important;
		background-color: #004d4d !important;
		color: #00e5ff !important;
		font-size: clamp(0.375rem, 0.6vw, 0.45rem) !important;
		line-height: 1.5 !important;
	}

	.CopyRight a,
	.ui-page .ui-footer .CopyRight a,
	[data-role="footer"] .CopyRight a,
	div.CopyRight a,
	.ui-page .ui-footer div.CopyRight a,
	[data-role="footer"] div.CopyRight a{
		color: #00e5ff !important;
		text-decoration: none !important;
		font-weight: bold !important;
	}

	.CopyRight a:hover,
	.ui-page .ui-footer .CopyRight a:hover,
	[data-role="footer"] .CopyRight a:hover,
	div.CopyRight a:hover,
	.ui-page .ui-footer div.CopyRight a:hover,
	[data-role="footer"] div.CopyRight a:hover{
		color: #ffffff !important;
	}

	.CopyRight .credits,
	.ui-page .ui-footer .CopyRight .credits,
	[data-role="footer"] .CopyRight .credits,
	div.CopyRight .credits,
	.ui-page .ui-footer div.CopyRight .credits,
	[data-role="footer"] div.CopyRight .credits{
		display: inline !important;
		margin-top: 0 !important;
	}
}