/* HABER AJANSI SLIDER - assets/slider.min.css */

.haber-ajansi-slider{width:100%;margin:30px auto;position:relative;overflow:visible}

.slider-with-side-pagination{display:flex;align-items:center;gap:20px}
.slider-content-wrapper{flex:1}

.slider-main-container{position:relative;height:500px;background:#000;border-radius:12px;overflow:hidden}

.slider-main-item{position:absolute;top:0;left:0;width:100%;height:100%;display:none;opacity:0;transition:opacity 0.5s ease}
.slider-main-item.slider-active{display:block;opacity:1}
.slider-main-item img{width:100%;height:100%;object-fit:cover;display:block}

.slider-title-box{position:absolute;bottom:20px;left:20px;right:20px;color:#fff;background:linear-gradient(135deg,var(--crimson) 0%,#a01829 100%);padding:15px 20px;font-size:1.5rem;font-weight:700;border-radius:8px;text-shadow:2px 3px 5px rgba(0,0,0,.8);box-shadow:0 4px 15px rgba(0,0,0,.5);line-height:1.3}
.slider-title-box a{color:#fff !important;text-decoration:none !important}
.slider-title-box a:hover{color:#fff !important}

/* Pagination */
.slider-thumbnails{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:15px 0}
.slider-pagination-bottom{margin-top:20px;padding-top:15px;border-top:2px solid #e0e0e0}

.slider-pagination-left,.slider-pagination-right{display:flex;flex-direction:column;gap:12px;padding:0}
.slider-pagination-left .slider-thumb-item,.slider-pagination-right .slider-thumb-item{margin:0}

/* Circle */
.pagination-style-circle .slider-thumb-item{width:45px;height:45px;border-radius:50%;background-color:rgba(0,0,0,.7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;border:2px solid transparent}
.pagination-style-circle .slider-thumb-item.slider-active,.pagination-style-circle .slider-thumb-item:hover{background-color:var(--crimson);border-color:var(--crimson);transform:scale(1.2);box-shadow:0 4px 12px rgba(196,30,58,.4)}

/* Square */
.pagination-style-square .slider-thumb-item{width:45px;height:45px;border-radius:5px;background-color:rgba(0,0,0,.7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;border:2px solid transparent}
.pagination-style-square .slider-thumb-item.slider-active,.pagination-style-square .slider-thumb-item:hover{background-color:var(--crimson);border-color:var(--crimson);transform:translateY(-3px);box-shadow:0 6px 15px rgba(196,30,58,.4)}

/* Dot */
.pagination-style-dot .slider-thumb-item{width:16px;height:16px;border-radius:50%;background-color:rgba(0,0,0,.3);cursor:pointer;transition:all .3s ease;border:2px solid rgba(0,0,0,.5);font-size:0;padding:0}
.pagination-style-dot .slider-thumb-item .dot-icon{display:none}
.pagination-style-dot .slider-thumb-item.slider-active,.pagination-style-dot .slider-thumb-item:hover{background-color:var(--crimson);border-color:var(--crimson);width:40px;border-radius:8px;box-shadow:0 4px 12px rgba(196,30,58,.4)}

/* Arrows */
.slider-nav-arrow{position:absolute;top:50%;width:50px;height:50px;background-color:rgba(0,0,0,.6);color:#fff;font-size:24px;text-align:center;line-height:50px;cursor:pointer;border-radius:50%;transform:translateY(-50%);z-index:10;border:none;transition:all .3s}
.slider-nav-left{left:15px}
.slider-nav-right{right:15px}
.slider-nav-arrow:hover{background-color:var(--crimson);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 15px rgba(196,30,58,.4)}

/* Responsive 1024px */
@media(max-width:1024px){
    .slider-with-side-pagination{flex-direction:column;gap:0}
    .slider-content-wrapper{width:100%}
    .slider-pagination-left,.slider-pagination-right{flex-direction:row;justify-content:center;flex-wrap:wrap;width:100%;padding:15px 0;gap:8px;order:1}
}

/* Responsive 768px */
@media(max-width:768px){
    .haber-ajansi-slider{border-radius:0;margin:20px 0;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);max-width:100vw}
    .slider-with-side-pagination{display:block;width:100%}
    .slider-content-wrapper{width:100%}
    .slider-pagination-left,.slider-pagination-right{width:100%;margin:0;padding:15px 0}
    .slider-main-container{height:300px;width:100%;border-radius:0}
    .slider-main-item{display:none}
    .slider-main-item.slider-active{display:block}
    .slider-main-item img{width:100%;height:100%;object-fit:cover;border-radius:0}
    .slider-title-box{left:10px;right:10px;bottom:10px;font-size:1.1rem;padding:12px 15px}
    .slider-nav-arrow{width:40px;height:40px;font-size:20px;line-height:40px}
    .pagination-style-circle .slider-thumb-item,.pagination-style-square .slider-thumb-item{width:40px;height:40px;font-size:14px}
    .pagination-style-dot .slider-thumb-item{width:14px;height:14px}
    .pagination-style-dot .slider-thumb-item.slider-active{width:35px}
    .slider-pagination-left,.slider-pagination-right,.slider-pagination-bottom{padding:12px 0}
}

/* Responsive 480px */
@media(max-width:480px){
    .haber-ajansi-slider{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);max-width:100vw;border-radius:0}
    .slider-with-side-pagination{width:100%}
    .slider-pagination-left,.slider-pagination-right{width:100%;padding:12px 0;margin:0}
    .slider-main-container{height:250px;width:100%;border-radius:0}
    .slider-content-wrapper{width:100%}
    .slider-main-item img{border-radius:0}
    .slider-title-box{font-size:.95rem;padding:10px 12px;bottom:8px;left:8px;right:8px}
    .pagination-style-circle .slider-thumb-item,.pagination-style-square .slider-thumb-item{width:35px;height:35px;font-size:12px}
    .slider-thumbnails{gap:6px}
    .pagination-style-circle .slider-thumb-item:nth-child(n+9),.pagination-style-square .slider-thumb-item:nth-child(n+9){display:none}
    .pagination-style-dot .slider-thumb-item{width:12px;height:12px}
    .pagination-style-dot .slider-thumb-item.slider-active{width:30px}
    .slider-nav-arrow{width:35px;height:35px;font-size:18px;line-height:35px}
    .slider-nav-left{left:8px}
    .slider-nav-right{right:8px}
}