@import '../../../../vendor/filament/filament/resources/css/theme.css';

@source '../../../../app/Filament/**/*';
@source '../../../../resources/views/livewire/*';
@source '../../../../resources/views/filament/**/*';
@source '../../../../resources/views/filament/tables/**/*';
@source '../../../../resources/views/components/**/*';
@source '../../../../vendor/awcodes/light-switch/resources/**/*.blade.php';
@source '../../../../vendor/guava/filament-modal-relation-managers/resources/**/*';
@source '../../../../vendor/jaocero/radio-deck/resources/views';


/* Reduce gap between widgets and content */
.fi-page-content {
    @apply gap-y-5;
    /* Default is usually gap-6 or gap-8 */
}

.fi-page-header-main-ctn {
    @apply pt-5
}

/* hide reset link in filters */
.fi-ta-filters-heading,
button[wire\:click="resetTableFiltersForm"] {
    display: none;
}

.tippy-box {
    max-width: 1000px !important;
    /* background-color: #0f172b; */
}

.fi-ta-table>tbody {
    @apply divide-none
}

/* stripes in popups */
@layer utilities {
    .striped div:nth-child(even) {
        @apply bg-gray-100
    }
}

.drag-and-drop__item:active {
    @apply rounded;
    background-color: rgba(43, 127, 255, 0.1);
}

.alarm-level-style {
    @apply bg-gray-600/5;
}

/* searchbox move to left */
.fi-ta-header-toolbar> :nth-child(2) {
    justify-content: space-between;
    width: 100%;
}

.fi-ta-filter-indicators {
    justify-content: center;
    width: 100%;
}

/* label bettypes centered */
.fi-ta-header-cell-oddstotal,
.fi-ta-header-cell-oddstq,
.fi-ta-header-cell-oddsggng,
.fi-ta-header-cell-oddsdnb,
.fi-ta-header-cell-odds3way,
.fi-ta-header-cell-oddsdc,
.fi-ta-header-cell-id {
    @apply !text-center
}

#ComparingBookmakerMenu .fi-ta-header-toolbar {
    @apply grid grid-cols-3 justify-start
}

/* Styling Radio Lable */

.fi-fo-radio {
    @apply !grid grid-cols-3 gap-y-2 mb-2
}

.fi-fo-radio-label {
    @apply p-2 border border-gray-200 shadow rounded-md cursor-pointer has-checked:bg-blue-50 has-checked:text-blue-900 dark:has-checked:bg-blue-950 dark:has-checked:text-blue-200
}

.fi-sc-component .fi-wi-stats-overview-stat {
    @apply bg-green-50 dark:bg-green-900 border border-green-300 dark:border-green-700
}

/* #mapper_right .fi-dropdown-list-item,
#mapper_left .fi-dropdown-list-item {
    padding: 2px;
}
*/
/*
widget space to top menu
*/
.fi-page-header-main-ctn {
    padding-top: 1rem;
}

/*
widget space to filter
*/
.fi-page-content {
    row-gap: 1rem;
}

/*
 * top space inside filter conatiner
 */
.fi-ta-filters-above-content-ctn {
    padding-top: 0;
}

.fi-wi-stats-overview-stat-label {
    @apply text-lg font-bold mx-auto
}

.fi-wi-stats-overview-stat-value {
    @apply text-center
}

/**  x for removing all filters (not working) */
#mapper_right .fi-ta-filter-indicators button,
#mapper_left .fi-ta-filter-indicators button {
    display: none;
}

#mapper_right .fi-ta-filter-indicators div button,
#mapper_left .fi-ta-filter-indicators div button {
    display: block;
}

/**
less padding in table
*/
#mapper_right,
#mapper_left {
    @layer components {
        .fi-ta-ctn {
            & .fi-ta-filters {
                display: grid;
                row-gap: 0;
            }
        }

        .fi-ta-text {
            &:not(.fi-inline) {
                padding-block: 0.2rem;
            }
        }
    }

    .fi-ta-filters-above-content-ctn {
        @apply py-3
    }

    .fi-ta-header-toolbar {
        @apply py-3
    }

    .fi-ta-cell {
        @apply py-0.5
    }

    .fi-ta-cell>div {
        @apply py-0.5
    }
}


#mapper {
    @layer components {
        .fi-ta-ctn {
            & .fi-ta-header-toolbar {
                @apply !flex-row-reverse;
                flex-wrap: inherit;
            }
        }

        .fi-pagination {
            & .fi-pagination-overview {
                display: block;
                font-size: 11px;
            }
        }
    }
}


/* Optional: Decrease overall table container padding */
/* .fi-ta-ctn {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
} */