/**
 * WYSIWYG Block Styles
 *
 * @package KalbaRx
 */

/* ========================================
   WYSIWYG Block Layout - Mobile First
   ======================================== */

/* Base styles are mobile (0-1023px) */
.wysiwyg .wysiwyg-content {
    width: 100%;
}

/* Tables */
.wysiwyg .wysiwyg-content table {
    width: 100%;
    margin-bottom: var(--spacing-md);
    border-collapse: collapse;
}

.wysiwyg .wysiwyg-content th,
.wysiwyg .wysiwyg-content td {
    padding: var(--spacing-sm);
    border: 1px solid var(--color-border, #ddd);
    text-align: left;
}

.wysiwyg .wysiwyg-content th {
    background-color: var(--color-gray-light, #f5f5f5);
    font-weight: 600;
}

/* Blockquotes */
.wysiwyg .wysiwyg-content blockquote {
    margin: var(--spacing-lg) 0;
    padding-left: var(--spacing-lg);
    border-left: 4px solid var(--color-primary);
    font-style: italic;
}

/* Desktop - 1024px and up */
@media (min-width: 1024px) {
    .wysiwyg .wysiwyg-content {
        max-width: 100%;
    }
}