@import url('games.css');
@import url('profile-details.css');
@import url('admin.css');
@import url('permissions.css');
@import url('photo-admin.css');

.local-menu {
  width: min(1380px, calc(100% - 40px));
  min-height: calc(100vh - 152px);
  margin: 0 auto;
  padding: 30px 0;
  display: grid;
  grid-template-columns: minmax(260px, .7fr) 1.3fr;
  align-items: center;
  gap: clamp(35px, 7vw, 110px);
}

.menu-heading h1 {
  margin: 8px 0 0;
  font: 400 clamp(44px, 6vw, 84px)/.98 Georgia, serif;
}

.local-menu-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.local-menu-grid a {
  min-height: 68px;
  padding: 13px 17px;
  color: #fff;
  text-decoration: none;
  background: rgba(10, 16, 20, .78);
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 12px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 13px;
  transition: transform .18s ease, background .18s ease;
}

.local-menu-grid a:hover,
.local-menu-grid a:focus-visible {
  background: rgba(157, 45, 37, .92);
  transform: translateY(-2px);
}

.local-menu-grid small { opacity: .62; }
.local-menu-grid strong { font-size: clamp(16px, 1.5vw, 22px); }
.local-menu-grid span { font-size: 22px; }

.submenu-local { grid-template-rows: 1fr auto; }
.menu-return { grid-column: 2; justify-self: start; margin-top: -20px; }

@media (max-width: 720px) {
  .local-menu {
    grid-template-columns: 1fr;
    align-content: center;
    gap: 24px;
    padding: 22px 0 35px;
  }
  .menu-heading h1 { font-size: clamp(38px, 12vw, 60px); }
  .local-menu-grid { grid-template-columns: 1fr; }
  .menu-return { grid-column: 1; margin-top: 0; }
}