.elementor-kit-8{--e-global-color-primary:#0056B3;--e-global-color-secondary:#E9C46A;--e-global-color-text:#333333;--e-global-color-accent:#D32F2F;--e-global-color-649980b:#F8F9FA;--e-global-color-bcfbe16:#F9FAFB;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;background-color:#F8F9FA;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:#0056B3;font-family:"Montserrat", Sans-serif;font-weight:700;text-transform:uppercase;color:#FFFFFF;border-radius:5px 5px 5px 5px;padding:12px 24px 12px 24px;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 label{color:#003366;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;}.elementor-kit-8 input:not([type="button"]):not([type="submit"]),.elementor-kit-8 textarea,.elementor-kit-8 .elementor-field-textual{font-family:"Inter", Sans-serif;font-size:15px;color:#333333;background-color:#F9FAFB;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E0E0E0;border-radius:6px 6px 6px 6px;padding:12px 16px 12px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-field-textual:focus {
    border-color: #0056B3 !important;
    box-shadow: 0 0 5px rgba(0, 86, 179, 0.2);
}

.elementor-loop-container .elementor-grid-item:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

/* =========================================
   STYLE: MODERN & TEGAS (Corporate Card)
   ========================================= */

/* 1. Kotak Kontainer Utama */
.pwi-pop-container {
    background-color: #FFFFFF;
    
    /* Garis Batas Halus tapi Jelas */
    border: 1px solid #E0E0E0; 
    
    /* Aksen TEGAS: Garis Emas Tebal di Atas */
    border-top: 5px solid #F4A261; 
    
    /* Modern: Sedikit radius di bawah */
    border-radius: 0 0 8px 8px; 
    
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); /* Bayangan modern */
    transition: transform 0.3s ease;
}

/* 2. Item List Berita */
.pwi-pop-item {
    display: flex;
    align-items: center; /* Vertikal Center agar rapi */
    padding: 15px 0;
    
    /* Garis pemisah solid tipis */
    border-bottom: 1px solid #EEEEEE; 
    transition: background-color 0.3s;
}

/* Hapus garis item terakhir */
.pwi-pop-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* 3. Nomor Urut (Badge Kotak Modern) */
.pwi-pop-number {
    /* Bentuk Kotak Tegas dengan Radius Kecil */
    background-color: #003366; /* Biru PWI Solid */
    color: #FFFFFF; /* Angka Putih */
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    
    /* Ukuran Kotak Presisi */
    width: 32px; 
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px; /* Modern rounded corners */
    
    margin-right: 15px; /* Jarak ke teks */
    flex-shrink: 0;
}

/* 4. Judul Berita */
.pwi-pop-title {
    color: #222222; /* Hitam Hampir Pekat (Tegas) */
    font-family: 'Inter', sans-serif; 
    font-weight: 600; /* Semi Bold */
    font-size: 15px;
    line-height: 1.4;
    text-decoration: none;
    transition: color 0.2s;
}

/* Efek Hover: Judul jadi Biru PWI */
.pwi-pop-title:hover {
    color: #003366; 
}

/* =========================================
   STYLE FORMULIR PWI MODERN
   ========================================= */

/* 1. Efek Fokus (Saat kolom diklik user) */
/* Border berubah jadi Biru PWI & ada bayangan halus */
.elementor-field-group .elementor-field:focus {
    border-color: #003366 !important;
    background-color: #FFFFFF !important; /* Jadi putih bersih saat ngetik */
    box-shadow: 0 0 0 4px rgba(0, 51, 102, 0.1); /* Glow biru transparan */
    outline: none;
}

/* 2. Style Khusus Textarea (Kotak Pesan) */
.elementor-field-type-textarea textarea {
    min-height: 150px; /* Tinggi default agar lega */
}

/* 3. Style Tombol Upload File (Agar tidak terlihat standar) */
.elementor-field-type-upload .elementor-field-textual {
    border: 2px dashed #003366 !important; /* Garis putus-putus biru */
    background-color: #F0F4F8 !important;
    text-align: center;
    padding: 20px !important;
    cursor: pointer;
    transition: all 0.3s;
}

.elementor-field-type-upload .elementor-field-textual:hover {
    background-color: #E3F2FD !important;
    border-color: #F4A261 !important; /* Berubah Emas saat dihover */
}

/* 4. Style Pesan Sukses/Error */
.elementor-message-success {
    background-color: #D4EDDA;
    color: #155724;
    border-radius: 6px;
    padding: 15px;
    border: 1px solid #C3E6CB;
    margin-top: 15px;
}/* End custom CSS */