/* Responsive helpers — keep Hostinger pages usable on small screens */

@media (max-width: 991.98px) {
  .sidebar {
    transform: translateX(-100%);
  }
  .main-wrapper.sidebar-open .sidebar,
  .main-wrapper.sidebar-mobile-open .sidebar {
    transform: translateX(0);
  }
  .page-content {
    margin-left: 0 !important;
    width: 100% !important;
  }
  .alert-banner-responsive {
    flex-direction: column;
    align-items: stretch;
  }
  .alert-banner-actions {
    width: 100%;
  }
  .alert-banner-actions .btn {
    flex: 1 1 auto;
    justify-content: center;
  }
  .table-responsive {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
}

@media (max-width: 575.98px) {
  .container-fluid,
  .page-main-inner {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .el-page-actions {
    width: 100%;
  }
  .el-page-actions .btn {
    flex: 1 1 auto;
    justify-content: center;
  }
  .dropdown-menu-responsive {
    max-width: calc(100vw - 24px);
  }
}