/*
Theme Name: VPN Sky
Theme URI: https://vpn-sky.com
Author: VPN Sky Team
Description: VPN Sky быстрый VPN в один клик.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vpn-sky
*/

:root{
  --sidebar-w: 260px;
}
body{
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  background:#f6f7fb;
}

/* Sidebar */
.sidebar{
  position:fixed; inset:0 auto 0 0;
  width:var(--sidebar-w); height:100vh;
  background:#fff;
  box-shadow:2px 0 14px rgba(13,38,76,.06);
  transition:transform .3s ease;
  z-index:1050;
  display:flex; flex-direction:column;
}
.sidebar .logo{
  padding:1rem;
  border-bottom:1px solid #eef0f4;
  display:flex; align-items:center; justify-content:space-between;
  gap:.75rem;
}
.brand{
  display:flex; align-items:center; gap:.6rem; font-weight:700; font-size:1.1rem;
  color:#1b2a41;
}
.brand img{ height:28px; width:auto; }

.sidebar .nav-link{
  color:#243447;
  padding:.75rem 1rem;
  display:flex; align-items:center; gap:.6rem;
  border-radius:.5rem; margin:.15rem .5rem;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active{
  background:#f1f4f9;
}
.sidebar .logout{
  margin-top:auto; border-top:1px solid #eef0f4;
}

/* Topbar */
.topbar{
  position:sticky; top:0; z-index:1040;
  height:63px; background:#fff; display:flex; align-items:center;
  padding:0 1rem; box-shadow:0 2px 12px rgba(13,38,76,.05);
}

/* Content area */
.content{
  margin-left:var(--sidebar-w);
  padding:1rem 1rem 2rem;
  transition:margin-left .3s ease;
}
.page-title{
  display:flex; align-items:center; gap:.6rem; margin: .25rem 0 1rem;
  color:#1b2a41;
}
.page-title i{ color: #48baf8; }

/* Collapsed (desktop) */
.sidebar.collapsed{ transform:translateX(-100%); }
body.sidebar-collapsed .content{ margin-left:0; }

/* Mobile behaviour */
@media (max-width: 991.98px){
  .sidebar{ transform:translateX(-100%); }
  .sidebar.show{ transform:translateX(0); }
  .content{ margin-left:0; }
}