/* Feature Comparison Table Widget - Premium Styles */

.feature-comparison-wrapper {
    width: 100%;
    box-sizing: border-box;
}

.comparison-table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
    /* background: controlled by dynamic styles */
    overflow: hidden;
}

.comparison-table * {
    box-sizing: border-box;
}

.comparison-table thead th {
    /* background: controlled by dynamic styles */
    position: relative;
}

.comparison-table thead th:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Highlighted Column Header */
.comparison-table thead th.highlight {
    /* background: controlled by dynamic styles */
    position: relative;
}

.comparison-table thead th.highlight::before {
    content: '⭐';
    position: absolute;
}

.column-header-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Table Body */
.comparison-table tbody td.feature-name {
    /* background: controlled by dynamic styles */
    position: sticky !important;
    left: 0 !important;
    z-index: 5 !important;
}

/* Highlighted Column Cells - background controlled by dynamic styles */

/* Feature Row - all styling controlled by Elementor */

/* Alternate Row Backgrounds - all styling controlled by Elementor */

/* Icon Styling */
.comparison-table tbody td span[class*="icon-"] {
    display: inline-block !important;
}

/* Icon colors controlled by Elementor dynamic styles */

/* Tooltip Icon */
.tooltip-icon {
    display: inline-block !important;
    /* All other styling controlled by Elementor */
}

/* CTA Row */
.comparison-table tbody tr.cta-row {
    /* background: controlled by dynamic styles */
    position: relative;
}

/* CTA Row cells styling controlled by Elementor */

.comparison-cta-button {
    display: inline-block !important;
    /* background: controlled by dynamic styles */
    /* box-shadow: controlled by dynamic styles */
    position: relative !important;
    overflow: hidden !important;
}

.comparison-cta-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Button hover and active states controlled by Elementor */

/* Responsive Design - Tablet - all styling controlled by Elementor */

/* Responsive Design - Mobile */
@media (max-width: 768px) {

    /* Stack Table for Mobile - structural layout only */
    .feature-comparison-wrapper[data-responsive-stack="true"] .comparison-table thead {
        display: none;
    }

    .feature-comparison-wrapper[data-responsive-stack="true"] .comparison-table tbody {
        display: block;
    }

    .feature-comparison-wrapper[data-responsive-stack="true"] .comparison-table tbody tr {
        display: block;
    }

    .feature-comparison-wrapper[data-responsive-stack="true"] .comparison-table tbody td {
        display: flex;
    }

    .feature-comparison-wrapper[data-responsive-stack="true"] .comparison-table tbody td.feature-name {
        min-width: auto;
        position: static;
    }

    .feature-comparison-wrapper[data-responsive-stack="true"] .comparison-table tbody td::before {
        content: attr(data-label);
    }

    .feature-comparison-wrapper[data-responsive-stack="true"] .comparison-table tbody tr.cta-row td {
        display: block;
    }

    .feature-comparison-wrapper[data-responsive-stack="true"] .comparison-table tbody tr.cta-row td::before {
        display: none;
    }

    .comparison-table-container {
        overflow-x: visible;
    }
}

/* Accessibility - focus states controlled by Elementor */

/* Animations controlled by Elementor */

/* Dark mode styling controlled by Elementor */