/*
 * Sonarupardam Public Styles
 */

.srpd-price-table-container {
    margin: 20px 0;
    border: 1px solid var(--srpd-border-color, #ddd);
    border-radius: 8px; /* More premium look */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* Subtle shadow */
    overflow: hidden;
    background-color: var(--srpd-bg-color, #f9f9f9);
    color: var(--srpd-text-color, #333);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Modern font stack */
}

.srpd-table-title {
    text-align: center;
    padding: 10px;
    margin: 0;
    background-color: var(--srpd-header-bg, #f9f9f9);
    border-bottom: 1px solid var(--srpd-border-color, #ddd);
    font-size: 1.2em;
    font-weight: bold;
}

.srpd-price-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.srpd-price-table th,
.srpd-price-table td {
    padding: 12px 15px; /* More padding */
    text-align: left;
    border-bottom: 1px solid var(--srpd-border-color, #eee);
}

.srpd-price-table tbody tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02); /* Zebra striping for readability */
}

.srpd-price-table tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.05); /* Hover effect */
}

.srpd-price-table th {
    background-color: var(--srpd-header-bg, #f9f9f9);
    font-weight: 600; /* Slightly less bold */
    text-align: center;
    color: #111; /* Darker header text */
}

.srpd-price-table td:last-child {
    text-align: right;
    font-weight: 700; /* Bold price */
    color: #0073aa; /* Highlight price color */
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .srpd-price-table th,
    .srpd-price-table td {
        padding: 10px 8px;
        font-size: 0.9em;
    }
    
    .srpd-price-table td:first-child {
        width: 50%;
    }

    .srpd-converter-form,
    .srpd-calculator-form,
    .srpd-karat-form {
        flex-direction: column;
    }

    .srpd-converter-form input,
    .srpd-calculator-form input,
    .srpd-karat-form input,
    .srpd-converter-form select,
    .srpd-calculator-form select,
    .srpd-converter-form button,
    .srpd-calculator-form button,
    .srpd-karat-form button {
        width: 100%;
        box-sizing: border-box;
    }
}

/* Ana/Roti Table Styling */
.srpd-ana-roti-table-container {
    margin: 20px 0;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.srpd-ana-roti-table-container h3 {
    background-color: #f0f0f0;
    padding: 15px;
    margin: 0;
    font-size: 1.1em;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.srpd-ana-roti-table-container table {
    width: 100%;
    border-collapse: collapse;
}

.srpd-ana-roti-table-container th,
.srpd-ana-roti-table-container td {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.srpd-ana-roti-table-container th {
    background-color: #f9f9f9;
}

.srpd-ana-roti-table-container td:last-child {
    font-weight: 700;
    color: #0073aa;
}

/* Tool Styles */
.srpd-tool-container {
    margin: 20px 0;
    padding: 25px; /* More padding */
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.srpd-tool-container h3 {
    margin-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.srpd-converter-form,
.srpd-calculator-form,
.srpd-karat-form {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.srpd-converter-form input,
.srpd-calculator-form input,
.srpd-karat-form input,
.srpd-converter-form select,
.srpd-calculator-form select {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    flex-grow: 1;
    min-width: 100px;
}

.srpd-converter-form button,
.srpd-calculator-form button,
.srpd-karat-form button {
    padding: 10px 20px; /* Larger buttons */
    background-color: #0073aa;
    color: white;
    border: none;
    border-radius: 5px; /* Slightly more rounded */
    cursor: pointer;
    transition: background-color 0.3s, transform 0.1s;
    font-weight: 600;
}

.srpd-converter-form button:active,
.srpd-calculator-form button:active,
.srpd-karat-form button:active {
    transform: translateY(1px);
}

.srpd-converter-form button:hover,
.srpd-calculator-form button:hover,
.srpd-karat-form button:hover {
    background-color: #005177;
}

.srpd-converter-result,
.srpd-calculator-result,
.srpd-karat-result {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.srpd-converter-result p,
.srpd-calculator-result p,
.srpd-karat-result p {
    margin: 8px 0;
    font-size: 1.1em;
    font-weight: 500;
}

.srpd-converter-result span,
.srpd-calculator-result span,
.srpd-karat-result span {
    font-weight: 700;
    color: #d54e21; /* Accent color for results */
}

.srpd-live-time {
    text-align: center;
    font-style: italic;
    color: #555;
    margin: 10px 0;
}