/* APK-only bottom shortcut bar. Auto-generated by scripts/apk-bottombar.cjs */

/* Neutralise common page-level rules that could break position:fixed */
html.apk-has-bottombar, body.apk-has-bottombar {
  transform: none !important;
  filter: none !important;
  perspective: none !important;
  contain: none !important;
  overflow-x: hidden;
}
/* Reserve space for fixed bar ONLY on auth (otherwise bar scrolls with page) */
html.apk-bar-fixed, body.apk-bar-fixed {
  padding-bottom: 84px !important;
}

.apk-bottombar {
  /* Default: scroll with content (sits at end of body) */
  position: static !important;
  left: auto !important; right: auto !important; bottom: auto !important;
  top: auto !important;
  width: 100% !important;
  z-index: 5 !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(214,54,120,0.14) !important;
  box-shadow: 0 -6px 18px rgba(15,23,42,0.10) !important;
  padding: 8px 14px calc(8px + env(safe-area-inset-bottom)) 14px !important;
  display: flex !important; align-items: center !important;
  font-family: 'Nunito', system-ui, sans-serif !important;
  transform: none !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  margin-top: 16px !important;
}

/* Fixed mode: only on auth page (bar pinned to viewport bottom) */
.apk-bottombar.apk-bottombar--fixed {
  position: fixed !important;
  left: 0 !important; right: 0 !important; bottom: 0 !important;
  top: auto !important;
  width: 100vw !important;
  z-index: 2147483647 !important;
  margin-top: 0 !important;
}
.apk-bottombar__scroll {
  flex: 1 !important;
  display: flex !important;
  gap: 6px !important;
  overflow-x: auto !important;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 2px 4px !important;
  -webkit-overflow-scrolling: touch;
  justify-content: space-around;
}
.apk-bottombar__scroll::-webkit-scrollbar { display: none; }
.apk-bottombar__btn {
  flex: 1 1 0 !important;
  min-width: 58px !important;
  display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;
  text-decoration: none !important;
  color: #1E2D5A !important;
  background: transparent !important;
  border: none !important;
  padding: 4px 2px !important;
  cursor: pointer;
  font: inherit !important;
  transition: transform .12s ease;
  border-radius: 12px;
}
.apk-bottombar__btn:active { transform: scale(0.94); background: rgba(214,54,120,0.06) !important; }
.apk-bottombar__icon {
  width: 30px !important; height: 30px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  margin-bottom: 4px !important;
}
.apk-bottombar__icon svg { width: 26px !important; height: 26px !important; }
.apk-bottombar__label {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  color: #4B5563 !important;
  letter-spacing: 0.1px;
  line-height: 1.1;
}
.apk-bottombar__chev { display: none !important; }

/* Prevent black WebView background showing through on auth pages */
html.apk-has-bottombar, body.apk-has-bottombar { background: #ffffff !important; }

/* Hide bottombar when on-screen keyboard is open (prevents black gap above keyboard) */
body.apk-keyboard-open .apk-bottombar { display: none !important; }
body.apk-keyboard-open.apk-bar-fixed { padding-bottom: 0 !important; }
html.apk-keyboard-open.apk-bar-fixed { padding-bottom: 0 !important; }

/* Shared APK-page styling (used by qibla/tasbeeh/faqs/azkar/about) */
.apk-page {
  font-family: 'Nunito', system-ui, sans-serif;
  background: #FDF8F5;
  min-height: 100vh;
  margin: 0;
  color: #1E2D5A;
}
.apk-page__header {
  background: linear-gradient(135deg, #D63678 0%, #E08020 100%);
  color: #fff;
  padding: calc(14px + env(safe-area-inset-top)) 14px 14px 14px;
  display: flex; align-items: center; gap: 12px;
  box-shadow: 0 4px 14px rgba(214,54,120,0.25);
}
.apk-page__back {
  background: #ffffff;
  border: none;
  color: #D63678;
  width: 40px; height: 40px; border-radius: 50%;
  font-size: 22px; line-height: 1; font-weight: 900;
  cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  flex-shrink: 0;
  text-decoration: none;
}
.apk-page__back:active { transform: scale(0.94); }
.apk-page__title {
  font-family: 'Fredoka One', cursive;
  font-size: 22px;
  margin: 0;
  line-height: 1.25;
  letter-spacing: 0.3px;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.18);
  flex: 1;
  min-width: 0;
}
.apk-page__body { padding: 16px; padding-bottom: 90px; max-width: 720px; margin: 0 auto; }
.apk-card {
  background: #fff; border-radius: 14px; padding: 16px;
  box-shadow: 0 2px 10px rgba(30,45,90,0.06);
  margin-bottom: 12px;
}
.apk-btn {
  background: linear-gradient(135deg, #D63678, #E08020);
  color: #fff; border: none; padding: 12px 20px;
  border-radius: 12px; font-weight: 700; font-size: 15px;
  cursor: pointer;
}