.elementor-10699 .elementor-element.elementor-element-7229d4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10699 .elementor-element.elementor-element-7229d4b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10699 .elementor-element.elementor-element-84d3dd4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10699 .elementor-element.elementor-element-1eeacbe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10699 .elementor-element.elementor-element-c14800c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10699 .elementor-element.elementor-element-f931b7a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10699 .elementor-element.elementor-element-1a326a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10699 .elementor-element.elementor-element-d742289{--display:flex;}.elementor-10699 .elementor-element.elementor-element-7784850 > .elementor-widget-container{margin:0px 0px -200px 0px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-10699 .elementor-element.elementor-element-5be80bc{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-10699 .elementor-element.elementor-element-5be80bc .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-10699 .elementor-element.elementor-element-5be80bc:after{content:"0.66";}.elementor-10699 .elementor-element.elementor-element-5be80bc .elementor-post__thumbnail__link{width:100%;}.elementor-10699 .elementor-element.elementor-element-5be80bc .elementor-post__meta-data span + span:before{content:"-";}.elementor-10699 .elementor-element.elementor-element-5be80bc.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-10699 .elementor-element.elementor-element-5be80bc.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-10699 .elementor-element.elementor-element-5be80bc.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-10699 .elementor-element.elementor-element-350ca25{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10699 .elementor-element.elementor-element-c73a5a3 > .elementor-widget-container{margin:0px 0px -200px 0px;}.elementor-10699 .elementor-element.elementor-element-8b3fed1{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-10699 .elementor-element.elementor-element-8b3fed1 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-10699 .elementor-element.elementor-element-8b3fed1:after{content:"0.66";}.elementor-10699 .elementor-element.elementor-element-8b3fed1 .elementor-post__thumbnail__link{width:100%;}.elementor-10699 .elementor-element.elementor-element-8b3fed1 .elementor-post__meta-data span + span:before{content:"-";}.elementor-10699 .elementor-element.elementor-element-8b3fed1.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-10699 .elementor-element.elementor-element-8b3fed1.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-10699 .elementor-element.elementor-element-8b3fed1.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-10699 .elementor-element.elementor-element-e93e366{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-10699 .elementor-element.elementor-element-5be80bc .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-10699 .elementor-element.elementor-element-5be80bc:after{content:"0.5";}.elementor-10699 .elementor-element.elementor-element-5be80bc .elementor-post__thumbnail__link{width:100%;}.elementor-10699 .elementor-element.elementor-element-8b3fed1 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-10699 .elementor-element.elementor-element-8b3fed1:after{content:"0.5";}.elementor-10699 .elementor-element.elementor-element-8b3fed1 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-10699 .elementor-element.elementor-element-7229d4b{--width:100%;}}/* Start custom CSS for posts, class: .elementor-element-5be80bc *//* ==========================================================================
   WORDPRESS POST WIDGET OVERRIDE V4 - 3D POP-UP IMAGE ON HOVER
   ========================================================================== */

/* 1. Panel Utama Pengumuman (Gelap & Sinematik) */
.ft-wp-announce-widget {
    background-color: var(--uir-blue-950) !important;
    color: #ffffff !important;
    padding: 6rem 5% !important;
    box-sizing: border-box !important;
    position: relative;
    overflow: hidden;
}

.ft-wp-announce-widget::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to right, rgba(255,255,255,0.02) 1px, transparent 1px), 
                      linear-gradient(to bottom, rgba(255,255,255,0.02) 1px, transparent 1px);
    background-size: 32px 32px;
    pointer-events: none;
    z-index: 1;
}

/* 2. Pembungkus List Post */
.ft-wp-announce-widget .elementor-posts-container,
.ft-wp-announce-widget .wp-block-query,
.ft-wp-announce-widget .ft-announces-list {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 2rem; /* Diperlebar agar memberikan ruang saat gambar pop-up */
    max-width: 56rem;
    margin: 3rem auto 0 auto !important;
}

/* 3. Kartu Pengumuman Glassmorphism */
.ft-wp-announce-widget article, 
.ft-wp-announce-widget .elementor-post,
.ft-wp-announce-widget .wp-block-post {
    background: rgba(255, 255, 255, 0.07) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 1.5rem !important;
    padding: 1.75rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    gap: 2rem;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important; /* Efek pegas elastis */
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative;
}

@media (min-width: 640px) {
    .ft-wp-announce-widget article, 
    .ft-wp-announce-widget .elementor-post,
    .ft-wp-announce-widget .wp-block-post {
        flex-direction: row !important;
        align-items: center !important;
    }
}

.ft-wp-announce-widget article:hover,
.ft-wp-announce-widget .elementor-post:hover,
.ft-wp-announce-widget .wp-block-post:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 20px 30px -10px rgba(0,0,0,0.3) !important;
}

/* 4. PERBAIKAN TOTAL: BINGKAI GAMBAR JALUR BEBAS (OVERFLOW VISIBLE) */
.ft-wp-announce-widget .elementor-post__thumbnail__link,
.ft-wp-announce-widget .elementor-post__thumbnail,
.ft-wp-announce-widget .wp-block-post-featured-image {
    display: block !important;
    width: 100% !important;
    max-width: 6.5rem !important; 
    height: 6.5rem !important; 
    flex-shrink: 0 !important; 
    border-radius: 1rem !important;
    overflow: visible !important; /* KRUSIAL: Izinkan gambar melompat keluar bingkai */
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    position: relative;
    z-index: 20;
}

/* Pengaturan elemen tag gambar murni di dalamnya */
.ft-wp-announce-widget article img,
.ft-wp-announce-widget .elementor-post__thumbnail img,
.ft-wp-announce-widget .wp-block-post-featured-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 1rem !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
    /* Durasi transisi kembali ke ukuran semula saat kursor pergi */
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease !important;
    transform-origin: center center !important;
}


/* 5. Pembungkus Konten Teks di Kanan */
.ft-wp-announce-widget .elementor-post__text,
.ft-wp-announce-widget .wp-block-post-content-wrapper,
.ft-wp-announce-widget article > div:not(.elementor-post__thumbnail):not(.wp-block-post-featured-image) {
    flex-grow: 1 !important;
    width: 100% !important;
}

/* 6. Judul Pengumuman */
.ft-wp-announce-widget article h3,
.ft-wp-announce-widget article h3 a,
.ft-wp-announce-widget .elementor-post__title,
.ft-wp-announce-widget .elementor-post__title a,
.ft-wp-announce-widget .wp-block-post-title a {
    font-family: var(--font-heading) !important;
    font-weight: 700 !important;
    font-size: 1.125rem !important;
    color: #ffffff !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    transition: color 0.2s;
    margin: 0 0 0.35rem 0 !important;
}

.ft-wp-announce-widget article h3 a:hover,
.ft-wp-announce-widget .elementor-post__title a:hover,
.ft-wp-announce-widget .wp-block-post-title a:hover {
    color: var(--uir-gold-light) !important;
}

/* 7. Deskripsi Singkat (Maksimal 100 Kata & Visual Clamp) */
.ft-wp-announce-widget .elementor-post__excerpt p,
.ft-wp-announce-widget .wp-block-post-excerpt__excerpt,
.ft-wp-announce-widget article p {
    color: var(--slate-300) !important;
    font-size: 0.875rem !important;
    line-height: 1.6 !important;
    margin: 0.5rem 0 0 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Membatasi teks ringkas hingga maksimal 2 baris agar estetis */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 8. Badge Tanggal Meta */
.ft-wp-announce-widget .elementor-post__meta-data,
.ft-wp-announce-widget .wp-block-post-date {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    color: var(--uir-gold-light) !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-8b3fed1 *//* ==========================================================================
   WORDPRESS POST WIDGET OVERRIDE FOR REDESIGN V4 (SEKSI BERITA)
   ========================================================================== */

/* 1. Pengaturan Latar Belakang & Tata Ruang Seksi Berita (Putih Bersih) */
.ft-wp-news-widget {
    background-color: #ffffff !important;
    padding: 6rem 5% !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* 2. Targetkan Pembungkus Grid Bawaan WordPress (Elementor / Gutenberg Grid) */
.ft-wp-news-widget .elementor-posts-container,
.ft-wp-news-widget .wp-block-query-loop,
.ft-wp-news-widget .ft-news-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin: 3rem auto 0 auto !important;
}

@media (min-width: 768px) {
    .ft-wp-news-widget .elementor-posts-container,
    .ft-wp-news-widget .wp-block-query-loop {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* Tablet: 2 Kolom */
    }
}

@media (min-width: 1024px) {
    .ft-wp-news-widget .elementor-posts-container,
    .ft-wp-news-widget .wp-block-query-loop {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* Desktop: 3 Kolom */
    }
}

/* 3. Desain Kartu Berita Kustom Beraksen v4 */
.ft-wp-news-widget article, 
.ft-wp-news-widget .elementor-post,
.ft-wp-news-widget .wp-block-post {
    background-color: #f8fafc !important; /* Warna dasar abu-abu terang */
    border-radius: 2rem !important;
    overflow: hidden !important;
    border: 1px solid #f1f5f9 !important;
    display: flex !important;
    flex-direction: column !important; /* Layout mengalir ke bawah */
    padding: 0 !important; /* Reset padding bawaan agar gambar menyentuh ujung atas */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 20px 40px -15px rgba(30, 58, 138, 0.05) !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

/* Efek Hover Pada Kartu Berita */
.ft-wp-news-widget article:hover,
.ft-wp-news-widget .elementor-post:hover,
.ft-wp-news-widget .wp-block-post:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15) !important;
    border-color: #cbd5e1 !important;
}
/* 5. Pengaturan Area Isi Teks di Bawah Gambar Berita */
.ft-wp-news-widget .elementor-post__text,
.ft-wp-news-widget .wp-block-post-content-wrapper,
.ft-wp-news-widget .elementor-post__card,
.ft-wp-news-widget article > div:not(.elementor-post__thumbnail):not(.wp-block-post-featured-image),
.ft-wp-news-widget .elementor-post__text-wrapper {
    padding: 1.75rem !important;    /* Memberikan jarak dalam (padding) yang rapi dari segala sisi */
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    background: transparent !important; /* Memastikan tidak menabrak warna dasar kartu */
}

/* Memastikan margin bawaan tema pada judul tidak merusak padding */
.ft-wp-news-widget article h3,
.ft-wp-news-widget .elementor-post__title,
.ft-wp-news-widget .wp-block-post-title {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0.75rem !important; /* Jarak antara judul dan tanggal/deskripsi */
    padding: 0 !important;
}

/* Memastikan teks deskripsi ringkas (excerpt) patuh pada padding */
.ft-wp-news-widget .elementor-post__excerpt,
.ft-wp-news-widget .wp-block-post-excerpt,
.ft-wp-news-widget article p {
    margin-top: 0.5rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Memastikan meta data tanggal ikut rapi di dalam barisan */
.ft-wp-news-widget .elementor-post__meta-data,
.ft-wp-news-widget .wp-block-post-date,
.ft-wp-news-widget .elementor-post-meta {
    margin: 0 !important;
    padding: 0 !important;
}
/* 6. Atur Meta Data (Tanggal Berita) */
.ft-wp-news-widget .elementor-post__meta-data,
.ft-wp-news-widget .wp-block-post-date {
    font-size: 0.75rem !important;
    color: #94a3b8 !important;
    font-weight: 500 !important;
    margin-bottom: 0.75rem !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* 7. Tipografi Judul Berita */
.ft-wp-news-widget article h3,
.ft-wp-news-widget article h3 a,
.ft-wp-news-widget .elementor-post__title,
.ft-wp-news-widget .elementor-post__title a,
.ft-wp-news-widget .wp-block-post-title a {
    font-family: var(--font-heading) !important;
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    color: #0f172a !important; /* Warna abu-abu gelap premium */
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    margin: 0 0 0.75rem 0 !important;
}

/* Efek Hover pada Teks Judul */
.ft-wp-news-widget article:hover h3 a,
.ft-wp-news-widget .elementor-post:hover .elementor-post__title a,
.ft-wp-news-widget .wp-block-post-title a:hover {
    color: #1e3a8a !important; /* Berubah menjadi Biru UIR */
}

/* 8. Deskripsi Ringkas / Excerpt Berita */
.ft-wp-news-widget .elementor-post__excerpt p,
.ft-wp-announce-widget .wp-block-post-excerpt__excerpt,
.ft-wp-news-widget article p {
    color: #52525b !important;
    font-size: 0.875rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    /* Proteksi visual agar teks seragam maksimal 2 baris */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}/* End custom CSS */