.archive-ships-block-container {
    padding-top: var(--50s);
}

/* Ensure the wrapper behaves correctly within the block */
.archive-ships-block-container .archive-ships-wrapper {
    width: 100%;
}

/* Add any specific overrides if needed, otherwise rely on global styles */
.archive-ships-block-container .btn-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}

.archive-ships-block-container .archive-ships-body-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

@media (max-width: 768px) {
    .archive-ships-block-container .navigation.pagination .nav-links {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }

    .archive-ships-block-container .navigation.pagination .page-numbers {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background-color: #f1f5f9;
        color: #64748b;
        text-decoration: none;
        font-weight: 500;
        font-size: 16px;
        border: none;
        padding: 0;
        margin: 0;
    }
    .archive-ships-block-container .navigation.pagination .page-numbers.btn-show {
        width: 35px;
        height: 35px;
    }
    .graduation-packages-block-container .package-card {
        padding: 18px;
    }
    .wp-block-post-title {
        font-size: min(24px, var(--42s));
    }

    .graduation-packages-block-container .package-price {
        font-size: 18px;
    }

    .archive-ships-block-container .navigation.pagination .page-numbers.current {
        background-color: #e2e8f0;
        color: #1e293b;
        font-weight: 700;
    }

    .archive-ships-block-container .navigation.pagination .page-numbers.dots {
        background-color: transparent;
        color: #64748b;
    }

    .archive-ships-block-container .navigation.pagination .page-numbers.btn-show {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #f1f5f9;
        cursor: pointer;
    }

    .archive-ships-block-container .navigation.pagination .page-numbers.btn-show h5 {
        margin: 0;
        font-size: 16px;
        color: #64748b;
        font-weight: 500;
    }

    .archive-ships-block-container .navigation.pagination .page-numbers.prev,
    .archive-ships-block-container .navigation.pagination .page-numbers.next {
        background-color: transparent;
        width: auto;
        height: auto;
    }

    .archive-ships-block-container .navigation.pagination .page-numbers.prev,
    .archive-ships-block-container .navigation.pagination .page-numbers.next {
        background-color: transparent;
        width: auto;
        height: auto;
    }
}

.archive-ships-block-container .navigation.pagination .page-numbers.hide {
    display: none !important;
}