/* Church Activity Calendar Styles */
.cac-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
    align-items: center;
    justify-content: space-between;
}

.cac-filters {
    display: flex;
    gap: 10px;
}

.cac-controls select,
.cac-controls input[type="text"] {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

.cac-clear-filters {
    padding: 8px 12px;
    background-color: #f0f0f0;
    color: #555;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
}
.cac-clear-filters:hover { background-color: #e0e0e0; }

.cac-table-container { overflow-x: auto; }

#church-activity-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

#church-activity-table th, 
#church-activity-table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

#church-activity-table thead th {
    background-color: #f5f5f5;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    user-select: none;
    position: relative;
    white-space: nowrap;
}
#church-activity-table thead th:hover { background-color: #e9e9e9; }
#church-activity-table thead th::after { content: ' \2195'; opacity: 0.3; }
#church-activity-table thead th.sorted-asc::after { content: ' \25B2'; opacity: 1; }
#church-activity-table thead th.sorted-desc::after { content: ' \25BC'; opacity: 1; }

#church-activity-table tbody tr:not(.month-header):nth-of-type(even) { background-color: #f9f9f9; }
#church-activity-table tbody tr:not(.month-header):hover { background-color: #f1f1f1; }

#church-activity-table .month-header td {
    background-color: #444;
    color: white;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    border-top: 2px solid #000;
}

/* Responsive styles */
@media screen and (max-width: 782px) {
    #church-activity-table thead { display: none; }
    #church-activity-table, #church-activity-table tbody, #church-activity-table tr, #church-activity-table td { display: block; width: 100%; }
    #church-activity-table tr { margin-bottom: 15px; border: 1px solid #ddd; }
    #church-activity-table td { text-align: right; padding-left: 50%; position: relative; border-bottom: 1px solid #eee; }
    #church-activity-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: calc(50% - 20px);
        padding-right: 10px;
        font-weight: bold;
        text-align: left;
        white-space: nowrap;
    }
    #church-activity-table .month-header td { text-align: center; padding-left: 15px; }
    #church-activity-table .month-header td::before { content: ""; }
}