/* 
 * Custom Styles for ScrapUa
 * Additional custom styling for the website
 */

/* Move to basket button - corporate purple styling */
.btn[data-behaviours="move"] {
    background-color: rgb(149, 70, 114) !important;
    border-color: rgb(149, 70, 114) !important;
    color: white !important;
}

.btn[data-behaviours="move"]:hover {
    background-color: rgb(130, 60, 100) !important;
    border-color: rgb(130, 60, 100) !important;
    color: white !important;
}

.btn[data-behaviours="move"]:focus {
    background-color: rgb(149, 70, 114) !important;
    border-color: rgb(149, 70, 114) !important;
    color: white !important;
    box-shadow: 0 0 0 0.2rem rgba(149, 70, 114, 0.25) !important;
}

.btn[data-behaviours="move"]:active {
    background-color: rgb(110, 50, 85) !important;
    border-color: rgb(110, 50, 85) !important;
    color: white !important;
}

/* Standardized pagination styles - teal color scheme */
.pagination .page-link {
    color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    background-color: #fff !important;
}

.pagination .page-link:hover {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

.pagination .page-item.active .page-link {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

.pagination .page-item.disabled .page-link {
    color: #6c757d !important;
    background-color: #fff !important;
    border-color: #dee2e6 !important;
}

/* Additional overrides to ensure teal color is applied everywhere */
.page .pagination .page-link {
    color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    background-color: #fff !important;
}

.page .pagination .page-link:hover {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

.page .pagination .page-item.active .page-link {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

/* Force teal color with maximum specificity */
body .container .page .pagination .page-link {
    color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    background-color: #fff !important;
}

body .container .page .pagination .page-link:hover {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

body .container .page .pagination .page-item.active .page-link {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

/* Final override with maximum specificity and !important */
html body .container .page .pagination .page-link {
    color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    background-color: #fff !important;
}

html body .container .page .pagination .page-link:hover {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

html body .container .page .pagination .page-item.active .page-link {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}