/* Banner Image Centering Fix - High Priority CSS */

/* Main fix for banner image centering */
.stqc-slide[style*="background-image"] {
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: #f8f9fa !important;
}

/* Container structure */
.stqc-slider-wrapper {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    position: relative !important;
}

.stqc-slide {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* Hide img elements when background is used */
.stqc-slide[style*="background-image"] .stqc-slide-image {
    display: none !important;
    opacity: 0 !important;
}

/* Accessibility - ensure focus indicators are visible */
.stqc-slide:focus-within {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
}