/* SomGeek – výraznejšie tabuľky v článkoch pre tmavú tému */

html[data-sg-theme="dark"] .sg-article-content table {
    position: relative;
    overflow: hidden;
    border: 1px solid #5a6672;
    border-top: 3px solid var(--sg-gold);
    background: linear-gradient(180deg, #10161c, #0a0f14);
    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.30),
        0 0 0 1px rgba(226, 170, 22, 0.08);
}

html[data-sg-theme="dark"] .sg-article-content table th,
html[data-sg-theme="dark"] .sg-article-content table td {
    padding: 15px 16px;
    border-color: #37424d;
    color: #e2e7eb !important;
    line-height: 1.55;
}

html[data-sg-theme="dark"] .sg-article-content table th {
    background: linear-gradient(180deg, #202933, #171f27);
    color: var(--sg-gold-bright) !important;
    font-weight: 800;
}

/* Mnohé importované tabuľky nemajú <th>. Prvý riadok preto funguje ako vizuálna hlavička. */
html[data-sg-theme="dark"] .sg-article-content table tr:first-child > td {
    background: linear-gradient(90deg, rgba(226, 170, 22, 0.18), rgba(226, 170, 22, 0.06));
    color: #f1c84b !important;
    font-weight: 800;
}

html[data-sg-theme="dark"] .sg-article-content table tbody tr:nth-child(even) > td {
    background: rgba(255, 255, 255, 0.025);
}

html[data-sg-theme="dark"] .sg-article-content table tbody tr:hover > td {
    background: rgba(226, 170, 22, 0.07);
}

@media (max-width: 680px) {
    html[data-sg-theme="dark"] .sg-article-content table th,
    html[data-sg-theme="dark"] .sg-article-content table td {
        padding: 12px;
    }
}