/* Mobile pagination dots fix - ONLY affects dots */
@media (max-width: 767px) {
  /* Hide dots beyond the 5th one */
  .reviews-wrapper .owl-dots .owl-dot:nth-child(n+6) {
    display: none !important;
  }
  
  /* Container styling */
  .reviews-wrapper .owl-dots {
    text-align: center !important;
    margin-top: 20px !important;
    display: block !important;
  }
  
  /* Dot container styling */
  .reviews-wrapper .owl-dots .owl-dot {
    display: inline-block !important;
    margin: 0 3px !important;
    cursor: pointer !important;
    zoom: 1 !important;
  }
  
  /* Actual visible dot (span inside owl-dot) */
  .reviews-wrapper .owl-dots .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    margin: 0 !important;
    background: #ddd !important;
    border-radius: 50% !important;
    display: block !important;
    transition: background 0.2s ease !important;
    cursor: pointer !important;
  }
  
  /* Active and hover states for the span */
  .reviews-wrapper .owl-dots .owl-dot.active span,
  .reviews-wrapper .owl-dots .owl-dot:hover span {
    background: #007bff !important;
  }
  
  /* Ensure dots are clickable */
  .reviews-wrapper .owl-dots .owl-dot {
    pointer-events: auto !important;
  }
  
  /* Force show dots container even if JS disabled them */
  .reviews-wrapper .owl-dots {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
} 

/* Desktop pagination dots - same clean styling */
@media (min-width: 768px) {
  .reviews-wrapper .owl-dots {
    text-align: center !important;
    margin-top: 20px !important;
  }
  
  .reviews-wrapper .owl-dots .owl-dot {
    display: inline-block !important;
    margin: 0 5px !important;
    cursor: pointer !important;
    zoom: 1 !important;
  }
  
  .reviews-wrapper .owl-dots .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    margin: 0 !important;
    background: #ddd !important;
    border-radius: 50% !important;
    display: block !important;
    transition: background 0.2s ease !important;
    cursor: pointer !important;
  }
  
  .reviews-wrapper .owl-dots .owl-dot.active span,
  .reviews-wrapper .owl-dots .owl-dot:hover span {
    background: #007bff !important;
  }
}