/**
 * Merida Product Attributes Table Block Styles
 * Professional styling for technical specifications table
 */

/* Block heading - consistent with other blocks */
.merida-product-attributes-table-block .merida-block-heading {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin: 0 0 12px 0;
    padding: 0;
    line-height: 1.4;
}

/* Main table styling */
.merida-attributes-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    overflow: hidden;
    max-width: 420px;
    margin-top: 24px;
}

/* Table body */
.merida-attributes-table tbody {
    border: none;
}

/* Table row styling */
.merida-attribute-row {
    background-color: #fff;
    transition: background-color 0.2s ease-in-out;
    border-bottom: 1px solid #DADADA;
}

/* Hover effect for better interaction */
.merida-attribute-row:hover {
    background-color: #f9f9f9;
}

/* Remove border from last row */
.merida-attribute-row:last-child {
    border-bottom: none;
}

/* Table cell styling */
.merida-attribute-name,
.merida-attribute-value {
    padding: 20px 0;
    vertical-align: top;
    line-height: 1.4;
    border: none;
}

/* Attribute name (first column) */
.merida-attribute-name {
    font-weight: 600;
    color: #000;
    background-color: transparent;
    width: 40%;
    min-width: 150px;
    font-size: 14px;
    text-align: left;
    text-transform: lowercase;
}

.merida-attribute-name::first-letter {
    text-transform: uppercase;
}

/* Attribute value (second column) */
.merida-attribute-value {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    background-color: transparent;
    width: 60%;
    text-align: right;
}

/* Responsive design for mobile devices */
@media (max-width: 768px) {

    .merida-attribute-name,
    .merida-attribute-value {
        padding: 16px 0px;
        font-size: 14px;
    }

    .merida-attribute-name {
        width: 40%;
        min-width: 120px;
    }

    .merida-attribute-value {
        width: 60%;
    }
}

/* High contrast mode support for accessibility */
@media (prefers-contrast: high) {
    .merida-attributes-table {
        border: 2px solid #000;
    }

    .merida-attribute-row {
        border-bottom: 1px solid #000;
    }

    .merida-attribute-name {
        color: #000;
    }

    .merida-attribute-value {
        color: #000;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .merida-attribute-row {
        transition: none;
    }
}

/* Print styles */
@media print {
    .merida-attributes-table {
        box-shadow: none;
        border: 1px solid #000;
    }

    .merida-attribute-row:hover {
        background-color: transparent;
    }

}

/* Focus states for keyboard navigation */
.merida-attributes-table:focus-within {
    outline: 2px solid #005ccc;
    outline-offset: 2px;
}

/* Ensure table is fully accessible */
.merida-attributes-table[role="table"] {
    display: table;
}

/* Empty state styling (if needed) */
.merida-product-attributes-table-block:empty::after {
    content: "Brak parametrów technicznych do wyświetlenia";
    color: #666;
    font-style: italic;
    font-size: 14px;
    padding: 20px;
    text-align: center;
    display: block;
}

/* Product Set: Column layout for multiple tables */
.merida-attributes-set-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 420px));
    gap: 40px;
    margin-top: 24px;
    justify-content: start;
}

.merida-attributes-set-column {
    display: flex;
    flex-direction: column;
    max-width: 420px;
}

.merida-set-product-name {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0 0 8px 0;
    padding: 0;
    line-height: 1.4;
    
    /* Limit to 2 lines with ellipsis */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.merida-set-product-name a {
    color: #000;
    text-decoration: none;
    transition: color 0.2s ease;
}

.merida-set-product-name a:hover {
    color: #005ccc;
    text-decoration: underline;
}

.merida-set-product-sku {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin: 0 0 16px 0;
    padding: 0;
    line-height: 1.4;
}

/* Adjust table for set columns */
.merida-attributes-set-column .merida-attributes-table {
    max-width: 420px;
    width: 100%;
    margin-top: 0;
}

/* Responsive: Stack columns on smaller screens */
@media (max-width: 768px) {
    .merida-attributes-set-container {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    
    .merida-set-product-name {
        font-size: 16px;
    }
    
    .merida-attributes-set-column {
        max-width: 100%;
    }
    
    .merida-attributes-set-column .merida-attributes-table {
        max-width: 100%;
    }
}