/* =========================================
   PLUGINHUB PRO - TABLE LAYOUT STYLES
   ========================================= */

.ph-table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.ph-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--ph-bg-card);
  border-radius: 16px;
  overflow: hidden;
  font-size: 13px;
  box-shadow: 0 18px 45px var(--ph-shadow);
  border: 1px solid var(--ph-border);
}

.ph-table th,
.ph-table td {
  padding: 10px 14px;
  border-bottom: 1px solid var(--ph-border);
  color: var(--ph-text-main);
  vertical-align: middle;
  transition: background-color 0.2s ease; /* Renk geçişi yumuşatıldı */
}

/* --- HOVER EFFECT --- */
.ph-table tbody tr:hover td {
    background-color: var(--ph-bg-hover);
}

.ph-table th {
  background: var(--ph-bg-hover);
  font-weight: 500;
  text-align: left;
  padding: 20px 14px;
  white-space: nowrap;
}

.ph-table th:nth-child(1),
.ph-table td:nth-child(1) {
  width: 1%;
} 

.ph-table th:nth-child(n + 4),
.ph-table td:nth-child(n + 4) {
  text-align: center;
  width: 10%;
} 

.ph-table-title-link {
  font-weight: 600;
  color: var(--ph-text-main);
  text-decoration: none;
  display: inline-block;
}

.ph-table-title-cell {
    position: relative;
    padding-right: 90px !important;
}

/* --- BADGE WRAPPER (Visual styles in style.css) --- */
.ph-table-badges {
	display: inline-flex;
	gap: 10px;
	margin-left: 10px;
}