@tailwind base;
@tailwind components;
@tailwind utilities;
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css");

@layer components {
    .pagy-nav.pagination {
        @apply flex items-center justify-between border-t border-gray-200 ;
    }

    .page.prev, .page.prev.disabled {
        @apply -mt-px flex w-0 flex-1;
    }

    /* Style for the "Previous" link */
    .page.prev a, .page.prev.disabled {
        @apply inline-flex items-center border-t-2 border-transparent pr-1 pt-4 text-sm font-medium text-gray-500;
    }

    .page.next, .page.next.disabled {
        @apply -mt-px flex w-0 flex-1 justify-end;
    }

    /* Style for the "Next" link */
    .page.next a, .page.next.disabled {
        @apply inline-flex items-center border-t-2 border-transparent pl-1 pt-4 text-sm font-medium text-gray-500;
    }

    /* Style for the pagination links */
    .page a, .page.gap a {
        @apply inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700 hover:pt-3.5;
    }

    /* Style for the current active page */
    .page.active {
        @apply inline-flex items-center border-t-2 border-indigo-500 px-4 pt-4 text-sm font-medium text-indigo-600;
    }

    .page {
        @apply px-1;
    }

    /* Style for the "..." gap element */
    .page.gap {
        @apply hidden md:-mt-px md:flex;
    }
}


/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */