/* === SLIDER TEXT DISPLAY FIX ===
 * File: slider-text-fix.css
 * Purpose: Fix "design matters" text not displaying on page load
 * Author: Analysis and Fix Implementation
 * Date: Current
 */

/* Primary Fix: Force visibility of "design matters" text on first slide */
.slider-nav .slider-wrapper .slides li:first-child .append {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Enhanced Fix: Ensure text remains visible during normal operation */
.slider-nav .slider-wrapper .slides li.is-selected .append {
    visibility: visible !important;
}

/* Opacity Fix: Make sure inner content is fully opaque */
.slider-nav .slider-wrapper .slides li:first-child .append .inner,
.slider-nav .slider-wrapper .slides li.is-selected .append .inner {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important; /* IE compatibility */
}

/* Alternative Implementation: Show text in ready state */
.slider-nav .slider-wrapper.ready .slides li:first-child .append {
    visibility: visible !important;
    display: block !important;
}

/* Backup Solution: Show text when not in zoomed-out mode */
.slider-nav .slider-wrapper:not(.zoomed-out) .slides li:first-child .append {
    visibility: visible !important;
}

/* Transition Enhancement: Smooth visibility changes */
.slider-nav .slider-wrapper .slides li .append {
    transition: visibility 0.3s ease, opacity 0.3s ease !important;
}

/* Mobile Responsive Fix */
@media (max-width: 767px) {
    .slider-nav .slider-wrapper .slides li:first-child .append {
        visibility: visible !important;
        height: 180px; /* Maintain mobile height */
    }
    
    .slider-nav .slider-wrapper .slides li:first-child .append .inner {
        opacity: 1 !important;
        font-size: 0.7em; /* Maintain mobile font size */
    }
}

/* Large Screen Enhancement */
@media (min-width: 1200px) {
    .slider-nav .slider-wrapper .slides li:first-child .append {
        visibility: visible !important;
        height: 400px; /* Maintain desktop height */
    }
    
    .slider-nav .slider-wrapper .slides li:first-child .append .inner {
        opacity: 1 !important;
        font-size: 0.9em; /* Maintain desktop font size */
    }
}

/* Debug Mode: Uncomment for troubleshooting */
/*
.slider-nav .slider-wrapper .slides li .append {
    border: 2px solid red !important;
    background: rgba(255,0,0,0.1) !important;
}

.slider-nav .slider-wrapper .slides li .append p {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
    background: rgba(255,255,255,0.1) !important;
    padding: 5px !important;
}
*/