/* Ukryj drawer domyślnie */
.mobile-navbar-container {
  position: fixed;
  top: 0;
  right: -100%; /* ukryty poza ekranem */
  width: 80%;
  height: 100vh;
	background-color: var(--container);
  z-index: 1000;
  transition: right 0.3s ease;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
  padding: 20px;
  overflow-y: auto;
}
.mobile-navbar-container.open{right: 100%;}
.mobile-navbar{display:none; background: #070513; padding: 15px;}

.back-button{display:none;}
/* Przycisk */
#drawer-toggle{
  font-size: 24px;
  cursor: pointer;
}

  .mobile-navbar-container .dropdown-container li {
    box-sizing: border-box;
    border-bottom: 1px solid var(--border-color);
  }


@media only screen and (max-device-width: 979px){
	/* Pokazuje drawer */
.mobile-navbar-container.open {
  right: 0;
}
	.dropdown-container
	{
	display: flex;
  flex-flow: column-reverse;
	}
.dropdown {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--container);
  transform: translateX(100%);
  transition: transform 0.3s ease;
  z-index: 100;
	display: block !important;
}
	.navlink{padding:10px;}
.dropdown.open {
  transform: translateX(0%);
}

	.user-dropdown
	{
	display: flex;
  margin-bottom: 10px;
	}
	.dropdown-user-menu
	{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: var(--container);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 100;
    display: block !important;
	}
	.show .dropdown-user-menu
	{
	transform: translateX(0%);
	}
	
.dropdown-toggle {
  cursor: pointer;
}

	.dropdown-container ol {
		list-style-type:none;
		padding:0;
	}
	
.dropdown-toggle i {
  transition: transform 0.3s ease;
}

.dropdown-toggle.active i {
  transform: rotate(90deg);
}
	
	.dropdown.open
	{
		transform:translateX(0%);
	}
	/*
	.navlink > a.navlink-active + .dropdown {
	  transform: translateX(0%);
	}
	*/
	.back-button{display:block;}
	
	.header-container
	{
		display:flex;
		flex-flow:column;
	}
	.header-container .navbar{display:none}
	.header-container .welcome-block-user {display:none;}
		.mobile-navbar{
		display:flex
	}

	
	.dropdown li a:hover {
background-color: var(--container);
    color: var(--accent-color);
}
	
	
.wrapper {
  width: 100%;
  min-width: auto;
  max-width: auto;
  margin: auto auto;
}
	.main-content
	{
		flex-flow:column;
	}
	.hero-container .swiper-wrapper .swiper-slide
	{
		display: flex;
		flex-flow: column;
		padding: 0px 10px;
	}
	.hero-container .swiper-wrapper .swiper-slide .hero-img{ display:none; }
	.hero-socials{
		position: absolute;
		flex-flow: inherit;
    margin-left: 2%;}
	.sidebar-box{ width:100%;}
	.serverboard-row
	{
		position:relative;
		display:flex;
		flex-flow:column;
		gap:10px;
		justify-content:center;
	}
	.serverboard-row li:nth-of-type(4)
	{
		width:50%;
	}
	.serveronline::before {
	top: -2px;
		left: 35px;
		width: 59px;
		height: 4px;
	}
	.forum-item
	{
	display: flex;
	  flex-flow: column;
	  padding: 20px;
		justify-content: center;
    align-items: center;
	}
	.forum-lastpost{grid-column: 1 / 3;}
	.swiperadmin
	{
		width:100%;
	}
	.boardstats{min-height:auto;}
	.boardstats-upper
	{
		display:flex;
		flex-flow:column;
	}
	.boardstatistics-lower{
		display:flex;
		flex-flow:column;
	}
	.boardstats-left
	{
		width:100%;
		flex-flow:column;
		justify-content:center;
		align-items:center;
	}
	.boardstats-right.second
	{
		display:flex;
		flex-flow:column;
		width:100%;
		
	}
	.boardstats-right.second div
	{
		width:100%;
		align-items:center;
	}
	.totop{right: 15px;}
	.boardstats-right{
		display:flex;
		flex-flow:column;
	}
	
	.post
	{
		flex-flow: column;
	}
	
	.scaleimages img{max-width:90%}
	.post_content{width:auto;}
	
	.member-header
	{
	display: flex;
  flex-flow: column;
	}
	.member-header .member-banner { display:none}
	.member-header .member-information
	{
		display:flex;
		flex-flow:column;
		
	}
	.memberinfo-box::after {
		display:none;
		
	}
	.member-content-container
	{
	display: flex;
  flex-flow: column;
	}
	.display-thread
	{
		height: auto;
		flex-flow: column;
	  text-align: center;
	}
	.display-thread .thread-stats
	{
		margin-top:10px;
		flex-flow: column;
  align-items: center;
  justify-content: center;
	}
	.thread-lastpost{width:auto;}

	.hero-contact{display:flex; flex-flow:column;}
	.hero-container{margin-top: 20px;}
	.icon-box {
  		display: flex;
justify-content: center;
    align-items: center;
	}
	.hero-contact button
	{
		width:300px;
	
	}
	.back-button{ margin: 10px;}
	.threadlist button{margin-bottom:5px;}
	
	.avatarep_fd{width:45px; height:45px;}
	.avatarep_img, .avatarep_bg
	{
		width:45px;
		height:45px;
	}


	.forum-item > div
	{
	text-align: center;
  display: flex;
  flex-flow: column;
  align-items: center;
	}
	
	.forum-desc p{margin-left:0; width: 100%;}
	.forum-desc p::before {display:none;}
	.forum-subforums{grid-template-columns: 1fr 1fr;}
	
	.usercp-container
	{
		display:flex;
		flex-flow:column;
	}

	.memberlist-users-container
	{
		grid-template-columns: 1fr;
	}
	
	.dvz_smilies_container
	{
		position:absolute !important;
		top: auto !important;
		margin-top: 20px;
	}
	#smilies-container img
	{
	width: 48px !important;
	  height: 48px !important;
	}
	#smilies-container {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}