.elementor-1112 .elementor-element.elementor-element-884329e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.7;--padding-top:250px;--padding-bottom:170px;--padding-left:0px;--padding-right:0px;}.elementor-1112 .elementor-element.elementor-element-884329e:not(.elementor-motion-effects-element-type-background), .elementor-1112 .elementor-element.elementor-element-884329e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mataharicrafthomedecor.my.id/wp-content/uploads/2025/12/Header-Matahari-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1112 .elementor-element.elementor-element-884329e::before, .elementor-1112 .elementor-element.elementor-element-884329e > .elementor-background-video-container::before, .elementor-1112 .elementor-element.elementor-element-884329e > .e-con-inner > .elementor-background-video-container::before, .elementor-1112 .elementor-element.elementor-element-884329e > .elementor-background-slideshow::before, .elementor-1112 .elementor-element.elementor-element-884329e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1112 .elementor-element.elementor-element-884329e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-blocksy_palette_4 );--background-overlay:'';}.elementor-1112 .elementor-element.elementor-element-c3beb17{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;}.elementor-1112 .elementor-element.elementor-element-c3beb17 .elementor-heading-title{font-family:"Arima", Sans-serif;font-size:65px;font-weight:500;line-height:1.3em;color:var( --e-global-color-blocksy_palette_8 );}.elementor-1112 .elementor-element.elementor-element-aba6e3a{--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;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1112 .elementor-element.elementor-element-aba6e3a:not(.elementor-motion-effects-element-type-background), .elementor-1112 .elementor-element.elementor-element-aba6e3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1112 .elementor-element.elementor-element-c0e0cee{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:60px;--padding-right:60px;}.elementor-1112 .elementor-element.elementor-element-c0e0cee:not(.elementor-motion-effects-element-type-background), .elementor-1112 .elementor-element.elementor-element-c0e0cee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1112 .elementor-element.elementor-element-61b8a5f .gallery-item{padding:0 0px 0px 0;}.elementor-1112 .elementor-element.elementor-element-61b8a5f .gallery{margin:0 -0px -0px 0;}.elementor-1112 .elementor-element.elementor-element-61b8a5f .gallery-item img{border-radius:6px 6px 6px 6px;}.elementor-1112 .elementor-element.elementor-element-61b8a5f .gallery-item .gallery-caption{text-align:center;}.elementor-1112 .elementor-element.elementor-element-0a57ef7 .gallery-item .gallery-caption{display:none;}.elementor-1112 .elementor-element.elementor-element-0a57ef7 .gallery-item{padding:0 10px 10px 0;}.elementor-1112 .elementor-element.elementor-element-0a57ef7 .gallery{margin:0 -10px -10px 0;}.elementor-1112 .elementor-element.elementor-element-0a57ef7 .gallery-item img{border-radius:5px 5px 5px 5px;}.elementor-1112 .elementor-element.elementor-element-e873581{--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:70px 70px;--row-gap:70px;--column-gap:70px;--margin-top:0px;--margin-bottom:110px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1112 .elementor-element.elementor-element-e873581:not(.elementor-motion-effects-element-type-background), .elementor-1112 .elementor-element.elementor-element-e873581 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mataharicrafthomedecor.my.id/wp-content/uploads/2021/07/flower-decoration-1.svg");background-position:top left;background-repeat:no-repeat;background-size:700px auto;}.elementor-1112 .elementor-element.elementor-element-407cfdd{--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:35px 35px;--row-gap:35px;--column-gap:35px;box-shadow:0px 20px 80px 0px rgba(192.99999999999997, 199.00000000000003, 212, 0.4);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1112 .elementor-element.elementor-element-407cfdd:not(.elementor-motion-effects-element-type-background), .elementor-1112 .elementor-element.elementor-element-407cfdd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_8 );}.elementor-1112 .elementor-element.elementor-element-ce9366c{--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;--padding-top:100px;--padding-bottom:90px;--padding-left:35px;--padding-right:0px;}.elementor-1112 .elementor-element.elementor-element-5837fda{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-1112 .elementor-element.elementor-element-5837fda .elementor-heading-title{font-family:"Arima", Sans-serif;font-weight:600;line-height:1.3em;color:#3B3B3B;}.elementor-1112 .elementor-element.elementor-element-b666d04{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-1112 .elementor-element.elementor-element-b666d04.elementor-element{--align-self:center;}.elementor-1112 .elementor-element.elementor-element-7023db3 .elementor-button{background-color:#FFFFFF00;font-size:16px;font-weight:600;text-transform:uppercase;line-height:1.65em;fill:#A27940;color:#A27940;border-radius:0px 0px 0px 0px;padding:8px 15px 8px 15px;}.elementor-1112 .elementor-element.elementor-element-7023db3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1112 .elementor-element.elementor-element-7023db3 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-1112 .elementor-element.elementor-element-f799c26{--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-1112 .elementor-element.elementor-element-f799c26:not(.elementor-motion-effects-element-type-background), .elementor-1112 .elementor-element.elementor-element-f799c26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mataharicrafthomedecor.my.id/wp-content/uploads/2025/12/13-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}@media(min-width:768px){.elementor-1112 .elementor-element.elementor-element-ce9366c{--width:47%;}.elementor-1112 .elementor-element.elementor-element-f799c26{--width:52%;}}@media(max-width:1024px){.elementor-1112 .elementor-element.elementor-element-884329e{--padding-top:290px;--padding-bottom:250px;--padding-left:0px;--padding-right:0px;}.elementor-1112 .elementor-element.elementor-element-c3beb17 .elementor-heading-title{font-size:70px;}.elementor-1112 .elementor-element.elementor-element-aba6e3a{--margin-top:-100px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-1112 .elementor-element.elementor-element-61b8a5f .gallery-item .gallery-caption{font-size:1px;}.elementor-1112 .elementor-element.elementor-element-5837fda .elementor-heading-title{font-size:30px;}.elementor-1112 .elementor-element.elementor-element-b666d04{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-1112 .elementor-element.elementor-element-884329e{--padding-top:160px;--padding-bottom:170px;--padding-left:20px;--padding-right:20px;}.elementor-1112 .elementor-element.elementor-element-5363d1b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1112 .elementor-element.elementor-element-c3beb17 .elementor-heading-title{font-size:40px;}.elementor-1112 .elementor-element.elementor-element-aba6e3a{--margin-top:-80px;--margin-bottom:320px;--margin-left:0px;--margin-right:0px;}.elementor-1112 .elementor-element.elementor-element-c0e0cee{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1112 .elementor-element.elementor-element-61b8a5f .gallery-item img{border-radius:10px 10px 10px 10px;}.elementor-1112 .elementor-element.elementor-element-0a57ef7 .gallery-item img{border-radius:10px 10px 10px 10px;}.elementor-1112 .elementor-element.elementor-element-e873581{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1112 .elementor-element.elementor-element-ce9366c{--padding-top:60px;--padding-bottom:20px;--padding-left:35px;--padding-right:35px;}.elementor-1112 .elementor-element.elementor-element-7023db3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1112 .elementor-element.elementor-element-f799c26{--min-height:500px;}}/* Start custom CSS for image-gallery, class: .elementor-element-61b8a5f *//* Import Google Font Arima */
@import url('https://fonts.googleapis.com/css2?family=Arima:wght@400;500;600&display=swap');

/* ---------- SQUARE GALLERY (override spesifik) ---------- */
/* Target beberapa struktur gallery yang umum dipakai Elementor / WP Gallery */
.elementor-gallery__container .elementor-gallery-item,
.elementor-gallery-item,
.gallery .gallery-item {
  position: relative !important;
  overflow: hidden !important;
  /* jangan atur height langsung — kita pakai trick aspect ratio */
}

/* spacer untuk membuat rasio 1:1 */
.elementor-gallery__container .elementor-gallery-item:before,
.elementor-gallery-item:before,
.gallery .gallery-item:before {
  content: "" !important;
  display: block !important;
  padding-top: 100% !important; /* 1:1 square */
  width: 100% !important;
  pointer-events: none !important;
}

/* biarkan img menutupi area kotak tanpa merubah rasio asli - crop otomatis */
.elementor-gallery__container .elementor-gallery-item img,
.elementor-gallery-item img,
.gallery .gallery-item img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transition: transform .4s ease !important;
  z-index: 1 !important;
}

/* Hover zoom yang rapi (di dalam kotak) */
.elementor-gallery__container .elementor-gallery-item:hover img,
.elementor-gallery-item:hover img,
.gallery .gallery-item:hover img {
  transform: scale(1.05) !important;
}

/* ---------- CAPTION / TITLE (tetap pakai Arima dan efek hover) ---------- */
/* Kita ubah sedikit posisi caption agar muncul di atas gambar (bottom center) dengan latar semi-transparan */
.elementor-gallery-item .elementor-gallery-item__caption,
.elementor-gallery-item .elementor-gallery-item__title,
.gallery .gallery-item .gallery-caption {
    font-family: 'Arima', cursive !important;
    font-size: 16px !important; /* perbesar sedikit */
    font-weight: 500 !important;
    text-align: center !important;
    color: #444 !important; /* warna lebih lembut */
    line-height: 1.3 !important;
    transition: all .3s ease !important;

    /* posisi caption di atas gambar, bottom center */
    position: absolute !important;
    bottom: 10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 3 !important;

    /* tampilan background seperti yang kamu inginkan */
    background: rgba(255, 255, 255, 0.85) !important;
    padding: 6px 8px !important;
    border-radius: 8px !important;
    display: inline-block !important;
    margin: 0 !important;
}

/* Efek hover biar caption lebih hidup */
.elementor-gallery-item:hover .elementor-gallery-item__caption,
.gallery .gallery-item:hover .gallery-caption {
    color: #000 !important;
    font-size: 17px !important; /* sedikit membesar saat hover */
    letter-spacing: 0.3px !important;
}

/* Jika kamu punya caption yang seharusnya selalu terlihat di bawah (alternatif) */
/* Untuk menampilkan caption di luar kotak, hapus position:absolute pada .elementor-1112 .elementor-element.elementor-element-61b8a5f caption di atas dan gunakan display:block + margin-top. */

/* --- FIX JARAK ANTAR ITEM GALLERY UNTUK STRUKTUR FLEX ELEMENTOR --- */

/* 1. Paksa container gallery memakai gap */
.elementor-widget-image-gallery .gallery,
.elementor-widget-image-gallery .gallery-icon,
.elementor-widget-image-gallery .gallery {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important; /* atur 10–20px sesuai selera */
}

/* 2. Tambahkan padding agar item tidak dempet */
.elementor-widget-image-gallery .gallery-item {
    padding: 0 !important; /* tetap 0 karena gap sudah mengatur jarak */
    margin: 0 !important;  /* pastikan tidak tumpang tindih */
}

/* 3. Jika Elementor memakai struktur container baru (e-con-inner) */
.e-con-inner .gallery {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}
/* Kembalikan 4 kolom stabil */
.elementor-widget-image-gallery .gallery-item {
    width: calc(25% - 12px) !important; 
    /* 12px = gap kanan/kiri; sesuaikan jika kamu ubah gap */
    flex: 0 0 calc(25% - 12px) !important;
    box-sizing: border-box !important;
}
/* Tablet kecil & mobile besar — 2 kolom */
@media (max-width: 768px) {
  .elementor-widget-image-gallery .gallery-item {
      flex-basis: calc(50% - 10px) !important;
      width: calc(50% - 10px) !important;
  }
}
/* Tablet layout: tetap 3 kolom, tapi jarak antar kolom diperbaiki */
@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-widget-image-gallery .gallery {
      justify-content: center !important; /* agar rata tengah */
      column-gap: 10px !important;  /* rapikan jarak antar kolom */
      row-gap: 12px !important;
      padding: 0 10px !important; /* hilangkan space besar di kiri–kanan */
  }

  .elementor-widget-image-gallery .gallery-item {
      margin: 0 !important; /* hilangkan margin default */
  }
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-0a57ef7 *//* Import Google Font Arima */
@import url('https://fonts.googleapis.com/css2?family=Arima:wght@400;500;600&display=swap');

/* Style caption / title pada Basic Gallery Elementor */
.elementor-gallery-item .elementor-gallery-item__caption,
.elementor-gallery-item .elementor-gallery-item__title,
.gallery .gallery-item .gallery-caption {
    font-family: 'Arima', cursive !important;
    font-size: 16px; /* perbesar sedikit */
    font-weight: 500;
    text-align: center;
    color: #444; /* warna lebih lembut */
    padding-top: 6px;
    line-height: 1.3;
    transition: all .3s ease;
}

/* Efek hover biar caption lebih hidup */
.elementor-gallery-item:hover .elementor-gallery-item__caption,
.gallery .gallery-item:hover .gallery-caption {
    color: #000;
    font-size: 17px; /* sedikit membesar saat hover */
    letter-spacing: 0.3px;
}
.gallery .gallery-item .gallery-caption {
    background: rgba(255, 255, 255, 0.8);
    padding: 6px 8px;
    border-radius: 8px;
    display: inline-block;
    margin-top: 6px;
}
.gallery .gallery-item .gallery-caption {
    background: rgba(255, 255, 255, 0.8);
    padding: 6px 8px;
    border-radius: 8px;
    display: inline-block;
    margin-top: 6px;
}/* End custom CSS */