/**
 * MARA Applications Archive Styles - SIMPLIFIED
 *
 * @package MARA_Applications
 * @since 1.0.0
 */

/* Tab Navigation */
.mara-tab-link {
    color: #fff !important;
    background-color: #005069 !important;
    border: 2px solid #005069 !important;
    border-bottom: 0 !important;
    border-radius: 0.625rem !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    font-weight: 600;
}

.mara-tab-link.active {
    color: #fff !important;
    background-color: #00A6A3 !important;
    border-color: #00A6A3 !important;
    font-weight: 600;
}

.mara-tab-link.active:hover {
    color: #fff !important;
}

.mara-tab-link:hover {
    color: #00b9b6 !important;
}

.card.mara-application-filters {
    border-radius: 0.625rem;
    border-top-left-radius: 0;
    border-color: #00A6A3;
    background-color: #00A6A3;
}

.card.mara-application-filters .card-body.mara-filters-wrapper {
    border-radius: 0.625rem;
    border-top-left-radius: 0;
    background-color: #00A6A3;
}

/* Filter Section */
.mara-filters-wrapper {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 0.25rem;
}

.mara-filters-wrapper .form-label {
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: #fff;
}

/* Applications Table */
.mara-applications-table {
    font-size: 0.95rem;
    width: 100% !important;
}

.mara-applications-table th,
.mara-applications-table td {
    padding: 12px 8px;
    white-space: nowrap;
}

.mara-applications-table td {
    vertical-align: middle;
}

/* Activity column can wrap */
.mara-applications-table td:nth-child(2) {
    white-space: normal;
    min-width: 250px;
}

.mara-applications-table td:nth-child(4) {
    white-space: normal;
    min-width: 250px;
}

.mara-applications-table td:nth-child(8) {
    white-space: normal;
    min-width: 120px;
}

/* Activity Column - Truncate */
.mara-activity-cell {
    display: block;
    max-width: 100%;
}

/* Schedule 7 Badges */
.schedule-7-badge {
    cursor: pointer;
    transition: transform 0.2s ease;
}

.schedule-7-badge:hover {
    transform: scale(1.1);
}

.schedule-7-badge:focus {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
}


/* DataTables Wrapper - Allow horizontal scroll */
/* #applications-table_wrapper {
    overflow-x: auto;
} */

/* DataTables Length Selector - Add margin below */
#applications-table_wrapper .dt-length {
    margin-bottom: 1rem;
}

/* DataTables Info and Pagination - Display on one line */
#applications-table_wrapper .dt-info {
    display: inline-block;
    float: left;
    margin-top: 1rem;
}

#applications-table_wrapper .dt-paging {
    display: inline-block;
    float: right;
    margin-top: 1rem;
}

/* Clear floats after info/paging row */
#applications-table_wrapper .row:has(.dt-info, .dt-paging)::after {
    content: "";
    display: table;
    clear: both;
}


/* DataTables Length Selector - Add margin below */
.mara-applications-shortcode .dt-length {
    margin-bottom: 1rem;
}

/* DataTables Info and Pagination - Display on one line */
.mara-applications-shortcode .dt-info {
    display: inline-block;
    float: left;
    margin-top: 1rem;
}

.mara-applications-shortcode .dt-paging {
    display: inline-block;
    float: right;
    margin-top: 1rem;
}

/* Clear floats after info/paging row */
.mara-applications-shortcode .row:has(.dt-info, .dt-paging)::after {
    content: "";
    display: table;
    clear: both;
}



/* Responsive Adjustments */
@media (max-width: 768px) {
    .mara-applications-table {
        font-size: 0.85rem;
    }
    
    .mara-applications-table th,
    .mara-applications-table td {
        padding: 8px 4px;
    }
}