/* The @source essentially is telling tailwind were to look for files (css/blade files) */
@import '../../../../vendor/filament/filament/resources/css/theme.css';

/** These have been added via the filament v4 upgrade guide*/
@source '../../../../app/Filament';
@source '../../../../resources/views/filament';

@source '../../../../resources/**/*.blade.php';
@source '../../../../resources/**/*.js';
@source '../../../../resources/**/*.vue';
@source '../../../../storage/framework/views/*.php';
@source '../../../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';

@source '../../../../Modules/**/resources/**/*.blade.php';
@source '../../../../Modules/**/Filament/**/*.php';
@source '../../../../Modules/**/resources/**/*.js';
@source '../../../../Modules/**/resources/**/*.css';
@source '../../../../Modules/**/storage/framework/views/*.php';

.fi-layout {
  position: relative;
  /* Ensure the layout is above the background video */
  z-index: 5;
}

.fi-body {
  position: relative;
  /* Ensure the layout is above the background video */
  z-index: 5;
}

.video-wrapper {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.video-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  /* opaque on right, transparent on left */
  background: linear-gradient(to left,
      rgba(0, 0, 0, 0.5) 30%,
      rgba(0, 0, 0, 0) 80%);
  pointer-events: none;
  z-index: 2;
}

.background-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 2;
  /* Ensures video is on top of the container's background but below content */
  object-fit: cover;
  /* Ensures the video covers the area without distortion */
  filter: opacity(20%);
}

/**
  * Custom styles for License Applications Table
  * Red - Documents outstanding, License Application is in work list
  * Light Blue - License Application has been processed and submitted to Municipality
  * Dark Blue - License Application is awaiting approval from Municipality
  * Green - License Application has been approved  
  */

/* Light mode */
.la-row-worklist td {
  background-color: theme('colors.red.200');
}

.la-row-municipal-submission td {
  background-color: theme('colors.blue.200');
}

.la-row-awaiting-approval td {
  background-color: theme('colors.blue.400');
}

.la-row-approved td {
  background-color: theme('colors.green.200');
}

/* Dark mode variant if you want */
.dark .la-row-worklist td {
  background-color: theme('colors.red.900');
}

.dark .la-row-municipal-submission td {
  background-color: theme('colors.blue.900');
}

.dark .la-row-awaiting-approval td {
  background-color: theme('colors.blue.700');
}

.dark .la-row-approved td {
  background-color: theme('colors.green.900');
}

.fi-header-heading {
  @apply text-neutral-900; /* e.g. your dark text */
}

/* Subheading (description under title) */
.fi-header-subheading {
  @apply text-neutral-800;
}

/* Dark mode (optional) */
.dark .fi-header-heading {
  @apply text-neutral-200;
}

.dark .fi-header-subheading {
  @apply text-neutral-300;
}

.fi-breadcrumbs-item-label {
  @apply text-neutral-800;
}

.dark .fi-breadcrumbs-item-label {
  @apply text-neutral-300;
}

.fi-breadcrumbs-item-separator {
  @apply text-neutral-400;
}

.dark .fi-breadcrumbs-item-separator {
  @apply text-neutral-400;
}