/* === PST Lite – externalized styles (webhosting + vps) === */

/* Reset */
.ps-service-types .tabs,
.ps-service-types .tabs > li,
.ps-service-types .servers-list,
.ps-service-types .servers-list > li,
.ps-service-types .onclick{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Tabs: center */
.ps-service-types .tabs{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:.75rem !important;
  margin-top:.25rem;
}
.ps-service-types .tabs > li{ display:flex !important; }

/* Tab panes */
.ps-service-types .tab-pane{ display:none !important; margin-top:1rem; }
.ps-service-types .tab-pane.show{ display:block !important; }

/* Cards grid */
.ps-service-types .servers-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  row-gap:1.25rem !important;
  column-gap:1rem !important;
  margin-top:.75rem !important;
}
@media (min-width:768px){
  .ps-service-types .servers-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (min-width:1200px){
  .ps-service-types .servers-list{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
.ps-service-types .servers-list > li{ margin:0 !important; }

/* Card look (هاله سفید) */
.ps-service-types .server-wrapper{
  position:relative;
  height:auto;
  overflow:visible;
  background-color:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.85);
  border-radius:1rem;
  box-shadow:0 10px 30px rgba(15,23,42,.06);
}

/* Card header row */
.ps-service-types .top{
  padding:12px 16px !important;
  display:flex; align-items:center; gap:.35rem;
}
.ps-service-types .title-row{
  display:flex; align-items:center; gap:.35rem; flex-wrap:nowrap;
}

/* Expand/collapse arrow */
.ps-service-types .server-wrapper .btn-expand{ padding:4px 8px; margin-inline-start:auto; }
.ps-service-types .server-wrapper .btn-expand svg{
  width:1.1rem; height:1.1rem; vertical-align:middle; transition:transform .28s ease;
}
.ps-service-types .server-wrapper.active .btn-expand svg{ transform:rotate(180deg); }

/* Features list inside card */
.ps-service-types .onclick{ display:none; padding:0 16px 12px; }
.ps-service-types .server-wrapper.active .onclick{ display:block !important; }
.ps-service-types .onclick li{
  display:flex; align-items:center; justify-content:space-between; gap:.5rem;
}
/* ستون مقدار چپ‌چین و LTR (برای اعداد/URLها) */
.ps-service-types .onclick .val{
  min-width:40%; text-align:left; direction:ltr; unicode-bidi:plaintext;
}