/* VRABO MOBILE TUNE • SUPER DEF (no widget hiding) */
:root{ --safeB: env(safe-area-inset-bottom); --safeT: env(safe-area-inset-top); }

.vrabo-mobile .pills{
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.vrabo-mobile .pills::-webkit-scrollbar{ display:none; }

.vrabo-mobile .grid{
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

/* Make the "Apri" modal feel native on mobile */
.vrabo-mobile #vraboModal .modalCard{
  width: calc(100vw - 14px);
  height: calc(100vh - 14px);
  max-width: none !important;
  max-height: none !important;
  border-radius: 14px;
  margin-top: calc(6px + var(--safeT));
  margin-bottom: calc(6px + var(--safeB));
}
.vrabo-mobile #vraboModal .modalBody{
  height: calc(100% - 52px);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

/* Footer safe-area */
.vrabo-mobile #legalFooter{
  padding-bottom: calc(10px + var(--safeB)) !important;
}
.vrabo-mobile #legalFooter .legalCapsule,
.vrabo-mobile #legalFooter .legalRow{
  font-size: 10px !important;
}