/* VEXO global overrides */
:root {
  --sidebar-width: 260px;
  --mobile-breakpoint: 900px;
}

/* Standardize sidebar */
.sidebar {
  width: var(--sidebar-width) !important;
}

/* Центрируем контент на десктопе */
.main-content, .content, .page-wrapper, .wrapper, .container-main, .admin-main-content {
  margin: 0 auto;             /* центрируем */
  max-width: 1200px;          /* ограничение ширины на больших мониторах */
  padding: 20px;              /* отступы для воздуха */
  box-sizing: border-box;
}

/* Для мобильных устройств (айфоны и т.п.) */
@media (max-width: 900px) {
  .main-content, .content, .page-wrapper, .wrapper, .container-main, .admin-main-content {
    margin: 0 auto;
    max-width: 100%;          /* чтобы занимало всю ширину экрана */
    padding: 16px;
  }
}

/* Bottom mobile nav */
.mobile-bottom-nav {
  position: fixed;
  left:0; right:0; bottom:0;
  display:flex; gap:8px; justify-content:space-around; align-items:center;
  padding:10px 12px;
  backdrop-filter: blur(6px);
  background: rgba(0,0,0,0.55);
  border-top: 1px solid rgba(255,255,255,0.08);
  z-index: 1200;
}
.mobile-bottom-nav a {
  text-decoration:none;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-size: 12px;
  display:flex; flex-direction:column; align-items:center; gap:4px;
  padding:6px 8px;
  border-radius:12px;
  transition:transform .15s ease, background .2s ease;
  color: rgba(255,255,255,0.85);
}
.mobile-bottom-nav a:active { transform: scale(0.96); }
.mobile-bottom-nav i { font-size: 18px; }

/* Hide on desktop */
@media (min-width: 901px) {
  .mobile-bottom-nav { display:none; }
}

/* Subtle button shadows */
button, .btn, a.button {
  box-shadow: 0 8px 24px rgba(180,230,0,0.08);
}
button:hover, .btn:hover, a.button:hover {
  box-shadow: 0 10px 28px rgba(180,230,0,0.14);
}