/* Lite Fixed Bottom Menu v1.1 */
:root{
  --lfbm-bg:#111827;
  --lfbm-fg:#fff;
  --lfbm-active:#60a5fa;
}
.lfbm-bar{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  background: var(--lfbm-bg);
  color: var(--lfbm-fg);
  z-index: 9998;
  box-shadow: 0 -6px 20px rgba(0,0,0,.18);
}
.lfbm-bar.lfbm-mobile-only { display: none; }
@media (max-width: 768px){
  .lfbm-bar.lfbm-mobile-only { display: block; }
}

.lfbm-list{
  list-style:none; margin:0; padding:8px 10px;
  display:grid; grid-template-columns: repeat(3,1fr); gap:2px;
  align-items:center; justify-items:center;
}
.lfbm-item{ width:100%; }
.lfbm-link{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:6px; text-decoration:none; color:var(--lfbm-fg); padding:8px 4px;
  font-size:12px; line-height:1.2; font-weight:700;
  background: transparent; border:none; cursor:pointer;
}
.lfbm-link:focus{ outline: 2px solid var(--lfbm-active); outline-offset: 2px; }
.lfbm-link[aria-current="page"]{ color: var(--lfbm-active); }

.lfbm-ico{ width:22px; height:22px; display:inline-block; }
.dashicons{ font-size:22px; width:22px; height:22px; line-height:22px; }

/* Safe area (iOS) */
@supports (padding: max(0px)){
  .lfbm-bar{ padding-bottom: max(env(safe-area-inset-bottom), 0px); }
}

/* Space for bar */
@media (max-width: 768px){
  body{ padding-bottom: 70px; }
}

/* ===== Modal WPForms ===== */
.lfbm-modal[hidden]{ display:none !important; }
.lfbm-modal{ position: fixed; inset: 0; z-index: 10000; display:grid; place-items:center; }
.lfbm-modal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.5); }
.lfbm-modal__dialog{
  position:relative; background:#fff; width:min(92vw, 520px); max-height:90vh; overflow:auto;
  padding:16px; border-radius:12px; box-shadow:0 20px 60px rgba(0,0,0,.35);
}
.lfbm-modal__close{
  position:absolute; right:8px; top:8px; font-size:22px; background:transparent; border:none; cursor:pointer;
}
.lfbm-modal__content{ margin-top:8px; }