/* SLIDER FIX - 1580px Container + Captions + No Loading Animation */

/* 1. SLIDER YÜKLENİRKEN AÇILIP KAPANMASINI ÖNLE */
.theme-light .nivoSlider,
.theme-default .nivoSlider,
div[class*="theme-"] .nivoSlider {
    background: #fff !important;
    min-height: 300px !important;
}

/* 2. SLIDER 1580px CONTAINER İÇİNDE KALSIN - AGGRESSIVE OVERRIDE */

/* OPC Portlet wrapper */
.opc-ImageSlider,
.opc-area .opc-ImageSlider {
    max-width: 1580px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Theme wrapper - tüm olası class kombinasyonları */
div[class*="theme-"],
.theme-default,
.theme-light,
.theme-dark,
.theme-bar {
    max-width: 1580px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* nivoSlider element - ID'ye göre de hedefle */
.nivoSlider,
div[id*="uid_"].nivoSlider,
#uid_697779ba7c2bd {
    max-width: 1580px !important;
    width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Slider images */
.nivoSlider img,
.nivoSlider .nivo-main-image,
.nivo-main-image {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* 3. HIDE DEFAULT NIVO-CAPTION */
.nivo-caption {
    display: none !important;
}

/* 4. SHOW ONLY HTMLCAPTION - CENTERED BOX */
.nivo-html-caption,
.htmlcaption {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    max-width: 80% !important;
    height: auto !important;
    background: rgba(0, 0, 0, 0.75) !important;
    color: #fff !important;
    padding: 15px 25px !important;
    z-index: 999 !important;
    -moz-opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    border-radius: 6px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Override for all caption selectors */
div[class*="caption"]:not(.nivo-caption) {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    max-width: 80% !important;
    height: auto !important;
    background: rgba(0, 0, 0, 0.75) !important;
    color: #fff !important;
    padding: 15px 25px !important;
    z-index: 999 !important;
    -moz-opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    border-radius: 6px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.nivo-caption p,
.htmlcaption p {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #fff !important;
}

.nivo-caption a,
.htmlcaption a {
    color: #fff !important;
    text-decoration: underline !important;
}

/* 4. RESPONSIVE - Mobilde tam genişlik */
@media (max-width: 1600px) {
    .opc-ImageSlider,
    div[class*="theme-"],
    .nivoSlider {
        max-width: 1580px !important;
    }
}

@media (max-width: 1199px) {
    .opc-ImageSlider,
    div[class*="theme-"],
    .nivoSlider {
        max-width: 960px !important;
    }
}

@media (max-width: 991px) {
    .opc-ImageSlider,
    div[class*="theme-"],
    .nivoSlider {
        max-width: 720px !important;
    }
}

@media (max-width: 767px) {
    .opc-ImageSlider,
    div[class*="theme-"],
    .nivoSlider {
        max-width: 100% !important;
        padding: 0 !important;
        min-height: auto !important;
        height: auto !important;
    }
    
    /* Slider wrapper - mobilde height auto */
    .nivoSlider,
    .nivo-slice,
    a.slide {
        height: auto !important;
        min-height: auto !important;
    }
    
    /* Image container - mobilde tam height */
    .nivoSlider img {
        height: auto !important;
        display: block !important;
    }
    
    .nivo-caption,
    .htmlcaption {
        padding: 10px 15px !important;
        font-size: 14px !important;
    }
    
    .nivo-caption p,
    .htmlcaption p {
        font-size: 14px !important;
    }
}