/* owner-menu.css — the ⋮ dropdown that replaces the separate edit/delete
   icon buttons on your own posts. Depends on the CSS variables already
   defined in base.css (--glass-fill-strong, --ink-0, --ink-200,
   --font-body) and on .flat-btn / .icon-only from buttons.css for the
   trigger button itself — this file only adds the menu that drops down
   from it. */

.owner-menu-wrap{ position:relative; }

.owner-menu{
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  z-index:30;
  min-width:172px;
  padding:6px;
  display:flex;
  flex-direction:column;
  gap:2px;
  animation:ownerMenuIn .12s ease;
}
@keyframes ownerMenuIn{
  from{ opacity:0; transform:translateY(-4px) scale(.98); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}

.owner-menu-item{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  text-align:left;
  padding:9px 12px;
  border:none;
  border-radius:10px;
  background:transparent;
  color:var(--ink-200);
  font-family:var(--font-body);
  font-size:.85rem;
  font-weight:500;
  cursor:pointer;
}
.owner-menu-item:hover,
.owner-menu-item:focus-visible{
  background:var(--glass-fill-strong);
  color:var(--ink-0);
}
.owner-menu-item.danger{ color:#FF9C9C; }
.owner-menu-item.danger:hover,
.owner-menu-item.danger:focus-visible{
  background:rgba(255,122,122,.14);
  color:#fff;
}

/* If your post cards clip overflow for the colored left accent bar,
   the dropdown can get cut off near the bottom of a short card. If
   that happens, the simplest fix is changing that one rule to
   overflow:visible and clipping the accent bar a different way
   (e.g. matching border-radius on the bar itself). */