/* ============================================
   MOBILE FIXES - Rooms Slider & WhatsApp
   ============================================ */

/* WhatsApp daha aşağıda */
@media (max-width: 768px) {
    .whatsapp-float {
        bottom: 160px !important;
        left: 15px !important;
    }
}

/* Rooms Slider - Butonları resmin sağ altına */
@media (max-width: 1024px) {
    .halfpane__image {
        position: relative !important;
    }
    
    .halfpane__content {
        text-align: left !important;
    }
    
    .halfpane__title {
        text-align: left !important;
    }
    
    .halfpane__entry {
        text-align: left !important;
    }
    
    .halfpane__entry p {
        text-align: left !important;
    }
    
    .halfpane__link {
        text-align: left !important;
        display: block !important;
    }
    
    .halfpane__rate {
        text-align: left !important;
    }
    
    .halfpane__rate p {
        text-align: left !important;
    }
    
    .halfpane__actions {
        text-align: left !important;
        display: block !important;
    }
    
    .halfpane__actions .btn {
        width: auto !important;
        max-width: none !important;
        display: inline-block !important;
        margin: 0 !important;
    }
    
    /* Butonları resmin içine yerleştir */
    .slider-rooms .slider__slide {
        position: relative !important;
    }
    
    .slider-rooms .paging-circle {
        position: absolute !important;
        top: 260px !important;
        bottom: auto !important;
        right: 20px !important;
        left: auto !important;
        transform: none !important;
        display: flex !important;
        gap: 10px !important;
        pointer-events: all !important;
        z-index: 100 !important;
    }
    
    .slider-rooms .paging__prev,
    .slider-rooms .paging__next {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
    }
}

@media (max-width: 768px) {
    .slider-rooms .paging-circle {
        top: 210px !important;
        right: 15px !important;
    }
}

@media (max-width: 480px) {
    .slider-rooms .paging-circle {
        top: 180px !important;
        right: 10px !important;
        gap: 8px !important;
    }
}


/* ============================================
   DESKTOP - Rooms Slider Improvements
   ============================================ */

/* Desktop'ta da sola hizalı ve butonlar resimde */
.slider-rooms .slider__slide {
    position: relative;
}

.halfpane__content {
    text-align: left;
}

.halfpane__title {
    text-align: left;
}

.halfpane__entry {
    text-align: left;
}

.halfpane__entry p {
    text-align: left;
}

.halfpane__link {
    text-align: left;
    display: block;
}

.halfpane__rate {
    text-align: left;
}

.halfpane__rate p {
    text-align: left;
}

.halfpane__actions {
    text-align: left;
    display: block;
}

/* Desktop'ta butonları resmin sağ altına */
@media (min-width: 1025px) {
    .slider-rooms .paging-circle {
        position: absolute;
        top: auto;
        bottom: 30px;
        left: 30%;
        right: auto;
        transform: none;
        display: flex;
        gap: 15px;
        pointer-events: all;
        z-index: 100;
    }
    
    .slider-rooms .paging__prev,
    .slider-rooms .paging__next {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }
}