/* Post Pagination Widget Styles */

/* CSS Variables - Scoped to widget */
.pdr-post-pagination {
    --blog-text: 0 0% 10%;
    --blog-text-secondary: 220 9% 46%;
    --neutral-border: 220 13% 91%;
    --background: 0 0% 100%;
    --foreground: 222 84% 5%;
    --accent: 236 100% 94%;
    --accent-foreground: 235 75% 68%;
    --border: 236 100% 94%;
    --input: 236 100% 94%;
    --radius: .75rem;
    --tw-ring-offset-color: hsl(var(--background));
}

/* Container */
.pdr-post-pagination {
    border-top-width: 1px;
    border-top-color: hsl(var(--neutral-border));
    overflow: hidden;
}

.pdr-post-pagination[class*="border-\[hsl"] {
    border-color: hsl(var(--neutral-border));
}

/* Grid Layout */
.pdr-post-pagination .grid-9lj {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

@media (min-width: 768px) {
    .pdr-post-pagination .grid-9lj {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Links */
.pdr-post-pagination a {
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    white-space: nowrap;
    border: 1px solid #e0e2ff;
    border-radius: 12px;
    background-color: hsl(var(--background));
    padding: 1rem;
    height: auto;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    overflow: hidden;
}

.pdr-post-pagination a:hover {
    background-color: hsl(var(--accent));
    color: hsl(var(--accent-foreground));
}

/* Previous Link */
.pdr-post-pagination .justify-li1 {
    justify-content: flex-start;
}

.pdr-post-pagination .text-f9c {
    text-align: left;
    min-width: 0;
    flex: 1;
    overflow: hidden;
}

/* Next Link */
.pdr-post-pagination .justify-7ko {
    justify-content: flex-end;
}

.pdr-post-pagination .text-qko {
    text-align: right;
    min-width: 0;
    flex: 1;
    overflow: hidden;
}

/* Text Styles */
.pdr-post-pagination .text-cys {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pdr-post-pagination .text-zre {
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .25rem;
    color: hsl(var(--blog-text-secondary));
}

.pdr-post-pagination .mb-yi8 {
    margin-bottom: .25rem;
}

.pdr-post-pagination .text-\[hsl\(var\(--blog-text\)\)\] {
    color: hsl(var(--blog-text));
}

.pdr-post-pagination .text-\[hsl\(var\(--blog-text-secondary\)\)\] {
    color: hsl(var(--blog-text-secondary));
}

/* SVG Icons */
.pdr-post-pagination svg {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.pdr-post-pagination .h-5 {
    height: 1.25rem;
}

.pdr-post-pagination .w-5 {
    width: 1.25rem;
}

.pdr-post-pagination .flex-shrink-0 {
    flex-shrink: 0;
}

.pdr-post-pagination .mt-0\.5 {
    margin-top: .125rem;
}

.pdr-post-pagination [class*="pointer-events-mkf"] svg,
.pdr-post-pagination .inline-xsk[class*="pointer-events-mkf"] svg {
    pointer-events: none;
}

.pdr-post-pagination [class*="size-8bh"] svg,
.pdr-post-pagination .inline-xsk[class*="size-8bh"] svg {
    width: 1.25rem;
    height: 1.25rem;
}

.pdr-post-pagination [class*="shrink-eo7"] svg,
.pdr-post-pagination .inline-xsk[class*="shrink-eo7"] svg {
    flex-shrink: 0;
}

/* Utility Classes */
.pdr-post-pagination .inline-xsk {
    display: inline-flex;
}

.pdr-post-pagination .item-twh {
    align-items: flex-start;
}

.pdr-post-pagination .item-rq3 {
    align-items: center;
}

.pdr-post-pagination .gap-rxw {
    gap: .5rem;
}

.pdr-post-pagination .gap-ect {
    gap: .75rem;
}

.pdr-post-pagination .whitespace-q5i {
    white-space: nowrap;
}

.pdr-post-pagination .rounded-7qf {
    border-radius: calc(var(--radius) - 2px);
}

.pdr-post-pagination .bor-3bj {
    border-width: 1px;
}

.pdr-post-pagination .input-ihn {
    border-color: hsl(var(--input));
}

.pdr-post-pagination .p-xzp {
    padding: 1rem;
}

.pdr-post-pagination .font-54t {
    font-weight: 500;
}

.pdr-post-pagination .ring-offset-x9o {
    --tw-ring-offset-color: hsl(var(--background));
}

.pdr-post-pagination .col-kh1 {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.pdr-post-pagination .hoverbg-ijf:hover {
    background-color: hsl(var(--accent));
}

.pdr-post-pagination .text-2pj:hover {
    color: hsl(var(--accent-foreground));
}

.pdr-post-pagination .h-ak5 {
    height: auto;
}