/*
 * Stilul tabelelor (TablePress, butoanele „Începe”/„Accesează”, bulina cu numărul de întrebări, tabelele Elementor
 * „tp-grid-row”), mutat neschimbat din Aspect → Personalizează → CSS suplimentar pe 18 oct. 2026, la cererea lui Bogdan.
 * Se încarcă ultimul (includes/tabele.php), cum se încărca și CSS-ul suplimentar, ca tabelele să arate la fel.
 * Tema întunecată (tema.css) trece peste fundalurile albe de aici.
 */

/* =====================================
   TABLEPRESS MODERN DESIGN – CLEAN
   (culorile pot fi suprascrise din TablePress Custom CSS)
===================================== */

/* Reset general */
.tablepress {
  border-collapse: separate;
  border-spacing: 0 18px;
  width: 100%;
  background: transparent;
}

/* Header */
.tablepress th {
  background: #1aa39a;   /* fallback */
  color: #fff;           /* fallback */
  font-weight: 700;
  padding: 16px;
  border: none;
}

/* Card look */
.tablepress tbody tr {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
  transition: 0.25s ease;
}

.tablepress tbody tr:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 35px rgba(0,0,0,0.10);
}

.tablepress td {
  border: none;
  padding: 22px 26px;
  vertical-align: middle;
  font-size: 16px;
}

/* =====================================
   LINK NORMATIV (NU BUTON)
===================================== */
.tablepress .normativ-link {
  color: #1a1a1a;     /* fallback */
  font-weight: 600;
  text-decoration: none;
}

.tablepress .normativ-link:hover {
  text-decoration: underline;
  color: #2056AE;     /* fallback */
}

/* =====================================
   BADGE NR ÎNTREBĂRI (VERDE)
   (culoarea textului poate fi suprascrisă)
===================================== */
.tablepress .count-badge {
  background: #22a861;    /* fallback */
  color: #fff;            /* fallback - fără !important */
  padding: 10px 18px;
  border-radius: 10px;
  font-weight: 800;
  display: inline-block;
  min-width: 70px;
  text-align: center;
}

/* =====================================
   BUTON ÎNCEPE
   (culorile pot fi suprascrise din TablePress)
===================================== */
.tablepress a.tp-btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: 800;
  background: #2056AE;  /* fallback */
  color: #fff;          /* fallback -_attach pentru toate stările mai jos */
  text-decoration: none;
  transition: 0.2s ease;
}

/* Acoperim stările de link ca să nu intre culori din temă (fără !important) */
.tablepress a.tp-btn:link,
.tablepress a.tp-btn:visited,
.tablepress a.tp-btn:active,
.tablepress a.tp-btn:focus {
  color: inherit;
}

.tablepress a.tp-btn:hover {
  background: #1a4690; /* fallback */
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(32,86,174,0.35);
}

/* Aliniere coloană dreapta */
.tablepress td:last-child {
  text-align: right;
  white-space: nowrap;
}

/* ========== Tabel Elementor (curat + fără roșu) ========== */

.tp-grid-row{
  background:#fff;
  border-radius:16px;
  padding:18px 22px;
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
  transition:.25s ease;
  align-items:center;
  margin-bottom:18px;
}

.tp-grid-row:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 35px rgba(0,0,0,0.10);
}

/* Titlu */
.tp-grid-row .normativ-title{
  background:transparent;
  padding:0;
  border-radius:0;
}

/* Badge 56 */
.tp-grid-row .count-badge,
.tp-grid-row .count-badge .elementor-heading-title{
  display:inline-block;
  background:#22a861;
  color:#fff;
  padding:10px 14px;
  border-radius:10px;
  font-weight:900;
  min-width:70px;
  text-align:center;
}

/* Celula butonului */
.tp-grid-row > :last-child{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

/* IMPORTANT: tp-btn e pe WIDGET wrapper → îl facem transparent (omoară roșul) */
.tp-grid-row .elementor-element.tp-btn,
.tp-grid-row .elementor-element.tp-btn > .elementor-widget-container,
.tp-grid-row .elementor-element.tp-btn .elementor-button-wrapper{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Butonul real: DOAR layout, NU culori (culorile vin din Elementor) */
.tp-grid-row .elementor-element.tp-btn a.elementor-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 18px;
  border-radius:10px;
  font-weight:900;
  text-decoration:none;
  border:0;
  box-shadow:none;
  outline:none;
  transition:.2s ease;
}

/* Hover: DOAR efect, NU culori */
.tp-grid-row .elementor-element.tp-btn a.elementor-button:hover{
  transform:scale(1.05);
}

/* Evită culori dubioase pe :visited */
.tp-grid-row .elementor-element.tp-btn a.elementor-button:visited{
  color: inherit;
}