.elementor-1542 .elementor-element.elementor-element-81969f9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1542 .elementor-element.elementor-element-1d0149d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1542 .elementor-element.elementor-element-f50577a{--e-search-results-columns:1;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1542 .elementor-element.elementor-element-afa67f8{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;}.elementor-1542 .elementor-element.elementor-element-078100d{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;}.elementor-1542 .elementor-element.elementor-element-0041c8c{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .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-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .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-1542 .elementor-element.elementor-element-0cb0d5d{--grid-columns:3;}.elementor-1542 .elementor-element.elementor-element-0cb0d5d .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1542 .elementor-element.elementor-element-0cb0d5d .e-loop-item > .elementor-section, .elementor-1542 .elementor-element.elementor-element-0cb0d5d .e-loop-item > .elementor-section > .elementor-container, .elementor-1542 .elementor-element.elementor-element-0cb0d5d .e-loop-item > .e-con, .elementor-1542 .elementor-element.elementor-element-0cb0d5d .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1542 .elementor-element.elementor-element-0cb0d5d .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1542 .elementor-element.elementor-element-0cb0d5d .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1542 .elementor-element.elementor-element-0cb0d5d .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1542 .elementor-element.elementor-element-0cb0d5d .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1542 .elementor-element.elementor-element-0cb0d5d .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-1542 .elementor-element.elementor-element-ebebd41{--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(min-width:768px){.elementor-1542 .elementor-element.elementor-element-1d0149d{--width:33.3333%;}.elementor-1542 .elementor-element.elementor-element-0041c8c{--width:66.6666%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1542 .elementor-element.elementor-element-0041c8c{--width:100%;}}@media(max-width:1024px){.elementor-1542 .elementor-element.elementor-element-0cb0d5d{--grid-columns:2;}}@media(max-width:767px){.elementor-1542 .elementor-element.elementor-element-0cb0d5d{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-81969f9 *//* =============================================
   Astera Project Filter v2 — Fixed
   ============================================= */

/* ---- Wrapper layout ---- */
.elementor-element-81969f9 > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  gap: 32px !important;
  align-items: flex-start !important;
}

/* ---- Sidebar kiri ---- */
.elementor-element-1d0149d {
  width: 260px !important;
  max-width: 260px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* ---- Search box ---- */
.elementor-element-f50577a .e-search-form {
  display: flex !important;
  align-items: center !important;
  border: 1.5px solid #c8a96e !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden !important;
  padding: 0 14px !important;
  box-shadow: none !important;
  margin-bottom: 20px;
}

.elementor-element-f50577a .e-search-input {
  border: none !important;
  background: transparent !important;
  font-size: 14px !important;
  padding: 12px 8px !important;
  color: #333 !important;
  flex: 1 !important;
  box-shadow: none !important;
  outline: none !important;
}

.elementor-element-f50577a .e-search-input::placeholder {
  color: #bbb !important;
}

.elementor-element-f50577a .e-search-submit {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-width: unset !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
}

.elementor-element-f50577a .e-search-submit span {
  display: none !important;
}

.elementor-element-f50577a .e-search-submit::after {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8a96e' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* ---- Filter group: heading + filter jadi satu card ---- */
.elementor-element-878eb60,
.elementor-element-2689e36 {
  background: #fff;
  border: 0.5px solid #e8e8e8;
  border-radius: 12px 12px 0 0 !important;
  padding: 18px 20px 0 20px !important;
  margin-bottom: 0 !important;
}

.elementor-element-afa67f8,
.elementor-element-078100d {
  background: #fff;
  border: 0.5px solid #e8e8e8;
  border-top: none !important;
  border-radius: 0 0 12px 12px !important;
  padding: 4px 20px 16px 20px !important;
  margin-bottom: 20px !important;
}

/* ---- Heading filter ---- */
.elementor-element-878eb60 .elementor-heading-title,
.elementor-element-2689e36 .elementor-heading-title {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  color: #999 !important;
  text-transform: uppercase !important;
}

/* ---- Filter buttons → checkbox style ---- */
.elementor-element-afa67f8 .e-filter,
.elementor-element-078100d .e-filter {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  flex-wrap: nowrap !important;
}

/* Sembunyikan tombol "All" bawaan */
.elementor-element-afa67f8 .e-filter-item[data-filter="__all"],
.elementor-element-078100d .e-filter-item[data-filter="__all"] {
  display: none !important;
}

.elementor-element-afa67f8 .e-filter-item,
.elementor-element-078100d .e-filter-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 8px 0 !important;
  font-size: 14px !important;
  color: #999 !important;
  cursor: pointer !important;
  text-align: left !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: 400 !important;
  transition: color 0.15s !important;
  position: relative !important;
  box-shadow: none !important;
}

/* Dot kiri — pakai pseudo element */
.elementor-element-afa67f8 .e-filter-item::before,
.elementor-element-078100d .e-filter-item::before {
  content: '' !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  border: 1.5px solid #ccc !important;
  background: #fff !important;
  flex-shrink: 0 !important;
  transition: all 0.15s !important;
  box-shadow: none !important;
}

/* State aktif (aria-pressed="true") */
.elementor-element-afa67f8 .e-filter-item[aria-pressed="true"],
.elementor-element-078100d .e-filter-item[aria-pressed="true"] {
  color: #1a1a1a !important;
  font-weight: 500 !important;
}

.elementor-element-afa67f8 .e-filter-item[aria-pressed="true"]::before,
.elementor-element-078100d .e-filter-item[aria-pressed="true"]::before {
  background: #c8a96e !important;
  border-color: #c8a96e !important;
  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c8a96e !important;
}

.elementor-element-afa67f8 .e-filter-item:hover,
.elementor-element-078100d .e-filter-item:hover {
  color: #555 !important;
}

/* ---- Grid kanan ---- */
.elementor-element-0041c8c {
  flex: 1 !important;
  min-width: 0 !important;
}

/* ---- Project cards ---- */
.elementor-element-0cb0d5d .e-loop-item {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0.5px solid #eee !important;
  transition: transform 0.2s ease !important;
  background: #fff !important;
}

.elementor-element-0cb0d5d .e-loop-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
}

/* ---- No results message ---- */
#astera-no-results {
  display: none;
  grid-column: 1 / -1;
  text-align: center;
  padding: 60px 20px;
  color: #aaa;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
  .elementor-element-81969f9 > .e-con-inner {
    flex-direction: column !important;
  }
  .elementor-element-1d0149d {
    width: 100% !important;
    max-width: 100% !important;
  }
}/* End custom CSS */