/*
Theme Name:   Xstore child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/
/* ============================================================
   Product specs table — desktop + mobile
   ============================================================ */

.dwspecs-product-table {
    width: 100%;
    margin: 0 0 2rem;
    color: var(--et_dark-color);
    font-size: 14px;
    line-height: 1.6;
}

.dwspecs-product-table-group {
    background: var(--et_white-2-dark);
    border: 1px solid var(--et_border-color);
    border-radius: 4px;
    overflow: hidden;
}

/* Section title */
.dwspecs-product-table .group-title {
    margin: 0;
    padding: 14px 18px;
    font-size: calc(1rem * var(--h4-size-proportion, 1.2857));
    line-height: var(--h4-line-height, 1.2);
    font-weight: 600;
    color: var(--et_dark-color);
    background: var(--et_light-color);
    border-bottom: 2px solid var(--et_active-color);
    letter-spacing: 0.02em;
}

/* Table reset + layout */
.dwspecs-product-table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    background: var(--et_white-2-dark);
}

.dwspecs-product-table tbody tr {
    border-bottom: 1px solid var(--et_border-color);
    transition: background-color 0.2s ease;
}

.dwspecs-product-table tbody tr:last-child {
    border-bottom: none;
}

.dwspecs-product-table tbody tr:nth-child(even) {
    background: var(--et_light-color);
}

.dwspecs-product-table tbody tr:hover {
    background: var(--et_light-color2);
}

/* Cells */
.dwspecs-product-table td {
    padding: 20px !important;
    vertical-align: top;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

/* Label column */
.dwspecs-product-table td:first-child {
    width: 38%;
    font-weight: 600;
    color: var(--et_dark-color);
    background: rgba(0, 0, 0, 0.02);
    border-right: 1px solid var(--et_border-color);
}

/* Value column */
.dwspecs-product-table td:last-child {
    width: 62%;
    color: var(--et_main-color);
}

/* Links inside values (if any) */
.dwspecs-product-table a {
    color: var(--et_link-color);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.dwspecs-product-table a:hover {
    color: var(--et_active-color);
}

/* ============================================================
   Tablet
   ============================================================ */
@media (max-width: 991px) {
    .dwspecs-product-table td:first-child {
        width: 42%;
    }

    .dwspecs-product-table td:last-child {
        width: 58%;
    }

    .dwspecs-product-table td {
        padding: 11px 14px;
    }
}

/* ============================================================
   Mobile — stacked card rows
   ============================================================ */
@media (max-width: 767px) {
    .dwspecs-product-table {
        font-size: 13px;
        margin-bottom: 1.5rem;
    }

    .dwspecs-product-table .group-title {
        padding: 12px 14px;
        font-size: 1.05rem;
    }

    .dwspecs-product-table table,
    .dwspecs-product-table tbody,
    .dwspecs-product-table tr,
    .dwspecs-product-table td {
        display: block;
        width: 100%;
    }

    .dwspecs-product-table tbody tr {
        padding: 0;
        border-bottom: 1px solid var(--et_border-color);
    }

    .dwspecs-product-table tbody tr:nth-child(even),
    .dwspecs-product-table tbody tr:hover {
        background: var(--et_white-2-dark);
    }

    .dwspecs-product-table td:first-child {
        width: 100%;
        padding: 10px 14px 4px;
        border-right: none;
        background: transparent;
        font-size: 0.82rem;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--et_main-color);
        text-align: center;
    }

    .dwspecs-product-table td:last-child {
        width: 100%;
        padding: 0 14px 12px;
        color: var(--et_dark-color);
        font-weight: 500;
        text-align: center;
    }
}

/* ============================================================
   Small phones
   ============================================================ */
@media (max-width: 480px) {
    .dwspecs-product-table .group-title {
        padding: 10px 12px;
    }

    .dwspecs-product-table td:first-child {
        padding: 9px 12px 3px;
    }

    .dwspecs-product-table td:last-child {
        padding: 0 12px 10px;
    }
}