/* FORCE BLUE OUTLINE PRIMARY BUTTONS - NO PURPLE GRADIENT OVERRIDE */

/* Override ANY purple gradient on btn-outline-primary buttons */
.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus {
    background: #fff !important;
    color: #0d6efd !important;
    border-color: #0d6efd !important;
    background-image: none !important;
    background-image: none !important;
    filter: none !important;
}

.btn-outline-primary:hover {
    background: #0d6efd !important;
    color: #fff !important;
    border-color: #0d6efd !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.25) !important;
}

.btn-outline-primary:active,
.btn-outline-primary.active {
    background: #0b5ed7 !important;
    color: #fff !important;
    border-color: #0a58ca !important;
}

.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

/* Remove ANY gradient or purple color references */
.btn-outline-primary * {
    background: inherit !important;
    color: inherit !important;
}

/* Specific fix for View All buttons */
.view-all-reviews .btn-outline-primary,
.similar-category-products .btn-outline-primary,
.all-products .btn-outline-primary,
button.btn-outline-primary,
a.btn-outline-primary {
    background: #fff !important;
    color: #0d6efd !important;
    border: 1px solid #0d6efd !important;
    background-image: none !important;
    background-image: none !important;
    transition: all 0.3s ease !important;
}

.view-all-reviews .btn-outline-primary:hover,
.similar-category-products .btn-outline-primary:hover,
.all-products .btn-outline-primary:hover,
button.btn-outline-primary:hover,
a.btn-outline-primary:hover {
    background: #0d6efd !important;
    color: #fff !important;
    border-color: #0d6efd !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.25) !important;
}

/* Force override any existing CSS that might add gradients */
.btn-outline-primary:not(.variant-selector .btn-outline-primary) {
    background: #fff !important;
    color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.btn-outline-primary:not(.variant-selector .btn-outline-primary):hover {
    background: #0d6efd !important;
    color: #fff !important;
    border-color: #0d6efd !important;
}