/* Custom CSS styles */
/* Add custom styles here if needed */

/* Mobile Navigation Styling */
@media (max-width: 767px) {
    .mobile-nav-links a {
        display: block;
        padding: 0.75rem 0;
        border-bottom: 1px solid #e5e7eb;
    }
    
    .mobile-nav-links a:last-child {
        border-bottom: none;
    }
    
    .mobile-nav-extra form {
        width: 100%;
    }
    
    .mobile-nav-extra button {
        display: block;
        width: 100%;
        text-align: left;
        padding: 0.75rem 0;
    }
}

/* Responsive Tables - Card Layout on Mobile */
@media (max-width: 767px) {
    /* Hide table headers on mobile */
    .responsive-table thead {
        display: none;
    }
    
    /* Make table rows display as blocks */
    .responsive-table tbody,
    .responsive-table tr {
        display: block;
        width: 100%;
    }
    
    /* Style table cells as card elements */
    .responsive-table td {
        display: block;
        width: 100%;
        padding: 0.75rem 1rem;
        text-align: left;
        border: none;
        border-bottom: 1px solid #e5e7eb;
    }
    
    /* Remove whitespace-nowrap on mobile */
    .responsive-table td.whitespace-nowrap {
        white-space: normal;
    }
    
    /* Add labels before cell content */
    .responsive-table td::before {
        content: attr(data-label);
        display: block;
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
        color: #6b7280;
        margin-bottom: 0.25rem;
    }
    
    /* Last cell in row - no bottom border */
    .responsive-table tbody tr:last-child td:last-child {
        border-bottom: none;
    }
    
    /* Style the row as a card */
    .responsive-table tbody tr {
        background: white;
        border: 1px solid #e5e7eb;
        border-radius: 0.5rem;
        margin-bottom: 1rem;
        padding: 0;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    }
    
    /* First row cell - rounded top corners */
    .responsive-table tbody tr td:first-child {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
        padding-top: 1rem;
    }
    
    /* Last row cell - rounded bottom corners */
    .responsive-table tbody tr td:last-child {
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
        padding-bottom: 1rem;
        border-bottom: none;
    }
    
    /* Remove overflow-x-auto wrapper padding on mobile */
    .responsive-table-wrapper {
        padding: 0;
    }
}

/* Desktop: Keep normal table styling */
@media (min-width: 768px) {
    .responsive-table {
        display: table;
    }
    
    .responsive-table thead {
        display: table-header-group;
    }
    
    .responsive-table tbody {
        display: table-row-group;
    }
    
    .responsive-table tr {
        display: table-row;
    }
    
    .responsive-table td {
        display: table-cell;
    }
    
    .responsive-table td::before {
        display: none;
    }
}