/*
 * wzory.css — Styles for wzory/template pages (tables, blockquotes, lists, links)
 * Mirrors blog.css article-content styles but scoped to .blog-meta-wrapper
 * which is the content wrapper used on all /wzory/*.php pages.
 */

/* ── Tables ──────────────────────────────────────────────────── */
.blog-meta-wrapper table {
    width: 100%;
    margin: 2rem 0;
    border-collapse: collapse;
    font-size: 0.875rem;
    border-radius: 8px;
    overflow: hidden;
}
.blog-meta-wrapper table thead {
    background: #2e3fb1;
    color: white;
}
.blog-meta-wrapper table th {
    padding: 0.75rem 1rem;
    border: 1px solid #2e3fb1;
    text-align: left;
    font-weight: 600;
}
.blog-meta-wrapper table td {
    padding: 0.625rem 1rem;
    border: 1px solid #dee2e6;
    text-align: left;
}
.blog-meta-wrapper table tbody tr:nth-child(even) {
    background: #f8f9fa;
}
.blog-meta-wrapper table tbody tr:hover {
    background: #eef0ff;
}

/* ── Blockquotes ─────────────────────────────────────────────── */
.blog-meta-wrapper blockquote {
    border-left: 4px solid #2e3fb1;
    margin: 1.5rem 0;
    padding: 1rem 1.5rem;
    background: #f8f9fa;
    border-radius: 0 8px 8px 0;
    font-style: normal;
}

/* ── Links in content ────────────────────────────────────────── */
.blog-meta-wrapper a:not(.no-underline):not([class*="btn"]):not([class*="badge"]):not(.d-inline-flex) {
    color: #2e3fb1;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.blog-meta-wrapper a:not(.no-underline):not([class*="btn"]):hover {
    color: #25329a;
}

/* ── Lists ───────────────────────────────────────────────────── */
.blog-meta-wrapper ul,
.blog-meta-wrapper ol {
    margin: 1rem 0;
    padding-left: 1.5rem;
}
.blog-meta-wrapper ul { list-style-type: disc; }
.blog-meta-wrapper ol { list-style-type: decimal; }
.blog-meta-wrapper li { margin-bottom: 0.375rem; line-height: 1.7; }

/* ── Images ──────────────────────────────────────────────────── */
.blog-meta-wrapper img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

/* ── Horizontal rules ────────────────────────────────────────── */
.blog-meta-wrapper hr {
    border: none;
    border-top: 1px solid #dee2e6;
    margin: 2rem 0;
}

/* ── Dark mode ───────────────────────────────────────────────── */
.dark .blog-meta-wrapper table thead {
    background: #1e2a78;
}
.dark .blog-meta-wrapper table td {
    border-color: #374151;
}
.dark .blog-meta-wrapper table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.03);
}
.dark .blog-meta-wrapper table tbody tr:hover {
    background: rgba(255, 255, 255, 0.06);
}
.dark .blog-meta-wrapper blockquote {
    background: rgba(255, 255, 255, 0.03);
    border-left-color: #4f5fdb;
}

/* ── Responsive tables ───────────────────────────────────────── */
@media (max-width: 640px) {
    .blog-meta-wrapper table {
        font-size: 0.8125rem;
    }
    .blog-meta-wrapper table th,
    .blog-meta-wrapper table td {
        padding: 0.5rem 0.625rem;
    }
}