/* Pengganti perilaku yang dulu diatur JS tema Uncode (isotope, tinggi menu, animasi). */

/* Header: pembungkus menu setinggi masthead (di situs asli diset JS) */
.menu-wrapper { height: 74px; }
@media (max-width: 959px) { .menu-wrapper { height: 73px; } }

/* Grid isotope: tampil tanpa JS. Item w12 = 1 kolom penuh, w4 = 3 kolom, dst. */
.isotope-system:not(.index-single) .isotope-container { opacity: 1; display: flex; flex-wrap: wrap; align-items: flex-start; }
.isotope-container > .tmb { position: relative; box-sizing: border-box; width: 100%; }
.isotope-container > .tmb-iso-w12 { width: 100%; }
.isotope-container > .tmb-iso-w6 { width: 50%; }
.isotope-container > .tmb-iso-w4 { width: 33.3333%; }
.isotope-container > .tmb-iso-w3 { width: 25%; }
@media (max-width: 959px) { .isotope-container > .tmb-iso-w4, .isotope-container > .tmb-iso-w3 { width: 50%; } }
@media (max-width: 599px) { .isotope-container > .tmb { width: 100% !important; } }

/* Tanpa JS: konten animasi tetap terlihat */

/* Tinggi halaman penuh (di situs asli diset JS pada .box-wrapper) */
.box-wrapper { height: 100vh; }
.box-container { height: 100%; }

/* ---- Inline style yang dikeluarkan tema WordPress di <head> ---- */
@media (min-width: 960px) { .limit-width { max-width: 1200px; margin: auto; } }
#changer-back-color { transition: background-color 1000ms cubic-bezier(0.25, 1, 0.5, 1) !important; }
#changer-back-color > div { transition: opacity 1000ms cubic-bezier(0.25, 1, 0.5, 1) !important; }
body.custom-background { background-image: url("/wp-content/uploads/2020/09/HP-Creative-vCard-Uncode-min.jpg"); background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
.wpb_animate_when_almost_visible { opacity: 1; }

/* Baris header setinggi layar (data-height-ratio="full", di asli diset JS) */
.row[data-height-ratio="full"] { min-height: 100vh; }
.row[data-height-ratio="full"] > .row-inner { height: 100vh; }

/* Carousel galeri tanpa Owl: hanya slide aktif yang tampil */
.owl-carousel { display: block; position: relative; }
.owl-carousel:not(.is-ready) > .tmb-carousel:not(:first-child) { display: none; }
.owl-carousel.is-ready > .tmb-carousel { display: none; }
.owl-carousel.is-ready > .tmb-carousel.is-current { display: block; }

/* Grid blog/portfolio: item tampil (di asli di-fade-in oleh JS isotope); kolom mengikuti lebar kontainer */
.isotope-container > .tmb > .t-inside { opacity: 1 !important; }
.isotope-wrapper { container-type: inline-size; }
@container (max-width: 799px) { .isotope-container[data-lg="800"] > .tmb-iso-w4 { width: 50%; } }

/* Header halaman dengan tinggi persen viewport (data-height="60"): di asli dihitung JS = 60vh - tinggi menu */
.header-wrapper[data-height="60"] { height: calc(60vh - 75px); }
@media (max-width: 959px) { .header-wrapper[data-height="60"] { height: calc(60vh - 73px); } }

/* Header blok setinggi layar dikurangi menu (di asli diset JS); beranda tanpa menu = 100vh penuh.
   Baris memakai padding atas+bawah ganda (2 x 72px), jadi tinggi isi dikurangi 144px. */
body:not(.home) .header-uncode-block .row[data-height-ratio="full"] { min-height: 0; }
body:not(.home) .header-uncode-block .row[data-height-ratio="full"] > .row-inner { height: calc(100vh - 75px - 144px); }
@media (max-width: 959px) {
  body:not(.home) .header-uncode-block .row[data-height-ratio="full"] > .row-inner { height: calc(100vh - 73px - 144px); }
}