/* Expanded Rows Styles - Common Component */

/* Store data table container styles */
.child-row-content {
    padding: 15px;
    background-color: #f0fff0; /* Light green background */
    border-radius: 8px;
    margin: 10px 5px 15px 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add shadow for 3D effect */
    border: 1px solid #c0e9c0;
}

.store-data-table-container {
    max-width: 100%;
    overflow-x: auto;
}

.store-data-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 10px;
    border-radius: 6px;
    overflow: hidden; /* Ensures the rounded corners are visible */
}

.store-data-table th, .store-data-table td {
    border: 1px solid #c0e9c0;
    padding: 10px;
    text-align: left;
}

.store-data-table th {
    background-color: #3e9f37; /* Exact green color from keszletlista2.php */
    color: white; /* White text for better contrast */
    font-weight: bold;
}

.store-data-table tr:nth-child(even) {
    background-color: #e8ffe8; /* Lighter green for even rows */
}

.store-data-table tr:nth-child(odd) {
    background-color: #ffffff; /* White for odd rows */
}

.store-data-table tr:hover {
    background-color: #d8ffd8; /* Slightly darker when hovering */
}

.expand-button {
    cursor: pointer;
    color:blue ;/* rgb(10, 168, 100); */ /* Match header color */
    margin-right: 5px;
    font-weight: bold;
    font-size: 16px;
    transition: transform 0.2s ease;
}

.expand-button:hover {
    transform: scale(1.2); /* Slightly enlarge on hover */
}

/* Add animation for expanding/collapsing */
.child-row-content {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}