/* Breadcrumb & Pagination Green Theme Styling */

/* ===== BREADCRUMB STYLING ===== */

/* Bootstrap breadcrumb styling (for pages using Bootstrap breadcrumbs) */
.breadcrumb {
    background-color: #f0fdf4 !important; /* green-50 */
    border-radius: 0.5rem !important;
    padding: 0.75rem 1rem !important;
}

.breadcrumb-item a {
    color: #4b5563 !important; /* gray-700 */
    text-decoration: none !important;
    transition: color 0.2s ease-in-out !important;
}

.breadcrumb-item a:hover {
    color: #16a34a !important; /* green-600 */
}

.breadcrumb-item.active {
    color: #16a34a !important; /* green-600 */
    font-weight: 500 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #22c55e !important; /* green-500 */
}

/* Tailwind-style breadcrumb enhancements */
nav[aria-label="Breadcrumb"] a {
    transition: color 0.2s ease-in-out !important;
}

nav[aria-label="Breadcrumb"] svg {
    transition: color 0.2s ease-in-out !important;
}

/* ===== PAGINATION STYLING ===== */

/* Bootstrap pagination styling */
.pagination .page-link {
    color: #4b5563 !important; /* gray-700 */
    transition: all 0.2s ease-in-out !important;
}

.pagination .page-link:hover {
    color: #16a34a !important; /* green-600 */
    background-color: #f0fdf4 !important; /* green-50 */
    border-color: #86efac !important; /* green-300 */
}

.pagination .page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 197, 94, 0.25) !important; /* green-500 with opacity */
    border-color: #22c55e !important; /* green-500 */
}

.pagination .page-item.active .page-link {
    background-color: #16a34a !important; /* green-600 */
    border-color: #16a34a !important; /* green-600 */
    color: white !important;
}

.pagination .page-item.active .page-link:hover {
    background-color: #15803d !important; /* green-700 */
    border-color: #15803d !important; /* green-700 */
}

.pagination .page-item.disabled .page-link {
    color: #9ca3af !important; /* gray-400 */
    background-color: #f9fafb !important; /* gray-50 */
    border-color: #e5e7eb !important; /* gray-200 */
}

/* Tailwind pagination enhancements */
nav[role="navigation"][aria-label*="Pagination"] a {
    transition: all 0.2s ease-in-out !important;
}

nav[role="navigation"][aria-label*="Pagination"] svg {
    transition: color 0.2s ease-in-out !important;
}