/* Tabel */

article table {
    font-family: "Lora", serif;
    font-size: 1.3rem;
}


.table {
    background-color: transparent;
    /* Asigură-te că fundalul tabelului nu este alb */
    color: var(--dark-article-text-color);
    border-collapse: collapse;
    /* Elimină spațiile dintre borduri pentru un aspect mai compact */
}

.table th,
.table td {
    background-color: transparent;
    /* Asigură-te că toate celulele din tabel nu au fundal alb */
    color: var(--dark-article-text-color);
    border-color: rgba(255, 255, 255, 0.1);
    /* Setează o culoare pentru marginea celulelor */
    padding-top: 30px;
    padding-left: 20px;
    /* Spațiu între conținut și margini */
}


.table tbody tr {
    background-color: transparent;
    /* Fundal transparent pentru fiecare rând din tabel */
    border-bottom: 1px solid rgba(242, 208, 164, 0.1);
    /* Delimitare între rânduri */
}

.table tbody tr:hover {
    background-color: rgba(242, 208, 164, 0.05);
    /* Fundal pentru hover, pentru a evidenția rândul */
}

/* Stiluri pentru `.table-header` dacă este definită */
.table-header {
    background-color: var(--light-nav-bg-color);
    color: var(--light-text-color);
}

/* Linkuri din tabel și conținut */
.table a {
    color: #f0e68c;
    /* Culoare galben deschisă pentru linkuri în dark mode */
    text-decoration: underline;
}

.table a:hover {
    color: #ffd700;
    /* Culoare galben-aurie la hover pentru linkuri */
}



/* light Mode Tabel */
body.light-mode .table {
    background-color: transparent;
    /* Elimină orice fundal alb din tabel */
    color: var(--light-article-text-color);
    /* Culoare text generală din tabel */
    border-radius: 20px;
    /* Colțuri ușor rotunjite pentru un aspect plăcut */
    width: 100%;
    /* Să ocupe întregul spațiu disponibil */
    border-collapse: collapse;
    /* Se elimină spațiile dintre marginile celulelor */
}

body.light-mode .table th,
body.light-mode .table td {
    background-color: rgba(255, 255, 255, 0.05);
    /* Fundal semi-transparent pentru a integra tema */
    color: var(--light-article-text-color);
    /* Culoare text ușor deschis pentru contrast */
}

body.light-mode .table td {
    border: 0.5px solid rgba(149, 147, 147, 0.8);
}

body.light-mode .table th {
    background-color: var(--light-table-bg-color);
    /* Fundal ușor mai închis pentru header-ul tabelului */
    color: #FFFFFF;
    /* Text deschis pentru a crea un contrast bun în header */
    font-weight: bold;
    text-align: left;
    /* Aliniere la stânga pentru claritate */
}

body.light-mode .table tbody tr {
    background-color: transparent;
    /* Fundal transparent pentru rândurile din tabel */
}

body.light-mode .table tbody tr:nth-child(even) {
    background-color: rgba(255, 245, 245, 1);
    /* Fundal ușor diferit pentru rândurile pare pentru lizibilitate */
}

body.light-mode .table tbody tr:hover {
    background-color: rgba(242, 12, 12, 0.1);
    /* Fundal de hover mai deschis pentru evidențiere */
}

/* Link-uri în tabel */
body.light-mode .table a {
    color: #F2D0A4;
    /* Linkuri ușor aurii pentru a se potrivi cu tema întunecată */
    text-decoration: underline;
}

body.light-mode .table a:hover {
    color: #FFD700;
    /* Culoare mai strălucitoare la hover pentru linkuri */
}

/* Rotunjirea colțurilor doar pentru capetele tabelului */
body.light-mode .table th:first-child {
    border-top-left-radius: 20px;
    /* Colț rotunjit pentru primul th din stânga */
}

body.light-mode .table th:last-child {
    border-top-right-radius: 20px;
    /* Colț rotunjit pentru ultimul th din dreapta */
}



/* Dark Mode Tabel */
body.dark-mode .table {
    background-color: transparent;
    /* Elimină orice fundal alb din tabel */
    color: var(--dark-article-text-color);
    /* Culoare text generală din tabel */
    border-radius: 20px;
    /* Colțuri ușor rotunjite pentru un aspect plăcut */
    width: 100%;
    /* Să ocupe întregul spațiu disponibil */
    border-collapse: collapse;
    /* Se elimină spațiile dintre marginile celulelor */
}

body.dark-mode .table th,
body.dark-mode .table td {
    background-color: rgba(255, 255, 255, 0.05);
    /* Fundal semi-transparent pentru a integra tema */
    color: var(--dark-article-text-color);
    /* Culoare text ușor deschis pentru contrast */
}

body.dark-mode .table th {
    background-color: var(--dark-table-bg-color);
    /* Fundal ușor mai închis pentru header-ul tabelului */
    color: #FFFFFF;
    /* Text deschis pentru a crea un contrast bun în header */
    font-weight: bold;
    text-align: left;
    /* Aliniere la stânga pentru claritate */
}

body.dark-mode .table tbody tr {
    background-color: transparent;
    /* Fundal transparent pentru rândurile din tabel */
}

body.dark-mode .table tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.03);
    /* Fundal ușor diferit pentru rândurile pare pentru lizibilitate */
}

body.dark-mode .table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.1);
    /* Fundal de hover mai deschis pentru evidențiere */
}

/* Link-uri în tabel */
body.dark-mode .table a {
    color: #F2D0A4;
    /* Linkuri ușor aurii pentru a se potrivi cu tema întunecată */
    text-decoration: underline;
}

body.dark-mode .table a:hover {
    color: #FFD700;
    /* Culoare mai strălucitoare la hover pentru linkuri */
}

/* Rotunjirea colțurilor doar pentru capetele tabelului */
body.dark-mode .table th:first-child {
    border-top-left-radius: 20px;
    /* Colț rotunjit pentru primul th din stânga */
}

body.dark-mode .table th:last-child {
    border-top-right-radius: 20px;
    /* Colț rotunjit pentru ultimul th din dreapta */
}