/* DMK Mobile Menu Styles */
.dmk-menu-mobile { --dmk-icon-size: 20px; }
.dmk-menu-mobile * { box-sizing: border-box; }

.dmk-menu-mobile__list { list-style: none; margin: 0; padding: 0; }
.dmk-menu-mobile__item { }

/* Shared row layout */
.dmk-menu-mobile__row,
.dmk-menu-mobile__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  color: #111827;
  text-decoration: none;
}
.dmk-menu-mobile__summary { cursor: pointer; }
.dmk-menu-mobile__summary::-webkit-details-marker { display: none; }

.dmk-menu-mobile__left { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.dmk-menu-mobile__name { font-size: 14px; font-weight: 500; color: currentColor; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.dmk-menu-mobile__icon { width: var(--dmk-icon-size); height: var(--dmk-icon-size); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.dmk-menu-mobile__icon:empty { display: none; }
.dmk-menu-mobile__icon svg { width: 100% !important; height: 100% !important; display: block; }

.dmk-menu-mobile__chevron { color: #6b7280; display: inline-flex; align-items: center; justify-content: center; transition: transform 0.15s ease; }
.dmk-menu-mobile__chevron svg { width: 16px; height: 16px; display: block; transform: rotate(-90deg); }
.dmk-menu-mobile__details[open] .dmk-menu-mobile__chevron svg { transform: rotate(0deg); }

.dmk-menu-mobile__sublist { list-style: none; margin: 0; padding: 0 0 8px 44px; display: grid; gap: 6px; }
.dmk-menu-mobile__subitem a { color: #6b7280; text-decoration: none; font-size: 14px; }
.dmk-menu-mobile__subitem a:hover { color: #111827; }