.elementor-1110 .elementor-element.elementor-element-3cfa108{--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-1110 .elementor-element.elementor-element-3cfa108:not(.elementor-motion-effects-element-type-background), .elementor-1110 .elementor-element.elementor-element-3cfa108 > .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-1110 .elementor-element.elementor-element-3cfa108::before, .elementor-1110 .elementor-element.elementor-element-3cfa108 > .elementor-background-video-container::before, .elementor-1110 .elementor-element.elementor-element-3cfa108 > .e-con-inner > .elementor-background-video-container::before, .elementor-1110 .elementor-element.elementor-element-3cfa108 > .elementor-background-slideshow::before, .elementor-1110 .elementor-element.elementor-element-3cfa108 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1110 .elementor-element.elementor-element-3cfa108 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-blocksy_palette_4 );--background-overlay:'';}.elementor-1110 .elementor-element.elementor-element-771f4ac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;}.elementor-1110 .elementor-element.elementor-element-771f4ac .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-1110 .elementor-element.elementor-element-7d435ff{--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;--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-1110 .elementor-element.elementor-element-7d435ff:not(.elementor-motion-effects-element-type-background), .elementor-1110 .elementor-element.elementor-element-7d435ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://mataharicrafthomedecor.my.id/wp-content/uploads/2021/07/flower-decoration-3.svg");background-position:bottom left;background-repeat:no-repeat;background-size:700px auto;}.elementor-1110 .elementor-element.elementor-element-1ac16c1{--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:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-1110 .elementor-element.elementor-element-1ac16c1.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-1110 .elementor-element.elementor-element-97b413e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1110 .elementor-element.elementor-element-97b413e .elementor-heading-title{font-family:"Arima", Sans-serif;font-size:50px;font-weight:600;line-height:1.3em;color:#3B3B3B;}.elementor-1110 .elementor-element.elementor-element-4053b79{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;padding:0px 0px 0px 0px;font-size:16px;}.elementor-1110 .elementor-element.elementor-element-cd5abc9{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1110 .elementor-element.elementor-element-cd5abc9.e-con{--align-self:flex-end;}.elementor-1110 .elementor-element.elementor-element-2c417b4{--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:-40px;--margin-bottom:0px;--margin-left:-150px;--margin-right:0px;--padding-top:120px;--padding-bottom:150px;--padding-left:200px;--padding-right:50px;}.elementor-1110 .elementor-element.elementor-element-2c417b4:not(.elementor-motion-effects-element-type-background), .elementor-1110 .elementor-element.elementor-element-2c417b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A27940;}.elementor-1110 .elementor-element.elementor-element-2c417b4.e-con{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-1110 .elementor-element.elementor-element-d19a437{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;font-size:22px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-1110 .elementor-element.elementor-element-2a8da38{--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:90px;--margin-left:0px;--margin-right:0px;}.elementor-1110 .elementor-element.elementor-element-8e8c35f{--display:flex;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(192.99999999999997, 199, 212, 0.37);--padding-top:60px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1110 .elementor-element.elementor-element-8e8c35f:not(.elementor-motion-effects-element-type-background), .elementor-1110 .elementor-element.elementor-element-8e8c35f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1110 .elementor-element.elementor-element-8c24735{--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:25px;--padding-right:25px;}.elementor-1110 .elementor-element.elementor-element-ddbf3dc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 20px 0px;}.elementor-1110 .elementor-element.elementor-element-e3668a4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1110 .elementor-element.elementor-element-bf2b081{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;text-align:center;}.elementor-1110 .elementor-element.elementor-element-bf2b081 .elementor-heading-title{font-family:"Arima", Sans-serif;font-size:45px;font-weight:600;line-height:1.3em;color:#3B3B3B;}.elementor-1110 .elementor-element.elementor-element-467c483{text-align:center;}.elementor-1110 .elementor-element.elementor-element-40ef442{--display:flex;--margin-top:0px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1110 .elementor-element.elementor-element-8d3660b .gallery-item{padding:0 0px 0px 0;}.elementor-1110 .elementor-element.elementor-element-8d3660b .gallery{margin:0 -0px -0px 0;}.elementor-1110 .elementor-element.elementor-element-8d3660b .gallery-item img{border-radius:6px 6px 6px 6px;}.elementor-1110 .elementor-element.elementor-element-8d3660b .gallery-item .gallery-caption{text-align:center;}@media(max-width:1024px){.elementor-1110 .elementor-element.elementor-element-3cfa108{--padding-top:290px;--padding-bottom:250px;--padding-left:0px;--padding-right:0px;}.elementor-1110 .elementor-element.elementor-element-771f4ac .elementor-heading-title{font-size:70px;}.elementor-1110 .elementor-element.elementor-element-7d435ff{--flex-wrap:wrap;--margin-top:30px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-1110 .elementor-element.elementor-element-1ac16c1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1110 .elementor-element.elementor-element-97b413e{text-align:center;}.elementor-1110 .elementor-element.elementor-element-97b413e .elementor-heading-title{font-size:35px;}.elementor-1110 .elementor-element.elementor-element-4053b79{text-align:center;}.elementor-1110 .elementor-element.elementor-element-cd5abc9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1110 .elementor-element.elementor-element-cd5abc9.e-con{--align-self:stretch;}.elementor-1110 .elementor-element.elementor-element-2c417b4{--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1110 .elementor-element.elementor-element-2c417b4.e-con{--align-self:stretch;}.elementor-1110 .elementor-element.elementor-element-e3668a4{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-1110 .elementor-element.elementor-element-bf2b081 .elementor-heading-title{font-size:35px;}.elementor-1110 .elementor-element.elementor-element-40ef442{--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-1110 .elementor-element.elementor-element-8d3660b .gallery-item .gallery-caption{font-size:1px;}}@media(max-width:767px){.elementor-1110 .elementor-element.elementor-element-3cfa108{--padding-top:160px;--padding-bottom:170px;--padding-left:20px;--padding-right:20px;}.elementor-1110 .elementor-element.elementor-element-771f4ac .elementor-heading-title{font-size:40px;}.elementor-1110 .elementor-element.elementor-element-7d435ff{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:-100px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1110 .elementor-element.elementor-element-97b413e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;}.elementor-1110 .elementor-element.elementor-element-97b413e .elementor-heading-title{font-size:30px;}.elementor-1110 .elementor-element.elementor-element-4053b79{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:justify;}.elementor-1110 .elementor-element.elementor-element-2c417b4{--margin-top:-75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1110 .elementor-element.elementor-element-d19a437{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1110 .elementor-element.elementor-element-2a8da38{--margin-top:70px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-1110 .elementor-element.elementor-element-8e8c35f{--padding-top:50px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1110 .elementor-element.elementor-element-8c24735{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1110 .elementor-element.elementor-element-e3668a4{--margin-top:30px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-1110 .elementor-element.elementor-element-bf2b081 .elementor-heading-title{font-size:30px;}.elementor-1110 .elementor-element.elementor-element-40ef442{--margin-top:0px;--margin-bottom:510px;--margin-left:0px;--margin-right:0px;}.elementor-1110 .elementor-element.elementor-element-8d3660b .gallery-item img{border-radius:10px 10px 10px 10px;}}@media(min-width:768px){.elementor-1110 .elementor-element.elementor-element-1ac16c1{--width:35%;}.elementor-1110 .elementor-element.elementor-element-cd5abc9{--width:40%;}.elementor-1110 .elementor-element.elementor-element-2c417b4{--width:40%;}.elementor-1110 .elementor-element.elementor-element-e3668a4{--content-width:500px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1110 .elementor-element.elementor-element-1ac16c1{--width:100%;}.elementor-1110 .elementor-element.elementor-element-cd5abc9{--width:50%;}.elementor-1110 .elementor-element.elementor-element-2c417b4{--width:50%;}}/* Start custom CSS for image-gallery, class: .elementor-element-8d3660b *//* 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-1110 .elementor-element.elementor-element-8d3660b 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 */