/* wd_overflow_menu.css
   - Overflow(⋯) dropdown + submenu (share) unified styles
   - Used by actor/work top action bars

   References:
   - <details>/<summary> patterns: https://developer.mozilla.org/docs/Web/HTML/Element/details
   - Menu semantics (role=menu/menuitem): https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/menu_role
*/

.wd-overflow{display:inline-block;position:relative}
.wd-overflow > summary{list-style:none}
.wd-overflow > summary::-webkit-details-marker{display:none}

/* Main panel */
.wd-overflow-panel{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width: 176px;
  padding: 8px;
  border-radius: 14px;
  border: 1px solid var(--ed2-line);
  background: var(--ed2-card);
  box-shadow: var(--ed2-shadow);
  z-index: 2500;
  display:flex;
  flex-direction:column;
  gap: 6px;
}

.wd-overflow-section{display:flex;flex-direction:column;gap:6px}
.wd-overflow-label{
  font-size:12px;
  font-weight:900;
  opacity:.7;
  padding: 2px 6px 0;
}

.wd-overflow-sep{ height:1px; width:100%; background: rgba(0,0,0,.10); margin: 2px 0; }

/* Items
   - 버튼 스킨은 ed2_buttons.css(단일 소스)에서 관리
   - 여기서는 overflow 메뉴 전용 레이아웃만 관리
*/
.wd-overflow-item{
  width:100%;
  justify-content:space-between;
  height:auto;
  min-height:40px;
  padding:10px 12px;
  border-radius:12px;
  font-weight:900;
  font-size:13px;
}
.wd-overflow-form{margin:0}

/* Submenu (share) */
.wd-submenu{position:relative}
.wd-submenu > summary{list-style:none}
.wd-submenu > summary::-webkit-details-marker{display:none}

.wd-submenu-trigger{justify-content:space-between}
.wd-submenu-caret{opacity:.65;font-weight:900}

/* flyout */
.wd-submenu-panel{
  position:absolute;
  top:0;
  left:calc(100% + 8px);
  min-width: 176px;
  padding: 8px;
  border-radius: 14px;
  border: 1px solid var(--ed2-line);
  background: var(--ed2-card);
  box-shadow: var(--ed2-shadow);
  z-index: 2600;
  display:flex;
  flex-direction:column;
  gap: 6px;
}

/* Mobile: open submenu below instead of right flyout */
@media (max-width: 520px){
  .wd-submenu-panel{
    position:static;
    padding: 8px 0 0;
    border:0;
    box-shadow:none;
  }
  .wd-submenu-panel .wd-overflow-item{border-radius:12px}
}