﻿.blog-title {
    color: #b9b06c;
    text-decoration: none;
}

.data {
    color: #0d3252;
}

/* --- SEARCH/FILTER STYLES --- */
.filter-container .form-control:focus {
    border-color: #0d3252;
    box-shadow: 0 0 0 0.25rem rgba(13, 50, 82, 0.25);
}

.btn-primary {
    background-color: #0d3252;
    border-color: #0d3252;
}

    .btn-primary:hover {
        background-color: #0a2842; /* A little darker for hover */
        border-color: #0a2842;
    }


/* --- MODERN PAGINATION STYLE --- */
.pagination-container {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.pagination {
    /* Define colors using CSS variables for easy theming */
    --pagination-color: #0d3252; /* Your dark blue */
    --pagination-active-bg: #0d3252;
    --pagination-active-color: #fff;
    --pagination-hover-bg: #f4f4f5; /* A light grey for hover */
    --pagination-disabled-color: #a0a0a0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

    .pagination .page-item {
        margin: 0;
    }

    .pagination .page-link {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        padding: 0;
        font-size: 1rem;
        font-weight: 500;
        color: var(--pagination-color);
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-radius: 25px; /* Circular buttons */
        transition: all 0.2s ease-in-out;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    }

        .pagination .page-link:hover {
            background-color: var(--pagination-hover-bg);
            border-color: #c0c0c0;
            transform: translateY(-2px);
            z-index: 2;
        }

    .pagination .page-item.active .page-link {
        background-color: var(--pagination-active-bg);
        color: var(--pagination-active-color);
        border-color: var(--pagination-active-bg);
        font-weight: 700;
        z-index: 3;
        box-shadow: 0 4px 10px rgba(13, 50, 82, 0.3);
    }

    .pagination .page-item.disabled .page-link {
        color: var(--pagination-disabled-color);
        background-color: #f8f9fa;
        pointer-events: none;
        box-shadow: none;
    }

    .pagination .page-link.page-link-ellipsis {
        border: none;
        background: transparent;
        box-shadow: none;
        font-weight: bold;
        letter-spacing: 2px;
        cursor: default;
    }

        .pagination .page-link.page-link-ellipsis:hover {
            background: transparent;
            transform: none;
        }

    .pagination .page-item:first-child .page-link,
    .pagination .page-item:last-child .page-link {
        border-radius: 25px !important;
    }

.clear-filter-link {
    color: #0d3252;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding-left: 0.75rem;
}

    .clear-filter-link:hover {
        text-decoration: underline;
        color: #0a2842;
    }