.ctm-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: 'yekan', sans-serif;
    margin: 20px 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
}

.ctm-table:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.ctm-table th, .ctm-table td {
    padding: 12px 15px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    transition: background-color 0.2s ease;
}

.ctm-table th {
    font-weight: bold;
}

.ctm-table tbody tr:last-child td {
    border-bottom: none;
}

.ctm-table tbody tr:hover {
    background-color: #f5f5f5;
}

/* Default (Light) Style */
.ctm-style-default {
    background-color: #ffffff;
}

.ctm-style-default th {
    background-color: #f0f0f0;
    color: #333;
}

.ctm-style-default td {
    color: #555;
}

/* Dark Mode */
.ctm-style-dark {
    background-color: #333;
    color: #fff;
}

.ctm-style-dark th {
    background-color: #444;
    color: #fff;
}

.ctm-style-dark td {
    color: #ddd;
    border-bottom: 1px solid #555;
}

.ctm-style-dark tbody tr:hover {
    background-color: #444;
}

/* Colorful */
.ctm-style-colorful {
    background-color: #fff;
}

.ctm-style-colorful th {
    background: linear-gradient(45deg, #4facfe, #00f2fe);
    color: #fff;
}

.ctm-style-colorful td {
    color: #333;
}

.ctm-style-colorful tbody tr:nth-child(even) {
    background-color: #f0faff;
}

.ctm-style-colorful tbody tr:hover {
    background-color: #e0faff;
}

/* Minimalist */
.ctm-style-minimal {
    border: none;
    box-shadow: none;
}

.ctm-style-minimal th, .ctm-style-minimal td {
    border: none;
    border-bottom: 1px solid #eee;
}

.ctm-style-minimal th {
    background: none;
    color: #666;
    font-weight: normal;
    border-bottom: 2px solid #ccc;
}

.ctm-style-minimal tbody tr:hover {
    background: none;
}
/* Styles for preview in admin */
#ctm_preview_content .ctm-table {
    margin: 20px 0;
}
.ctm-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: 'yekan', sans-serif;
    margin: 20px 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
}

.ctm-fixed-layout {
    table-layout: fixed;
}

/* بقیه استایل‌ها مثل قبل (default, dark, etc.) */