/* Facebook Mobile UI PRO */
:root{ --fbm-pro-primary:#1877f2; --fbm-pro-bg:#f0f2f5; }
.fbm-pro-header{
  position:fixed; top:0; left:0; right:0; z-index:9999;
  background:var(--fbm-pro-primary); color:#fff;
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 14px; box-shadow:0 2px 6px rgba(0,0,0,.15);
}
.fbm-pro-header .left{ display:flex; align-items:center; gap:10px; }
.fbm-pro-header .logo{ height:26px; width:auto; display:block; }
.fbm-pro-header .title{ font-weight:700; font-size:16px; }
.fbm-pro-header .right a{ color:#fff; font-size:20px; }

.fbm-pro-header-spacer{ height:54px; }

/* Content base */
body{ background:var(--fbm-pro-bg); }
.fbm-pro-card{
  background:#fff; border-radius:12px; padding:14px; margin:10px; 
  box-shadow:0 2px 6px rgba(0,0,0,.06);
}
/* Turn tables into cards on small screens */
@media (max-width: 768px){
  .entry-content table, .wp-block-table table, table{
    width:100% !important; border-collapse:separate; border-spacing:0 10px;
  }
  table thead{ display:none; }
  table tr{ display:block; background:#fff; border-radius:12px; padding:12px; margin:10px 0;
    box-shadow:0 2px 6px rgba(0,0,0,.06); }
  table td, table th{ display:flex; justify-content:space-between; border:none !important; padding:6px 0; }
  table td::before{ content: attr(data-label); font-weight:600; color:#555; margin-right:10px; }
}

/* Bottom navigation */
.fbm-pro-bottom{
  position:fixed; bottom:0; left:0; right:0; z-index:9999;
  background:#fff; border-top:1px solid #eee; display:flex; justify-content:space-around; align-items:center;
  padding:6px 0; box-shadow:0 -2px 6px rgba(0,0,0,.05);
}
.fbm-pro-bottom .nav-item{
  text-decoration:none; color:#444; display:flex; flex-direction:column; align-items:center;
  font-size:20px;
}
.fbm-pro-bottom .nav-item span{ font-size:11px; margin-top:2px; }
.fbm-pro-bottom-spacer{ height:56px; }

/* Safe spaces when admin bar visible */
@media screen and (max-width: 782px){
  body.admin-bar .fbm-pro-header{ top:46px; }
  body.admin-bar .fbm-pro-header-spacer{ height:100px; }
}