/**
 * titikdua.id — perbaikan layout (overlap + lingkaran foto + weddings hero)
 * Deploy: tema `titikdua` — assets/css/layout-overrides.css (enqueue di functions.php)
 */

/* --------------------------------------------------------------------------
   1) Nambrak — jarak vertikal + ruang bawah untuk CTA mengambang
   -------------------------------------------------------------------------- */

@media (min-width: 768px) {
  .section-upcoming-event {
    margin-bottom: clamp(2.5rem, 6vw, 5rem);
  }

  .section-upcoming-event .text-box .heading {
    padding-bottom: 2rem;
  }

  .section-parralax-text .img-wrapper {
    padding-top: clamp(1.5rem, 4vw, 3.5rem);
  }
}

body.titikdua-front-page #content,
body.titikdua-front-page .site-content-contain {
  padding-bottom: clamp(5.5rem, 14vw, 11rem);
}

/* --------------------------------------------------------------------------
   2) Lingkaran foto (.img-about) — section parallax teks
   -------------------------------------------------------------------------- */

.section-parralax-text .img-wrapper .img-about {
  border-radius: 50%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 100;
}

.section-parralax-text .img-wrapper .graphic-small,
.section-parralax-text .img-wrapper .graphic-big {
  z-index: 1;
}

@media (min-width: 768px) {
  .section-parralax-text .img-wrapper .img-about {
    width: min(100%, 32rem);
  }
}

/* --------------------------------------------------------------------------
   3) Weddings — background penuh tanpa “void” putih dari parallax mirror.
      Gambar di-set cover di elemen .parallax-window (lihat layout-overrides.js).
   -------------------------------------------------------------------------- */

.section-upcoming-weddings {
  background-color: #2a2826;
  overflow: hidden;
}

.section-upcoming-weddings .owl-carousel.owl-upcoming-event {
  width: 100%;
}

.section-upcoming-weddings .owl-stage-outer {
  overflow: hidden;
}

.section-upcoming-weddings .owl-item {
  width: 100% !important;
}

.section-upcoming-weddings .parallax-window {
  width: 100%;
  position: relative;
  box-sizing: border-box;
}

/* Panel teks: hilangkan lengkungan yang “gigit” foto di sisi gambar */
.section-upcoming-weddings .text-box {
  border-radius: 0;
  box-shadow: none;
}