/*
|--------------------------------------------------------------------------
| LIVE METAL PRICES TABLE - FRONTEND STYLING (MATCHING IMAGE DESIGN)
|--------------------------------------------------------------------------
*/

.lmpt-table-container {
    width: 85%;
    margin: 0 auto;
}

.lmpt-table-container table.lmpt-prices-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 30px;
    border: 1px solid #ddd;
}

.lmpt-table-container table.lmpt-prices-table tr {
    text-align: center;
    border: 1px solid #ddd;
}

.lmpt-table-container table.lmpt-prices-table th {
    padding: 10px;
    max-width: 40%;
    white-space: break-spaces;
    min-width: 140px;
    border: 1px solid #ddd;
    font-weight: bold;
    color: #000000;
}

.lmpt-table-container table.lmpt-prices-table td {
    padding: 10px;
    max-width: 40%;
    white-space: break-spaces;
    min-width: 140px;
    border: 1px solid #ddd;
    color: #000000;
}

/* Gold Table styling matching the image */
.lmpt-table-container[data-metal-type="gold"] table.lmpt-prices-table th {
    background: #fff1d8;
}

.lmpt-table-container[data-metal-type="gold"] table.lmpt-prices-table tr:nth-child(odd) {
    background: #fff1d8;
}

.lmpt-table-container[data-metal-type="gold"] table.lmpt-prices-table tr:nth-child(even) {
    background: #ffffff;
}

/* Silver Table styling (adapted to silver/grey hues) */
.lmpt-table-container[data-metal-type="silver"] table.lmpt-prices-table th {
    background: #f1f5f9;
}

.lmpt-table-container[data-metal-type="silver"] table.lmpt-prices-table tr:nth-child(odd) {
    background: #f1f5f9;
}

.lmpt-table-container[data-metal-type="silver"] table.lmpt-prices-table tr:nth-child(even) {
    background: #ffffff;
}

/* Responsive design matching original rules */
@media only screen and (max-width: 1024px) {
    .lmpt-table-container {
        width: 100% !important;
    }
    
    .lmpt-table-container table.lmpt-prices-table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}