/* TablePress Responsive Modes - styles */

/* پایه برای همه حالت‌ها */
.tprm-scroll, .tprm-stack, .tprm-card, .tprm-collapse {
  width: 100%;
  border-collapse: collapse;
}

/* حالت Scroll */
.tprm-scroll {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 6px;
}

/* زیباسازی اسکرول */
.tprm-scroll::-webkit-scrollbar { height: 8px; }
.tprm-scroll::-webkit-scrollbar-thumb { background: #cfcfcf; border-radius: 6px; }

/* حالت Stack */
@media (max-width: 768px) {
  .tprm-stack thead { display: none; }
  .tprm-stack tbody, .tprm-stack tr { display: block; width: 100%; }
  .tprm-stack tr { margin-bottom: 12px; border: 1px solid #eee; border-radius: 8px; padding: 8px; background:#fff; }
  .tprm-stack td { display: flex; justify-content:space-between; padding:6px 8px; border-bottom: 1px dashed #f0f0f0; }
  .tprm-stack td::before { content: attr(data-th); font-weight:600; margin-right:8px; color:#333; }
  .tprm-stack td:last-child { border-bottom: none; }
}

/* حالت Card */
@media (max-width: 768px) {
  .tprm-card thead { display: none; }
  .tprm-card tbody, .tprm-card tr { display:block; }
  .tprm-card tr { background:#fff; margin:10px 0; padding:10px; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.06); }
  .tprm-card td { display:block; padding:6px 0; border:none; }
  .tprm-card td::before { content: attr(data-th) ": "; font-weight:700; color:#444; }
}

/* حالت Collapse (آکاردئون) */
@media (max-width: 768px) {
  .tprm-collapse thead { display: none; }
  .tprm-collapse tbody { display:block; }
  .tprm-collapse tr { display:block; border-bottom:1px solid #eee; }
  .tprm-collapse tr .tprm-row-header { display:block; padding:10px; background:#fafafa; cursor:pointer; font-weight:700; }
  .tprm-collapse tr .tprm-row-content { display:none; padding:8px 10px; background:#fff; }
  .tprm-collapse td { border:none; padding:0; }
}
