body { padding-bottom: calc(48px + env(safe-area-inset-bottom)); } .font-jogjaborobudur { font-family: 'GT Eesti Display Trial', sans-serif !important; } .btn-jogjaborobudur { background-color: #fa3711 !important; color: white!important; } .btn-jogjaborobudur:hover { background-color: #fc1d04 !important; color: white!important; } .color-jb { color: #1a2b49; } #mobileActionBar { position: fixed; left: 0; right: 0; bottom: env(safe-area-inset-bottom); min-height: 48px; width: 100%; display: flex; gap: 0 !important; column-gap: 0 !important; background: transparent; z-index: 1000; } #mobileActionBar > * { margin: 0 !important; padding: 0 !important; } #mobileActionBar .btn { flex: 1; margin: 0 !important; border: none !important; outline: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 6px 8px !important; /* 🔥 lebih padat */ font-size: 14px; font-weight: 600; line-height: 1.2; display: flex; align-items: center; justify-content: center; gap: 6px; /* jarak icon-text */ } .btn-chat-mbl { background-color: #25D366 !important; color: #fff !important; } .btn-check-mbl { background-color: #fa3711 !important; color: #fff !important; } #mobileActionBar .btn i { display: inline-flex !important; align-items: center!important; font-size: 16px !important; line-height: 1 !important; } #mobileActionBar .btn span, #mobileActionBar .btn { white-space: nowrap !important; } .btn-chat-mbl:hover { background-color: #1ebe5d !important; /* lebih gelap */ color: #fff !important; box-shadow: 0 4px 10px rgba(37, 211, 102, 0.4); } .btn-check-mbl:hover { background-color: #e03210 !important; /* lebih gelap */ color: #fff !important; box-shadow: 0 4px 10px rgba(250, 55, 17, 0.4); } #mobileActionBar { bottom: env(safe-area-inset-bottom) !important; } .mode-desktop .only-mobile { display: none !important; } .mode-mobile .only-desktop { display: none !important; } .chat-launcher-badge { position: absolute; top: -4px; right: -4px; width: 12px; height: 12px; background: #dc3545; border-radius: 50%; border: 2px solid #fff; }