/* ============================================
   SIMPLE WHITE BUTTON FIX
   ============================================ */

/* Force White Background with Black Arrow */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    background: white !important;
    background-color: white !important;
    color: #000000 !important;
    border: 2px solid #ddd !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Blinking Animation */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    animation: simpleBlink 2s ease-in-out infinite !important;
}

@keyframes simpleBlink {
    0%, 100% {
        opacity: 1;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    }
    50% {
        opacity: 0.7;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    }
}

/* Hover Effect */
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    background: #f0f0f0 !important;
    transform: scale(1.1) !important;
    opacity: 1 !important;
}

/* Arrow Icon */
.owl-carousel .owl-nav button span {
    color: #000000 !important;
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 50px !important;
}

/* Mobile Positioning */
@media (max-width: 767px) {
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        width: 45px !important;
        height: 45px !important;
    }
    
    .owl-carousel .owl-nav button span {
        line-height: 45px !important;
        font-size: 24px !important;
    }
}