/*
Theme Name:   Sali Hello Theme Child
Theme URI:    https://sali.co.id
Description:  A premium, high-performance child theme built for the Hello Elementor parent theme. Customized and optimized for speed, flexibility, and modern web standards.
Author:       Ghasali
Author URI:   https://sali.co.id
Template:     hello-elementor
Version:      1.0.2
Text Domain:  sali-hello-theme-child
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Custom CSS Carousel */
html body .elementor-element-5362679 {
    overflow: hidden !important;
    padding-top: 70px;
}

html body .elementor-element-5362679 img {
    aspect-ratio: 4 / 3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

html body .elementor-element-5362679 .swiper {
    width: 114.28% !important;
}

@media (max-width: 1024px) {
    html body .elementor-element-5362679 .swiper {
        width: 120% !important;
    }
}

@media (max-width: 767px) {
    html body .elementor-element-5362679 .swiper {
        width: 133.33% !important;
    }
}

html body .elementor-element-5362679 .elementor-swiper-button {
    background-color: #ffffff !important;
    border: 2px solid #7dc4e9 !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transition: all 0.3s ease !important;
}

html body .elementor-element-5362679 .elementor-swiper-button i,
html body .elementor-element-5362679 .elementor-swiper-button svg {
    color: #7dc4e9 !important;
    fill: #7dc4e9 !important;
}

html body .elementor-element-5362679 .elementor-swiper-button-prev,
html body .elementor-element-5362679 .elementor-swiper-button-next {
    top: 0px !important;
    transform: none !important;
}

/* Penyesuaian: Menggeser panah kanan sebesar 120px dari ujung */
html body .elementor-element-5362679 .elementor-swiper-button-next {
    right: 110px !important; 
}

/* Penyesuaian: Menggeser panah kiri mengikuti panah kanan (120px + 58px) */
html body .elementor-element-5362679 .elementor-swiper-button-prev {
    left: auto !important;
    right: 160px !important; 
}
