/**
 * Unlock Addons - Table Design Presets
 *
 * This file contains shared CSS for table design presets that can be
 * applied to various widgets.
 */

/* --- Default Preset --- */
.preset-default .unlockafe-google-sheet-table-container {
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    background-color: #ffffff;
}

.preset-default .unlockafe-google-sheet-table thead th {
    background-color: #f5f5f5;
    color: #333;
    border-bottom: 2px solid #ddd;
}

.preset-default .unlockafe-google-sheet-table tbody tr {
    border-bottom: 1px solid #e0e0e0;
}

.preset-default .unlockafe-google-sheet-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.preset-default .unlockafe-google-sheet-table tbody tr:hover {
    background-color: #f1f1f1;
}

.preset-default .unlockafe-google-sheet-table th,
.preset-default .unlockafe-google-sheet-table td {
    border-right: 1px solid #e0e0e0;
}
.preset-default .unlockafe-google-sheet-table th:last-child,
.preset-default .unlockafe-google-sheet-table td:last-child {
    border-right: none;
}


/* --- Dark Preset --- */
.preset-dark .unlockafe-google-sheet-table-container {
    border: 1px solid #4a4a4a;
    background-color: #2c3e50; /* Dark blue-grey background */
}

.preset-dark .unlockafe-google-sheet-table {
    color: #ecf0f1; /* Light text color */
}

.preset-dark .unlockafe-google-sheet-table thead th {
    background-color: #34495e; /* Slightly lighter header */
    color: #ffffff;
    border-bottom: 2px solid #555555;
    border-right: 1px solid #4a4a4a;
}

.preset-dark .unlockafe-google-sheet-table tbody tr {
    border-bottom: 1px solid #4a4a4a;
}

.preset-dark .unlockafe-google-sheet-table tbody tr:nth-child(even) {
    background-color: #34495e;
}

.preset-dark .unlockafe-google-sheet-table tbody tr:hover {
    background-color: #455a64;
}

.preset-dark .unlockafe-google-sheet-table td {
    border-right: 1px solid #4a4a4a;
}
.preset-dark .unlockafe-google-sheet-table th:last-child,
.preset-dark .unlockafe-google-sheet-table td:last-child {
    border-right: none;
}

.preset-dark .unlockafe-table-top-controls,
.preset-dark .unlockafe-table-bottom-controls {
    color: #ecf0f1;
}

/* --- Striped Preset --- */
.preset-striped .unlockafe-google-sheet-table-container {
    border: 1px solid #e0e0e0;
    box-shadow: none;
}

.preset-striped .unlockafe-google-sheet-table thead th {
    background-color: #ffffff;
    color: #333;
    border-bottom: 2px solid #ccc;
}

.preset-striped .unlockafe-google-sheet-table tbody tr {
    border-bottom: none;
}

.preset-striped .unlockafe-google-sheet-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.preset-striped .unlockafe-google-sheet-table tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

.preset-striped .unlockafe-google-sheet-table tbody tr:hover {
    background-color: #e9eff3;
}

.preset-striped .unlockafe-google-sheet-table th,
.preset-striped .unlockafe-google-sheet-table td {
    border: none;
    border-bottom: 1px solid #e0e0e0;
}
