/* Custom styles for Laravel Livewire Tables */

/* Reduce font weight throughout the table */
.rappasoft-striped-table,
.rappasoft-striped-table th,
.rappasoft-striped-table td,
.rappasoft-striped-table span,
.rappasoft-striped-table p,
.rappasoft-striped-table div {
    font-weight: 400 !important;
}

/* Table headers - slightly bolder but not too much */
.rappasoft-striped-table thead th {
    font-weight: 500 !important;
}

/* Fix pagination alignment */
.rappasoft-striped-table nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
}

.rappasoft-striped-table nav > div {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Pagination buttons styling - uniform size */
.rappasoft-striped-table nav .pagination {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
}

.rappasoft-striped-table nav .pagination li {
    display: inline-flex;
    align-items: center;
}

.rappasoft-striped-table nav .pagination a,
.rappasoft-striped-table nav .pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    max-width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    font-size: 0.875rem;
    font-weight: 400 !important;
    line-height: 2.5rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    background-color: white;
    color: #374151;
    text-decoration: none;
    transition: all 0.15s ease-in-out;
    box-sizing: border-box;
}

/* Previous/Next buttons - same size as number buttons */
.rappasoft-striped-table nav .pagination .page-item:first-child a,
.rappasoft-striped-table nav .pagination .page-item:first-child span,
.rappasoft-striped-table nav .pagination .page-item:last-child a,
.rappasoft-striped-table nav .pagination .page-item:last-child span {
    min-width: 2.5rem;
    max-width: 2.5rem;
    height: 2.5rem;
    padding: 0;
}

.rappasoft-striped-table nav .pagination a:hover {
    background-color: #f9fafb;
    border-color: #d1d5db;
}

.rappasoft-striped-table nav .pagination .active span {
    background-color: #3b82f6;
    border-color: #3b82f6;
    color: white;
}

.rappasoft-striped-table nav .pagination .disabled span {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Pagination text alignment */
.rappasoft-striped-table nav p {
    margin: 0;
    line-height: 2.5rem;
    font-weight: 400 !important;
}

/* Per page selector alignment */
.rappasoft-striped-table .per-page-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 2.5rem;
}

.rappasoft-striped-table .per-page-wrapper select {
    height: 2.5rem;
    padding: 0 0.75rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 400 !important;
}

/* Amount columns - normal weight */
.text-success,
.text-info,
span.text-success,
span.text-info {
    font-weight: 400 !important;
}

/* Filter pills */
.rappasoft-striped-table .filter-pill {
    font-weight: 400 !important;
}

/* Search input */
.rappasoft-striped-table input[type="search"] {
    font-weight: 400 !important;
}

/* Select dropdowns */
.rappasoft-striped-table select {
    font-weight: 400 !important;
}

/* Buttons */
.rappasoft-striped-table button {
    font-weight: 400 !important;
}

/* Column headers - sortable */
.rappasoft-striped-table th button {
    font-weight: 500 !important;
}

/* Status badges - normal weight */
.badge {
    font-weight: 400 !important;
}

/* Fix pagination container */
.rappasoft-striped-table .pagination-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 0;
}

/* Ensure pagination items are aligned */
.rappasoft-striped-table .pagination li {
    display: inline-flex;
    align-items: center;
}

/* Fix "Showing X to Y of Z results" text alignment */
.rappasoft-striped-table .pagination-info {
    display: flex;
    align-items: center;
    line-height: 2.5rem;
    font-weight: 400 !important;
}

/* Remove bold from all table content */
.rappasoft-striped-table tbody td * {
    font-weight: 400 !important;
}

/* Ensure no bold in statistics */
.font-bold,
.fw-bold,
.font-medium {
    font-weight: 400 !important;
}

/* Override Tailwind font-medium and font-bold */
.rappasoft-striped-table .font-medium {
    font-weight: 400 !important;
}

.rappasoft-striped-table .font-bold {
    font-weight: 400 !important;
}


/* Amount columns - normal weight */
.text-success,
.text-info,
span.text-success,
span.text-info {
    font-weight: 400 !important;
}

/* Filter pills */
.rappasoft-striped-table .filter-pill {
    font-weight: 400 !important;
}

/* Search input */
.rappasoft-striped-table input[type="search"] {
    font-weight: 400 !important;
}

/* Select dropdowns */
.rappasoft-striped-table select {
    font-weight: 400 !important;
}

/* Buttons */
.rappasoft-striped-table button {
    font-weight: 400 !important;
}

/* Column headers - sortable */
.rappasoft-striped-table th button {
    font-weight: 500 !important;
}

/* Per page selector alignment */
.rappasoft-striped-table .per-page-selector {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Status badges - normal weight */
.badge {
    font-weight: 400 !important;
}

/* Fix pagination container */
.rappasoft-striped-table .pagination-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 0;
}

/* Ensure pagination items are aligned */
.rappasoft-striped-table .pagination li {
    display: inline-flex;
    align-items: center;
}

/* Fix "Showing X to Y of Z results" text alignment */
.rappasoft-striped-table .pagination-info {
    display: flex;
    align-items: center;
    line-height: 2.5rem;
    font-weight: 400 !important;
}

/* Remove bold from all table content */
.rappasoft-striped-table tbody td * {
    font-weight: 400 !important;
}

/* Ensure no bold in statistics */
.font-bold,
.fw-bold,
.font-medium {
    font-weight: 400 !important;
}

/* Override Tailwind font-medium and font-bold */
.rappasoft-striped-table .font-medium {
    font-weight: 400 !important;
}

.rappasoft-striped-table .font-bold {
    font-weight: 400 !important;
}