/* =========================================================
   Alltime - UX/SEO Optimizations (mobile-first)
   ========================================================= */

:root{
  --mbb-h: 64px;
}

/* Make sure bottom bar never covers content */
body{
  padding-bottom: calc(var(--mbb-h) + env(safe-area-inset-bottom, 0px));
}

/* Mobile bottom action bar */
.mobile-bottom-bar{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  gap: 10px;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
  background: rgba(10,10,10,.88);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(255,255,255,.10);
}

.mobile-bottom-bar .mbb-btn{
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 44px;
  border-radius: 999px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  letter-spacing: .02em;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.14);
}

.mobile-bottom-bar .mbb-btn:active{
  transform: translateY(1px);
}

.mobile-bottom-bar .mbb-btn i{
  font-size: 16px;
}

@media (min-width: 992px){
  /* Keep it available on desktop too, but slimmer */
  :root{ --mbb-h: 0px; }
  body{ padding-bottom: 0; }
  .mobile-bottom-bar{
    width: min(520px, calc(100% - 24px));
    margin: 0 auto 14px;
    left: 12px;
    right: 12px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.12);
  }
}

/* Google Map: avoid scroll-jacking on mobile */
.map-wrap{
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

.map-wrap iframe{
  display: block;
}

.map-wrap.is-locked iframe{
  pointer-events: none;
}

.map-wrap .map-overlay{
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 14px;
  background: rgba(0,0,0,.35);
  color: #fff;
  border: 0;
  width: 100%;
  cursor: pointer;
  font-weight: 700;
}

.map-wrap:not(.is-locked) .map-overlay{
  display: none;
}

/* Small UX touch: make tap targets in nav a bit friendlier */
.navbar-default .navbar-nav > li > a{
  padding-top: 16px;
  padding-bottom: 16px;
}

/* Better image rendering */
img{
  height: auto;
}