@media (max-width: 768px) {
  html, body { overflow-x: hidden; }
  body { padding-bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important; }
  .ezzyjohn-app-style-mobile-navigation {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: var(--ezzy-mbm-bg, #fff);
    border-top: 1px solid var(--ezzy-mbm-border, #e5eaf2);
    box-shadow: var(--ezzy-mbm-shadow);
    border-radius: var(--ezzy-mbm-radius);
    padding: 6px 8px max(6px, env(safe-area-inset-bottom, 0px));
    margin: 0 !important;
    width: 100%;
    box-sizing: border-box;
  }
  .ezzybook-menu-inner { display: flex; align-items: flex-end; justify-content: space-around; gap: 4px; max-width: 520px; margin: 0 auto; }
  .ezzybook-menu-item { flex: 1 1 0; min-width: 0; height: 58px; color: var(--ezzy-mbm-inactive, #8a94a6); text-decoration: none !important; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border-radius: 14px; -webkit-tap-highlight-color: transparent; transition: color .18s ease, background .18s ease, transform .18s ease; font-family: inherit; }
  .ezzybook-menu-item:hover, .ezzybook-menu-item:focus { color: var(--ezzy-mbm-inactive, #8a94a6); }
  .ezzybook-icon-wrap { display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; line-height: 1; }
  .ezzybook-icon-wrap i { font-size: 22px; line-height: 1; }
  .ezzybook-icon-wrap img { width: 24px; height: 24px; object-fit: contain; display: block; }
  .ezzybook-label { font-size: 11px; line-height: 1.1; font-weight: 600; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .ezzybook-menu-item.is-center { margin-top: -18px; height: 70px; }
  .ezzybook-menu-item.is-center .ezzybook-icon-wrap { width: 48px; height: 48px; background: var(--ezzy-mbm-active, #1e73be); color: #fff; border-radius: 18px; box-shadow: 0 8px 18px rgba(30,115,190,.32); }
  .ezzybook-menu-item.is-center .ezzybook-icon-wrap i { font-size: 22px; }
  .ezzybook-menu-item.is-center .ezzybook-label { color: var(--ezzy-mbm-active, #1e73be); }
  .ezzybook-menu-item.is-center.is-active .ezzybook-icon-wrap { transform: translateY(-1px); }
  .ezzyjohn-app-style-mobile-navigation.no-labels .ezzybook-menu-item { height: 52px; }
}
@media (min-width: 769px) { .ezzyjohn-app-style-mobile-navigation { display: none !important; } }


/* Ensure Font Awesome icons display inside the mobile navigation only. */
.ezzyjohn-app-style-mobile-navigation i[class*="fa-"],
.ezzyjohn-app-style-mobile-navigation .fa,
.ezzyjohn-app-style-mobile-navigation .fa-solid,
.ezzyjohn-app-style-mobile-navigation .fa-regular,
.ezzyjohn-app-style-mobile-navigation .fa-brands {
    font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome" !important;
    display: inline-block !important;
    font-style: normal !important;
}
.ezzyjohn-app-style-mobile-navigation .fa-solid,
.ezzyjohn-app-style-mobile-navigation .fa {
    font-weight: 900 !important;
}
.ezzyjohn-app-style-mobile-navigation .fa-regular {
    font-weight: 400 !important;
}

/* Only the detected active item should use the active background. Prevent mobile themes from keeping all tapped items highlighted. */
.ezzyjohn-app-style-mobile-navigation .ezzybook-menu-item:not(.is-active):not(.is-center) {
    color: var(--ezzy-mbm-inactive, #8a94a6) !important;
    background: transparent !important;
}


/* Strict active state: only the item explicitly marked by PHP becomes active. */
.ezzyjohn-app-style-mobile-navigation .ezzybook-menu-item {
    color: var(--ezzy-mbm-inactive, #8a94a6) !important;
    background: transparent !important;
}

.ezzyjohn-app-style-mobile-navigation .ezzybook-menu-item[data-ezzy-active="1"] {
    color: var(--ezzy-mbm-active, #1e73be) !important;
    background: color-mix(in srgb, var(--ezzy-mbm-active, #1e73be) 10%, transparent) !important;
}

.ezzyjohn-app-style-mobile-navigation .ezzybook-menu-item.is-center {
    background: transparent !important;
}

.ezzyjohn-app-style-mobile-navigation .ezzybook-menu-item.is-center .ezzybook-icon-wrap {
    background: var(--ezzy-mbm-active, #1e73be) !important;
    color: #ffffff !important;
}

.ezzyjohn-app-style-mobile-navigation .ezzybook-menu-item.is-center .ezzybook-label {
    color: var(--ezzy-mbm-active, #1e73be) !important;
}

.ezzyjohn-app-style-mobile-navigation .ezzybook-menu-item:not(.is-center)[data-ezzy-active="0"] .ezzybook-icon-wrap,
.ezzyjohn-app-style-mobile-navigation .ezzybook-menu-item:not(.is-center)[data-ezzy-active="0"] .ezzybook-label {
    color: var(--ezzy-mbm-inactive, #8a94a6) !important;
}