/* =================================
------------------------------------
  Carousel Fix for Modern Design
  Ensures carousel compatibility
 ------------------------------------ 
 ====================================*/

/* Ensure carousel is visible when initialized */
.owl-carousel.owl-loaded {
    display: block !important;
}

/* Fix for carousel navigation arrows */
.owl-nav button {
    background: none !important;
    border: none !important;
    font-size: 24px !important;
    color: var(--primary-color, #667eea) !important;
    padding: 10px !important;
    margin: 0 5px !important;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.owl-nav button:hover {
    background-color: var(--primary-color, #667eea) !important;
    color: white !important;
    transform: scale(1.1) !important;
}

/* Fix for carousel dots */
.owl-dots {
    text-align: center !important;
    margin-top: 20px !important;
}

.owl-dots .owl-dot {
    display: inline-block !important;
    margin: 0 5px !important;
}

.owl-dots .owl-dot span {
    width: 12px !important;
    height: 12px !important;
    background-color: rgba(102, 126, 234, 0.3) !important;
    border-radius: 50% !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

.owl-dots .owl-dot.active span {
    background-color: var(--primary-color, #667eea) !important;
    transform: scale(1.2) !important;
}

/* Review section specific fixes */
.review-section .owl-carousel {
    opacity: 1 !important;
    visibility: visible !important;
}

.review-text-slider,
.review-meta-slider {
    display: block !important;
}

/* Ensure review content is visible */
.review-text,
.author-meta {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Fix for themify icons in navigation */
.owl-nav [class*="ti-"] {
    font-family: 'themify' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
}

/* Responsive fixes */
@media (max-width: 768px) {
    .owl-nav button {
        width: 40px !important;
        height: 40px !important;
        font-size: 18px !important;
    }
    
    .review-meta-slider .owl-item {
        padding: 0 10px !important;
    }
}

/* Animation fixes */
.owl-item {
    opacity: 1 !important;
}

.owl-item.active {
    opacity: 1 !important;
}

/* Ensure carousel items are properly displayed */
.review-text-slider .owl-item,
.review-meta-slider .owl-item {
    display: block !important;
    opacity: 1 !important;
}

/* Fix for any potential z-index issues */
.review-section {
    position: relative !important;
    z-index: 1 !important;
}

.owl-carousel {
    position: relative !important;
    z-index: 2 !important;
}