/* Homepage Layout Fixes - Match Original Demo Exactly */

/* Remove custom modifications that interfere with original functionality */
.slider-three-slide.magic-cursor.drag-cursor {
    /* Let the original theme handle cursor states */
}

/* Ensure swiper slides work with original drag functionality */
.slider-three-slide .swiper-slide {
    /* Remove user-select modifications to match original */
}

/* Fix section spacing to prevent overlapping */
section.bg-dark-gray {
    position: relative;
    z-index: 1;
}

/* Ensure vertical title doesn't interfere with drag */
.vertical-title-center {
    pointer-events: none;
    z-index: 10;
}

/* Ensure proper spacing for outside box - match original */
.outside-box-right-30 {
    margin-right: -30px;
}

@media (max-width: 575px) {
    .outside-box-right-30 {
        margin-right: 0;
    }
}

/* Fix swiper button positioning */
.swiper-button-prev,
.swiper-button-next {
    z-index: 10;
}

/* Ensure proper magic cursor display - match original behavior */
.magic-cursor-wrapper {
    pointer-events: none;
    z-index: 9999;
}

/* Interactive banner style - ensure original hover effects work */
.interactive-banner-style-06 {
    /* Let original CSS handle all interactions */
}

/* Fix for multi-line titles in services section with increased spacing */
.interactive-banner-style-06 .interactive-banners-content {
    transform: translateY(calc(100% - 120px)) !important;
}

.interactive-banner-style-06:hover .interactive-banners-content {
    transform: translateY(0) !important;
}

/* Responsive adjustments for multi-line titles */
@media (max-width: 991px) {
    .interactive-banner-style-06 .interactive-banners-content {
        transform: translateY(calc(100% - 110px)) !important;
    }
}

@media (max-width: 767px) {
    .interactive-banner-style-06 .interactive-banners-content {
        transform: translateY(calc(100% - 120px)) !important;
    }
    
    .interactive-banner-style-06:hover .interactive-banners-content {
        transform: translateY(0) !important;
    }
}

/* Additional text shadow for better readability */
.interactive-banner-style-06 .interactive-banners-content a,
.interactive-banner-style-06 .interactive-banners-content p {
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

/* Ensure original drag cursor functionality works */
.magic-cursor.drag-cursor {
    /* Let original theme handle all cursor behavior */
}

/* Remove any interference with original swiper functionality */
.slider-three-slide .swiper-wrapper {
    /* Let original handle all drag behavior */
}

/* Fix for touch devices - match original */
@media (hover: none) and (pointer: coarse) {
    .magic-cursor-wrapper {
        display: none !important;
    }
}

/* Hero Slider Enhancements - Simple approach */
/* Add gradient overlay to the slider wrapper */
#architecture-slider_wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
    z-index: 2;
    pointer-events: none;
}

/* Ensure text appears above gradient - minimal targeting */
#architecture-slider .tp-caption {
    z-index: 3 !important;
}

/* Hide Revolution Slider navigation arrows */
#architecture-slider .tparrows {
    display: none !important;
}