/* Table styling: horizontal borders only */
.table {
    border-collapse: collapse;
    width: 100%;
}

.table th,
.table td {
    border-top: 1px solid #cccccc;
    /* Bootstrap default horizontal border */
    border-bottom: 1px solid #cccccc;
    border-left: none;
    /* Remove vertical borders */
    border-right: none;
    padding: 8px;
    text-align: left;
}

/* Remove top border for first row and bottom border for last row (optional) */
.table thead th {
    border-top: none;
    /* Cleaner look for header */
}

.table tbody tr:last-child td {
    border-bottom: none;
    /* Matches some Bootstrap default styles */
}

.card-header {
    font-weight: bold;
}

/* Category-specific styles */
:root {
    /* Green (Mini) */
    --color-mini-row: #E8F5E9;
    --color-mini-header: #4CAF50;
    --color-mini-border: #2E7D32;
    /* Blue (Starší) */
    --color-starsi-row: #E3F2FD;
    --color-starsi-header: #1976D2;
    --color-starsi-border: #0D47A1;
    /* Red (Mladší) */
    --color-mladsi-row: #FFEBEE;
    --color-mladsi-header: #D32F2F;
    --color-mladsi-border: #8B1C1C;
    /* Grey (Dorost) */
    --color-dorost-row: #ECEFF1;
    --color-dorost-header: #616161;
    --color-dorost-border: #212121;
}

.category-mini td {
    background-color: var(--color-mini-row);
    color: #000000;
}

.category-starsi td {
    background-color: var(--color-starsi-row);
    color: #000000;
}

.category-mladsi td {
    background-color: var(--color-mladsi-row);
    color: #000000;
}

.category-dorost td {
    background-color: var(--color-dorost-row);
    color: #000000;
}

.bg-mini {
    background-color: var(--color-mini-header);
    color: #FFFFFF;
}

.bg-starsi {
    background-color: var(--color-starsi-header);
    color: #FFFFFF;
}

.bg-mladsi {
    background-color: var(--color-mladsi-header);
    color: #FFFFFF;
}

.bg-dorost {
    background-color: var(--color-dorost-header);
    color: #FFFFFF;
}

.border-mini {
    border-color: var(--color-mini-border);
}

.border-starsi {
    border-color: var(--color-starsi-border);
}

.border-mladsi {
    border-color: var(--color-mladsi-border);
}

.border-dorost {
    border-color: var(--color-dorost-border);
}