/* ═══════════════════════════════════════════════════════════
   eJournalHub — Glassmorphism + Mobile Professional Fix
   ═══════════════════════════════════════════════════════════ */

/* ── 1. Glass Utility ─────────────────────────────────────── */
.glass {
  background: rgba(255,255,255,0.72);
  backdrop-filter: blur(20px) saturate(1.8);
  -webkit-backdrop-filter: blur(20px) saturate(1.8);
  border: 1px solid rgba(255,255,255,0.55);
  box-shadow: 0 8px 32px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.8);
}
[data-theme="dark"] .glass {
  background: rgba(19,19,40,0.75);
  border-color: rgba(255,255,255,0.08);
  box-shadow: 0 8px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.06);
}

/* ── 2. Header Glass ──────────────────────────────────────── */
.ejh-header {
  background: rgba(255,255,255,0.85) !important;
  backdrop-filter: blur(24px) saturate(2) !important;
  -webkit-backdrop-filter: blur(24px) saturate(2) !important;
  border-bottom: 1px solid rgba(255,255,255,0.6) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.04), 0 4px 20px rgba(0,0,0,0.04) !important;
}
[data-theme="dark"] .ejh-header {
  background: rgba(10,10,22,0.88) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.3), 0 4px 30px rgba(0,0,0,0.3) !important;
}
.ejh-header.is-scrolled {
  box-shadow: 0 4px 30px rgba(0,0,0,0.12), 0 1px 0 rgba(255,255,255,0.6) !important;
}
[data-theme="dark"] .ejh-header.is-scrolled {
  box-shadow: 0 4px 40px rgba(0,0,0,0.6) !important;
}

/* ── 3. Cards — Glass ──────────────────────────────────────── */
.ejh-card {
  background: rgba(255,255,255,0.9) !important;
  border: 1px solid rgba(255,255,255,0.7) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,1) !important;
  transition: transform 0.3s cubic-bezier(.34,1.56,.64,1), box-shadow 0.3s ease !important;
}
.ejh-card:hover {
  transform: translateY(-6px) scale(1.01) !important;
  box-shadow: 0 20px 50px rgba(108,99,255,0.15), 0 8px 20px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,1) !important;
  border-color: rgba(108,99,255,0.25) !important;
}
[data-theme="dark"] .ejh-card {
  background: rgba(19,19,40,0.85) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}
[data-theme="dark"] .ejh-card:hover {
  box-shadow: 0 20px 50px rgba(108,99,255,0.2), 0 8px 20px rgba(0,0,0,0.4) !important;
  border-color: rgba(108,99,255,0.3) !important;
}

/* ── 4. Sidebar Widgets — Glass ────────────────────────────── */
.ejh-sidebar .widget,
.ejh-widget {
  background: rgba(255,255,255,0.85) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255,255,255,0.65) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.9) !important;
  border-radius: 18px !important;
  overflow: hidden;
}
[data-theme="dark"] .ejh-sidebar .widget,
[data-theme="dark"] .ejh-widget {
  background: rgba(16,16,32,0.8) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

/* ── 5. Newsletter — Complete Rebuild ──────────────────────── */
.ejh-footer__newsletter {
  background: linear-gradient(135deg, #0b0b1f 0%, #161630 45%, #0d1527 100%) !important;
  padding: 80px 0 !important;
  position: relative;
  overflow: hidden;
}
.ejh-footer__newsletter::before {
  content: '';
  position: absolute;
  top: -100px; left: -100px;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(108,99,255,0.18) 0%, transparent 65%);
  pointer-events: none;
}
.ejh-footer__newsletter::after {
  content: '';
  position: absolute;
  bottom: -80px; right: -80px;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(67,198,172,0.12) 0%, transparent 65%);
  pointer-events: none;
}

.ejh-newsletter-band {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 60px;
  flex-wrap: wrap;
}
.ejh-newsletter-band__text { flex: 1; min-width: 260px; }
.ejh-newsletter-band__text h2 {
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 800;
  color: #fff;
  margin-bottom: 10px;
  letter-spacing: -0.03em;
  line-height: 1.2;
}
.ejh-newsletter-band__text p {
  color: rgba(255,255,255,0.6);
  font-size: 1.05rem;
  margin: 0;
}

/* The subscribe form */
.ejh-subscribe-form--band {
  flex: 1;
  min-width: 280px;
  max-width: 480px;
}

/* THE FIX: pill wrapper */
.ejh-subscribe-form--band .ejh-subscribe-form__group {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 100px !important;
  padding: 6px 6px 6px 20px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
  width: 100% !important;
}
.ejh-subscribe-form--band .ejh-subscribe-form__group:focus-within {
  border-color: rgba(108,99,255,0.6) !important;
  box-shadow: 0 0 0 3px rgba(108,99,255,0.15), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

/* The actual email input */
.ejh-subscribe-form--band .ejh-subscribe-email {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: 0 !important; /* forces flex to control width */
  padding: 10px 0 !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 0.9375rem !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
}
.ejh-subscribe-form--band .ejh-subscribe-email::placeholder { color: rgba(255,255,255,0.4) !important; }

/* Subscribe button */
.ejh-subscribe-form--band .ejh-btn--primary {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  border-radius: 100px !important;
  padding: 12px 24px !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #6C63FF 0%, #43C6AC 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(108,99,255,0.4) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.ejh-subscribe-form--band .ejh-btn--primary:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 24px rgba(108,99,255,0.5) !important;
}

.ejh-subscribe-form__note {
  margin-top: 12px !important;
  color: rgba(255,255,255,0.38) !important;
  font-size: 0.78rem !important;
  text-align: center;
}

/* ── 6. Mobile Menu — Professional Fullscreen ──────────────── */
.ejh-mobile-menu {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  width: min(380px, 100vw) !important;
  height: 100dvh !important;
  background: rgba(255,255,255,0.96) !important;
  backdrop-filter: blur(30px) saturate(2) !important;
  -webkit-backdrop-filter: blur(30px) saturate(2) !important;
  border-left: 1px solid rgba(255,255,255,0.8) !important;
  box-shadow: -20px 0 60px rgba(0,0,0,0.15) !important;
  z-index: 500 !important;
  transform: translateX(105%) !important;
  transition: transform 0.4s cubic-bezier(0.77,0,0.175,1) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
[data-theme="dark"] .ejh-mobile-menu {
  background: rgba(10,10,22,0.97) !important;
  border-left: 1px solid rgba(255,255,255,0.06) !important;
  box-shadow: -20px 0 60px rgba(0,0,0,0.5) !important;
}
.ejh-mobile-menu.is-open {
  transform: translateX(0) !important;
}

/* Header of mobile menu */
.ejh-mobile-menu__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 20px 24px !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  flex-shrink: 0;
}
[data-theme="dark"] .ejh-mobile-menu__header {
  border-bottom-color: rgba(255,255,255,0.06) !important;
}

.ejh-mobile-close {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,0.06) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  color: var(--color-text) !important;
  cursor: pointer !important;
  transition: background 0.15s ease !important;
}
.ejh-mobile-close:hover { background: rgba(0,0,0,0.12) !important; }
[data-theme="dark"] .ejh-mobile-close { background: rgba(255,255,255,0.08) !important; color: #fff !important; }

/* Nav list */
.ejh-mobile-nav {
  list-style: none !important;
  padding: 12px 0 !important;
  margin: 0 !important;
  flex: 1 !important;
  overflow-y: auto !important;
}
.ejh-mobile-nav::-webkit-scrollbar { width: 0; }

/* Top-level item */
.ejh-mnav-item {
  border-bottom: 1px solid rgba(0,0,0,0.04) !important;
}
[data-theme="dark"] .ejh-mnav-item {
  border-bottom-color: rgba(255,255,255,0.04) !important;
}

.ejh-mnav-row {
  display: flex !important;
  align-items: center !important;
}

.ejh-mnav-link {
  display: block !important;
  flex: 1 !important;
  padding: 14px 24px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--color-text) !important;
  text-decoration: none !important;
  transition: color 0.15s ease, background 0.15s ease !important;
}
.ejh-mnav-link:hover { color: var(--color-primary) !important; background: rgba(108,99,255,0.05) !important; }
.ejh-mnav-item.is-active > .ejh-mnav-link,
.ejh-mnav-item.is-active > .ejh-mnav-row .ejh-mnav-link {
  color: var(--color-primary) !important;
}

/* Accordion toggle button */
.ejh-mnav-toggle {
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  background: none !important;
  color: var(--color-text-secondary) !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  margin-right: 8px !important;
}
.ejh-mnav-toggle span {
  display: inline-block;
  font-size: 1.2rem;
  transition: transform 0.25s ease;
  line-height: 1;
}
.ejh-mnav-toggle.is-open span { transform: rotate(90deg); }

/* Sub-menu */
.ejh-mobile-sub {
  overflow: hidden;
}
.ejh-mobile-sub__list {
  list-style: none !important;
  padding: 4px 0 8px !important;
  margin: 0 !important;
  background: rgba(108,99,255,0.04) !important;
  border-top: 1px solid rgba(108,99,255,0.08) !important;
}
[data-theme="dark"] .ejh-mobile-sub__list {
  background: rgba(108,99,255,0.06) !important;
}
.ejh-mnav-sub-item { }
.ejh-mnav-sub-link {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 24px 10px 36px !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  color: var(--color-text-secondary) !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}
.ejh-mnav-sub-link::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--color-primary);
  opacity: 0.5;
  flex-shrink: 0;
}
.ejh-mnav-sub-link:hover { color: var(--color-primary) !important; }
.ejh-mnav-sub-link:hover::before { opacity: 1; }

/* Footer of mobile menu */
.ejh-mobile-menu__footer {
  padding: 16px 24px calc(16px + env(safe-area-inset-bottom)) !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  flex-shrink: 0;
}
[data-theme="dark"] .ejh-mobile-menu__footer {
  border-top-color: rgba(255,255,255,0.06) !important;
}

/* ── 7. Bottom Nav — Glass ──────────────────────────────────── */
.ejh-bottom-nav {
  background: rgba(255,255,255,0.88) !important;
  backdrop-filter: blur(20px) saturate(2) !important;
  -webkit-backdrop-filter: blur(20px) saturate(2) !important;
  border-top: 1px solid rgba(255,255,255,0.6) !important;
  box-shadow: 0 -4px 24px rgba(0,0,0,0.08) !important;
}
[data-theme="dark"] .ejh-bottom-nav {
  background: rgba(10,10,22,0.92) !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  box-shadow: 0 -4px 24px rgba(0,0,0,0.4) !important;
}
.ejh-bottom-nav__item { color: var(--color-text-muted) !important; }
.ejh-bottom-nav__item.is-active { color: var(--color-primary) !important; }
.ejh-bottom-nav__icon {
  border-radius: 14px !important;
  transition: background 0.2s ease, transform 0.2s cubic-bezier(.34,1.56,.64,1) !important;
}
.ejh-bottom-nav__item:active .ejh-bottom-nav__icon {
  transform: scale(0.88) !important;
}
.ejh-bottom-nav__item.is-active .ejh-bottom-nav__icon {
  background: rgba(108,99,255,0.12) !important;
  transform: translateY(-3px) !important;
}
[data-theme="dark"] .ejh-bottom-nav__item.is-active .ejh-bottom-nav__icon {
  background: rgba(108,99,255,0.22) !important;
}

/* ── 8. Search Overlay — Glass ──────────────────────────────── */
.ejh-search-overlay {
  background: rgba(0,0,0,0.7) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}
.ejh-search-overlay .ejh-search-form__inner {
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.2) !important;
}
.ejh-search-overlay .ejh-search-form__input {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #fff !important;
  font-size: 1.5rem !important;
  font-weight: 500 !important;
  padding: 22px 24px !important;
  height: auto !important;
  box-shadow: none !important;
}
.ejh-search-overlay .ejh-search-form__input::placeholder { color: rgba(255,255,255,0.38) !important; }
.ejh-search-overlay .ejh-search-form__submit {
  color: rgba(255,255,255,0.6) !important;
  padding: 0 20px !important;
  background: rgba(108,99,255,0.3) !important;
  border-left: 1px solid rgba(255,255,255,0.1) !important;
  width: 56px !important;
}
.ejh-search-overlay .ejh-search-form__submit:hover { background: var(--color-primary) !important; color: #fff !important; }

/* ── 9. Overlay backdrop ────────────────────────────────────── */
.ejh-overlay-bg {
  background: rgba(0,0,0,0.55) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

/* ── 10. Mobile: full-width newsletter ──────────────────────── */
@media (max-width: 640px) {
  .ejh-newsletter-band {
    flex-direction: column !important;
    gap: 30px !important;
    text-align: center !important;
  }
  .ejh-newsletter-band__text { min-width: 0 !important; }
  .ejh-subscribe-form--band { min-width: 0 !important; max-width: 100% !important; width: 100% !important; }

  .ejh-subscribe-form--band .ejh-subscribe-form__group {
    padding: 5px 5px 5px 16px !important;
  }
  .ejh-subscribe-form--band .ejh-btn--primary {
    padding: 11px 18px !important;
    font-size: 0.82rem !important;
  }
  .ejh-subscribe-form--band .ejh-subscribe-email {
    font-size: 0.875rem !important;
  }
}

/* ── 11. Mobile nav: hide hamburger from header on mobile ───── */
@media (max-width: 900px) {
  /* hamburger in header hides when bottom nav is visible */
  .ejh-header .ejh-mobile-toggle { display: none !important; }
}

/* ── 12. TOC glass ──────────────────────────────────────────── */
.ejh-toc {
  background: rgba(255,255,255,0.8) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255,255,255,0.6) !important;
  box-shadow: 0 4px 20px rgba(108,99,255,0.08), inset 0 1px 0 rgba(255,255,255,0.8) !important;
}
[data-theme="dark"] .ejh-toc {
  background: rgba(19,19,40,0.85) !important;
  border-color: rgba(255,255,255,0.06) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
}
.ejh-toc__header {
  background: rgba(108,99,255,0.06) !important;
  border-bottom: 1px solid rgba(108,99,255,0.1) !important;
}

/* ── 13. Author Box glass ───────────────────────────────────── */
.ejh-author-box {
  background: linear-gradient(135deg, rgba(108,99,255,0.05) 0%, rgba(67,198,172,0.03) 100%) !important;
  border: 1px solid rgba(108,99,255,0.15) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 8px 30px rgba(108,99,255,0.08) !important;
}
[data-theme="dark"] .ejh-author-box {
  background: linear-gradient(135deg, rgba(108,99,255,0.1) 0%, rgba(67,198,172,0.06) 100%) !important;
  border-color: rgba(108,99,255,0.2) !important;
}

/* ── 14. Post nav links glass ───────────────────────────────── */
.ejh-post-nav__link {
  background: rgba(255,255,255,0.8) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255,255,255,0.6) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}
[data-theme="dark"] .ejh-post-nav__link {
  background: rgba(19,19,40,0.8) !important;
  border-color: rgba(255,255,255,0.06) !important;
}
.ejh-post-nav__link:hover {
  background: linear-gradient(135deg, #6C63FF 0%, #43C6AC 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 8px 30px rgba(108,99,255,0.3) !important;
}

/* ── 15. Back to top glass ──────────────────────────────────── */
.ejh-back-top {
  background: rgba(255,255,255,0.9) !important;
  color: var(--color-primary) !important;
  border: 1px solid rgba(255,255,255,0.8) !important;
  box-shadow: 0 8px 24px rgba(108,99,255,0.2), inset 0 1px 0 rgba(255,255,255,1) !important;
  backdrop-filter: blur(12px) !important;
}
[data-theme="dark"] .ejh-back-top {
  background: rgba(108,99,255,0.9) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.2) !important;
}
.ejh-back-top:hover {
  background: linear-gradient(135deg, #6C63FF, #43C6AC) !important;
  color: #fff !important;
  box-shadow: 0 12px 32px rgba(108,99,255,0.4) !important;
}

/* ── 16. Hero glass meta bar ────────────────────────────────── */
.ejh-hero__body .ejh-btn--hero {
  background: rgba(255,255,255,0.15) !important;
  border: 1.5px solid rgba(255,255,255,0.4) !important;
  backdrop-filter: blur(12px) !important;
  color: #fff !important;
  font-weight: 700 !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}
.ejh-hero__body .ejh-btn--hero:hover {
  background: rgba(255,255,255,0.28) !important;
  transform: translateY(-2px) !important;
}

/* ── 17. Section Header Divider ─────────────────────────────── */
.ejh-section__header {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 28px;
}

/* ── 18. Mobile: article padding ────────────────────────────── */
@media (max-width: 640px) {
  .ejh-article {
    padding: 20px !important;
    border-radius: 16px !important;
  }
  .ejh-article__title { font-size: 1.5rem !important; }
  .ejh-article__body { font-size: 1rem !important; }
  .ejh-post-nav { grid-template-columns: 1fr !important; }
  .ejh-related-posts__grid { grid-template-columns: 1fr !important; }
  .ejh-author-box { flex-direction: column !important; text-align: center !important; }
  .ejh-author-box__links { justify-content: center !important; }
  .ejh-author-box__expertise { justify-content: center !important; }
}

/* ── 19. Mobile: cards full width ───────────────────────────── */
@media (max-width: 640px) {
  .ejh-posts-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .ejh-trending__grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .ejh-related-posts__grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 420px) {
  .ejh-related-posts__grid { grid-template-columns: 1fr !important; }
}

/* ── 20. Mobile: footer grid ────────────────────────────────── */
@media (max-width: 640px) {
  .ejh-footer__grid { grid-template-columns: 1fr !important; gap: 24px !important; }
  .ejh-footer__widgets { padding: 40px 0 !important; }
}

/* ── 21. Toast glass ────────────────────────────────────────── */
.ejh-toast {
  background: rgba(13,13,26,0.92) !important;
  backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important;
}
.ejh-toast.is-success { background: rgba(67,198,172,0.92) !important; }
.ejh-toast.is-error   { background: rgba(255,101,132,0.92) !important; }

/* ── 22. Dropdown glass ─────────────────────────────────────── */
.ejh-dropdown {
  background: rgba(255,255,255,0.92) !important;
  backdrop-filter: blur(20px) saturate(2) !important;
  -webkit-backdrop-filter: blur(20px) saturate(2) !important;
  border: 1px solid rgba(255,255,255,0.65) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.14), inset 0 1px 0 rgba(255,255,255,1) !important;
  border-radius: 14px !important;
  padding: 6px !important;
  min-width: 180px !important;
}
[data-theme="dark"] .ejh-dropdown {
  background: rgba(16,16,32,0.95) !important;
  border-color: rgba(255,255,255,0.08) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.5) !important;
}
.ejh-dropdown .ejh-menu-link {
  border-radius: 8px !important;
  padding: 9px 14px !important;
  font-size: 0.875rem !important;
}

/* ── 23. Topbar refined ─────────────────────────────────────── */
.ejh-topbar {
  font-size: 12px !important;
  padding: 7px 0 !important;
}

/* ── 24. Hamburger hide/show ────────────────────────────────── */
@media (min-width: 901px) {
  .ejh-mobile-toggle { display: none !important; }
}
@media (max-width: 900px) {
  /* header hamburger hidden - bottom nav handles it */
  .ejh-header .ejh-mobile-toggle { display: none !important; }
}