.elementor-widget-archive-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-archive-posts .elementor-post__title, .elementor-widget-archive-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-archive-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-archive-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-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-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-archive-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-archive-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-archive-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-widget-archive-posts .elementor-posts-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-54 .elementor-element.elementor-element-7a0c9f6{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-54 .elementor-element.elementor-element-7a0c9f6 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-54 .elementor-element.elementor-element-7a0c9f6:after{content:"0.66";}.elementor-54 .elementor-element.elementor-element-7a0c9f6 .elementor-post__thumbnail__link{width:100%;}.elementor-54 .elementor-element.elementor-element-7a0c9f6.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-54 .elementor-element.elementor-element-7a0c9f6.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-54 .elementor-element.elementor-element-7a0c9f6.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-54 .elementor-element.elementor-element-7a0c9f6 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-54 .elementor-element.elementor-element-7a0c9f6 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-54 .elementor-element.elementor-element-7a0c9f6 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-54 .elementor-element.elementor-element-7a0c9f6 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-54 .elementor-element.elementor-element-7a0c9f6 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-54 .elementor-element.elementor-element-7a0c9f6 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-54 .elementor-element.elementor-element-7a0c9f6:after{content:"0.5";}.elementor-54 .elementor-element.elementor-element-7a0c9f6 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for archive-posts, class: .elementor-element-7a0c9f6 *//* ============================================
   ARCHIVE POSTS - EDITORIAL LIST LAYOUT
   ============================================ */

/* 1. Latar Belakang Halaman Arsip (GANTI JADI PUTIH) */
body.archive, body.blog {
  background-color: var(--rj-color-bg-page, #FFFFFF) !important;
}

/* 2. Judul Arsip */
.elementor-archive-title {
  font-family: var(--rj-font-sans, 'Inter', sans-serif) !important;
  font-weight: 600 !important;
  font-size: 44px !important;
  color: var(--rj-color-text-primary, #242424) !important;
  text-align: center;
  margin: 64px 0 48px 0 !important;
  letter-spacing: -0.02em;
}

/* 3. Container utama - 1 kolom, max 960px */
.elementor-posts-container {
  max-width: 960px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 24px !important;
}

/* 4. Setiap artikel - layout horizontal */
.elementor-posts-container .elementor-post {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 24px !important;
  padding: 32px 0 !important;
  border-bottom: 1px solid var(--rj-color-border, #E5E5E5) !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: none !important;
}

.elementor-posts-container .elementor-post:first-child {
  border-top: 1px solid var(--rj-color-border, #E5E5E5) !important;
}

.elementor-posts-container .elementor-post:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: var(--rj-color-border, #E5E5E5) !important;
}

/* 5. Thumbnail - fixed width, aspect ratio 16:9 */
.elementor-post__thumbnail {
  width: 220px !important;
  min-width: 220px !important;
  height: auto !important;
  aspect-ratio: 16 / 10 !important;
  border-radius: var(--rj-radius-md, 10px) !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
  flex-shrink: 0 !important;
}

.elementor-post__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--rj-motion-standard, 220ms) ease;
}

.elementor-post:hover .elementor-post__thumbnail img {
  transform: scale(1.03);
}

/* 6. Area teks (title, excerpt, meta, read more) */
.elementor-post__text {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  min-width: 0 !important;
}

/* 7. Metadata (tanggal saja) */
.elementor-post__meta-data {
  font-family: var(--rj-font-sans, 'Inter', sans-serif) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--rj-color-text-muted, #858585) !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
  border: none !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.elementor-post__meta-data span:not(.elementor-post-date) {
  display: none !important;
}

/* 8. Judul artikel */
.elementor-post__title {
  font-family: var(--rj-font-sans, 'Inter', sans-serif) !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  margin: 0 0 12px 0 !important;
}

.elementor-post__title a {
  color: var(--rj-color-text-primary, #242424) !important;
  text-decoration: none !important;
  transition: color var(--rj-motion-fast, 150ms) ease;
}

.elementor-post__title a:hover {
  color: var(--rj-color-brand-primary, #F48120) !important;
}

/* 9. Excerpt */
.elementor-post__excerpt {
  font-family: var(--rj-font-sans, 'Inter', sans-serif) !important;
  font-size: 15px !important;
  color: var(--rj-color-text-secondary, #666666) !important;
  line-height: 1.6 !important;
  margin-bottom: 16px !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 10. Read More link */
.elementor-post__read-more {
  font-family: var(--rj-font-sans, 'Inter', sans-serif) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--rj-color-brand-primary, #F48120) !important;
  text-decoration: none !important;
  margin-top: auto !important;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  transition: color var(--rj-motion-fast, 150ms) ease;
}

.elementor-post__read-more:hover {
  color: var(--rj-color-brand-strong, #F05A24) !important;
}

.elementor-post__read-more::after {
  content: '→';
  transition: transform var(--rj-motion-fast, 150ms) ease;
}

.elementor-post__read-more:hover::after {
  transform: translateX(3px);
}

/* 11. Pagination */
.elementor-pagination {
  max-width: 960px !important;
  margin: 48px auto 80px auto !important;
  padding: 0 24px !important;
  text-align: center;
}

.elementor-pagination .page-numbers {
  font-family: var(--rj-font-sans, 'Inter', sans-serif) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--rj-color-text-primary, #242424) !important;
  background: transparent !important;
  border: 1px solid var(--rj-color-border, #E5E5E5) !important;
  border-radius: var(--rj-radius-md, 10px) !important;
  padding: 10px 16px !important;
  margin: 0 4px !important;
  display: inline-block;
  text-decoration: none !important;
  transition: all var(--rj-motion-fast, 150ms) ease;
}

.elementor-pagination .page-numbers.current,
.elementor-pagination .page-numbers:hover {
  background: var(--rj-color-brand-primary, #F48120) !important;
  color: #FFFFFF !important;
  border-color: var(--rj-color-brand-primary, #F48120) !important;
}

/* ============================================
   RESPONSIVE - TABLET
   ============================================ */
@media (max-width: 768px) {
  .elementor-archive-title {
    font-size: 34px !important;
    margin: 48px 0 32px 0 !important;
  }
  
  .elementor-posts-container .elementor-post {
    flex-direction: column !important;
    gap: 16px !important;
    padding: 24px 0 !important;
  }
  
  .elementor-post__thumbnail {
    width: 100% !important;
    min-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
  }
  
  .elementor-post__title {
    font-size: 20px !important;
  }
}

/* ============================================
   RESPONSIVE - MOBILE
   ============================================ */
@media (max-width: 480px) {
  .elementor-posts-container {
    padding: 0 20px !important;
  }
  
  .elementor-post__title {
    font-size: 19px !important;
  }
  
  .elementor-post__excerpt {
    font-size: 14px !important;
    -webkit-line-clamp: 3;
  }
}/* End custom CSS */