/* URL Fix for SEO-friendly URLs */

/* Ensure all background images use absolute URLs */
* {
    /* Force absolute URL resolution */
}

/* Fix for pagination arrows */
.page-prev img,
.page-next img {
    width: 9px;
    height: 18px;
    display: inline-block;
}

/* Fallback for broken SVG images */
.page-prev img[src*="angle-left-new.svg"]:after,
.page-next img[src*="angle-right-new.svg"]:after {
    content: '';
    display: inline-block;
    width: 9px;
    height: 18px;
    background-color: #235FF7;
}

/* Pure CSS arrow replacements - no SVG needed */
.page-prev a,
.page-next a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    position: relative;
}

.page-prev img,
.page-next img {
    display: none; /* Hide the SVG images */
}

/* CSS arrows */
.page-prev a::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-left: 2px solid #235FF7;
    border-bottom: 2px solid #235FF7;
    transform: rotate(45deg);
    margin-right: 2px;
}

.page-next a::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 2px solid #235FF7;
    border-bottom: 2px solid #235FF7;
    transform: rotate(-45deg);
    margin-left: 2px;
}

.page-prev a:hover::after {
    border-color: #1a4fd6;
}

.page-next a:hover::after {
    border-color: #1a4fd6;
}

/* Error state handling */
img[src*="angle-left-new.svg"]:error,
img[src*="angle-right-new.svg"]:error {
    display: none;
}