/* ============================================
   LOGO & SLIDER FIXES
   Remove logo background and fix slider content
============================================= */

/* Remove logo background on all variants */
.logo-wrapper,
.logo-wrapper::before,
.logo-wrapper::after {
    background: none !important;
    background-color: transparent !important;
}

/* Ensure logo displays properly */
.logo img {
    max-height: 60px;
    width: auto;
    height: auto;
}

.responsive-mobile-menu .logo img {
    max-height: 50px;
}

/* Fix slider content display - ensure proper text rendering */
.header-slider-one .header-inner .description,
.single-testimonial-item .description,
.case-studies-slider-active .slider-inner-text p {
    /* color: inherit; */
    line-height: 1.8;
}

/* Ensure slider text is readable */
.header-slider-one .header-inner .description p,
.testimonial-carousel .description p {
    margin-bottom: 15px;
}

/* Fix broken content in sliders */
.header-slider-one .header-inner .description *,
.single-testimonial-item .description *,
.about-testimonial-text * {
    max-width: 100%;
    word-wrap: break-word;
}

/* Remove any unwanted backgrounds from logo area */
.navbar-area .logo-wrapper {
    background: transparent !important;
    padding: 0 !important;
}

.navbar-area .logo {
    background: transparent !important;
    display: inline-block;
}

/* Fix for header variant 06 logo background */
.header-style-03.header-variant-06.navbar-variant-02 .logo-wrapper:after {
    display: none !important;
    background: none !important;
}

/* Ensure testimonial content displays properly */
.single-testimonial-item .content,
.about-testimonial-card {
    overflow: visible;
}

/* Fix any text overflow in sliders */
.testimonial-carousel-area .description,
.case-studies-slider-active p {
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Remove logo container backgrounds */
.responsive-mobile-menu {
    background: transparent;
}

/* Fix mobile logo */
@media (max-width: 991px) {
    .responsive-mobile-menu .logo-wrapper {
        background: transparent !important;
    }
    
    .logo img {
        max-height: 45px;
    }
}

/* Additional slider content fixes */
.header-slider-one .header-inner p {
    color: rgba(255, 255, 255, 0.95);
}

/* Ensure slider descriptions render HTML properly */
.slideInUp {
    animation-name: slideInUp;
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 40px, 0);
        opacity: 0;
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}