/**
 * WP GFM Renderer - Table Styles
 * 
 * Minimal table styling - WordPress theme dependent
 * 
 * @package WpGfmRenderer
 * @since 1.0.0
 */

/* ==========================================================================
   Table Base Styles - WordPress Theme Dependent
   ========================================================================== */

.wp-gfm-markdown-rendered table,
.wp-gfm-markdown-rendered-preview table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 16px 0;
    /* Background color and text color inherit from WordPress theme */
    /* Border with fallback value to ensure visibility */
    border: var(--wp-gfm-table-border, 1px solid #ddd);
}

/* ==========================================================================
   Table Headers
   ========================================================================== */

.wp-gfm-markdown-rendered table th,
.wp-gfm-markdown-rendered-preview table th {
    font-weight: 600;
    padding: 6px 13px;
    text-align: left;
    vertical-align: middle;
    /* Background color and text color inherit from WordPress theme */
    /* Border with fallback value to ensure visibility */
    border: var(--wp-gfm-table-border, 1px solid #ddd);
}

/* ==========================================================================
   Table Cells
   ========================================================================== */

.wp-gfm-markdown-rendered table td,
.wp-gfm-markdown-rendered-preview table td {
    padding: 6px 13px;
    vertical-align: top;
    line-height: 1.6;
    /* Background color and text color inherit from WordPress theme */
    /* Border with fallback value to ensure visibility */
    border: var(--wp-gfm-table-border, 1px solid #ddd);
}

/* ==========================================================================
   Table Striped Rows - WordPress Theme Dependent
   ========================================================================== */

.wp-gfm-markdown-rendered table tbody tr:nth-child(even) td,
.wp-gfm-markdown-rendered-preview table tbody tr:nth-child(even) td {
    /* Striped row background color inherits from WordPress theme */
}

/* ==========================================================================
   Table Hover Effects - WordPress Theme Dependent
   ========================================================================== */

.wp-gfm-markdown-rendered table tbody tr:hover td,
.wp-gfm-markdown-rendered-preview table tbody tr:hover td {
    /* Hover background color inherits from WordPress theme */
}

/* ==========================================================================
   Table Borders - Minimal GitHub Style
   ========================================================================== */

.wp-gfm-markdown-rendered table,
.wp-gfm-markdown-rendered-preview table {
    border-radius: 6px;
    /* Outer border already applied above via var(--wp-gfm-table-border) */
}

/* GitHub Style rounded corners */
.wp-gfm-markdown-rendered table thead tr:first-child th:first-child,
.wp-gfm-markdown-rendered-preview table thead tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

.wp-gfm-markdown-rendered table thead tr:first-child th:last-child,
.wp-gfm-markdown-rendered-preview table thead tr:first-child th:last-child {
    border-top-right-radius: 6px;
}

.wp-gfm-markdown-rendered table tbody tr:last-child td:first-child,
.wp-gfm-markdown-rendered-preview table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

.wp-gfm-markdown-rendered table tbody tr:last-child td:last-child,
.wp-gfm-markdown-rendered-preview table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

/* ==========================================================================
   Table Alignment
   ========================================================================== */

.wp-gfm-markdown-rendered table th[align="left"],
.wp-gfm-markdown-rendered table td[align="left"],
.wp-gfm-markdown-rendered-preview table th[align="left"],
.wp-gfm-markdown-rendered-preview table td[align="left"] {
    text-align: left;
}

.wp-gfm-markdown-rendered table th[align="center"],
.wp-gfm-markdown-rendered table td[align="center"],
.wp-gfm-markdown-rendered-preview table th[align="center"],
.wp-gfm-markdown-rendered-preview table td[align="center"] {
    text-align: center;
}

.wp-gfm-markdown-rendered table th[align="right"],
.wp-gfm-markdown-rendered table td[align="right"],
.wp-gfm-markdown-rendered-preview table th[align="right"],
.wp-gfm-markdown-rendered-preview table td[align="right"] {
    text-align: right;
}

/* ==========================================================================
   Table Responsive Design
   ========================================================================== */

@media (max-width: 768px) {
    .wp-gfm-markdown-rendered table,
    .wp-gfm-markdown-rendered-preview table {
        font-size: 12px;
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }

    .wp-gfm-markdown-rendered table th,
    .wp-gfm-markdown-rendered table td,
    .wp-gfm-markdown-rendered-preview table th,
    .wp-gfm-markdown-rendered-preview table td {
        padding: 4px 8px;
    }
}

/* ==========================================================================
   Table Content Styling - WordPress Theme Dependent
   ========================================================================== */

.wp-gfm-markdown-rendered table td code,
.wp-gfm-markdown-rendered-preview table td code {
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 0.9em;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
    /* Background color and text color inherit from WordPress theme */
}

.wp-gfm-markdown-rendered table td a,
.wp-gfm-markdown-rendered-preview table td a {
    text-decoration: none;
    /* Link color inherits from WordPress theme */
}

.wp-gfm-markdown-rendered table td a:hover,
.wp-gfm-markdown-rendered-preview table td a:hover {
    text-decoration: underline;
    /* Hover color inherits from WordPress theme */
}