.elementor-bc-flex-widget .elementor-1095 .elementor-element.elementor-element-e841cef.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1095 .elementor-element.elementor-element-e841cef.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1095 .elementor-element.elementor-element-e841cef > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0% 0% 0% 0%;}.elementor-1095 .elementor-element.elementor-element-06c54e3.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-1095 .elementor-element.elementor-element-e841cef{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1095 .elementor-element.elementor-element-e841cef{width:100%;}}@media(max-width:1024px){.elementor-1095 .elementor-element.elementor-element-62b281b{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1095 .elementor-element.elementor-element-e841cef > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for mahacaraka_horizontal_article_list, class: .elementor-element-06c54e3 *//* =========================================
   Mahacaraka Horizontal Article List - Custom CSS
   Style: Overlay text on image (POSITION BOTTOM FIX)
   ========================================= */

/* Container item */
.qode-hspl-item {
    position: relative;
    overflow: hidden;
}

.qode-hspl-item-inner,
.qode-hspl-item-holder-inner,
.qode-hspli-image {
    position: relative;
    width: 100%;
    height: 100%;
}

.qode-hspli-image-holder {
    width: 100%;
    height: 400px; /* Sesuaikan tinggi */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.5s ease;
}

/* --- BAGIAN INI YANG SAYA PERBAIKI --- */
/* Title holder - overlay di atas gambar */
.qode-hspl-item .qode-hspl-item-title-holder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    display: flex;
    flex-direction: column;
    
    /* PERUBAHAN UTAMA: DARI CENTER JADI FLEX-END */
    justify-content: flex-end !important; /* Memaksa isi turun ke lantai */
    align-items: center;      /* Tetap rata tengah secara horizontal */
    text-align: center;
    
    /* Mengatur jarak dari garis bawah gambar */
    padding: 0 40px 60px 40px !important; /* Atas 0, Kanan 40, Bawah 60, Kiri 40 */
    
    z-index: 2;
    
    /* Gradient agar teks bawah terbaca jelas */
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.1) 40%,
        rgba(0, 0, 0, 0.6) 100%
    );
}

/* Category styling (Design) */
.qode-hspli-category-holder {
    margin-bottom: 15px !important;
    display: block;
    width: 100%;
}

.qode-hspli-category-name {
    margin: 0;
}

.qode-hspli-category-holder a.qode-hspli-category,
.qode-hspli-category-holder .qode-hspli-category {
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Inter', 'Helvetica Neue', sans-serif;
    transition: opacity 0.3s ease;
    display: inline-block; /* Pastikan dianggap blok agar mau di tengah */
}

.qode-hspli-category-holder a.qode-hspli-category:hover {
    opacity: 0.8;
}



/* Link overlay */
.qode-hspli-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

/* Hover effect */
.qode-hspl-item:hover .qode-hspli-image-holder {
    transform: scale(1.05);
}

/* Responsive Styles */
@media screen and (max-width: 1024px) {
    .qode-hspli-title { font-size: 32px; }
    .qode-hspl-item-title-holder { padding-bottom: 40px !important; }
}

@media screen and (max-width: 768px) {
    .qode-hspli-title { font-size: 26px; }
    .qode-hspli-category-holder a.qode-hspli-category { font-size: 10px; letter-spacing: 3px; }
    .qode-hspl-item-title-holder { padding-bottom: 30px !important; }
    .qode-hspli-image-holder { height: 300px; }
}/* End custom CSS */