/* Palmistry Table Styling */

#vpi-palmistry-result {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #444; /* Darker border */
    background-color: #2a2a2a; /* Slightly lighter background than pure black */
    border-radius: 5px;
    color: #e0e0e0; /* Light text for readability on dark background */
}

#vpi-palmistry-result h3 {
    color: #ffffff;
    border-bottom: 2px solid #ca9a3b; /* Accent color from your button */
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#vpi-palmistry-result table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

#vpi-palmistry-result th, 
#vpi-palmistry-result td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #444;
}

#vpi-palmistry-result thead th {
    background-color: #333;
    color: #ca9a3b; /* Accent color for headers */
    font-weight: bold;
    font-size: 1.1em;
}

#vpi-palmistry-result tbody tr {
    transition: background-color 0.3s ease;
}

#vpi-palmistry-result tbody tr:hover {
    background-color: #3c3c3c; /* Highlight on hover */
}

#vpi-palmistry-result td:first-child {
    font-weight: bold;
    color: #f0f0f0;
}