/* ==========================================================
   InventyHub v6.6.19 — Kamera Selfie Portrait 3:4
   ========================================================== */

/* Kamera depan: tidak lagi memenuhi bidang horizontal/wide. */
.camera-box.portrait-camera-box{
  width:min(100%,360px);
  aspect-ratio:3/4;
  min-height:0;
  margin:0 auto;
  overflow:hidden;
  border-radius:18px;
  background:#111;
}

/* Preview kamera depan */
.camera-box.portrait-camera-box video,
.camera-box.portrait-camera-box>img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

/* Preview kamera depan terasa natural seperti selfie. */
.camera-box.portrait-camera-box video{
  transform:scaleX(-1);
}

/* Hasil foto tidak dibalik; file tetap merepresentasikan kamera asli. */
.camera-box.portrait-camera-box>img{
  transform:none;
}

/* Kamera belakang bukti pengembalian tetap landscape. */
.camera-box.landscape-camera-box,
.return-proof-camera{
  width:100%;
}

.live-camera-section:has(.portrait-camera-box){
  display:grid;
  justify-items:center;
}

.live-camera-section:has(.portrait-camera-box) .camera-proof-label{
  width:100%;
}

.live-camera-section:has(.portrait-camera-box) .card-actions{
  justify-content:center;
}

/* Registration camera also follows portrait layout. */
#registrationCameraBox.portrait-camera-box{
  width:min(100%,340px);
}

/* Stamp di foto tetap terbaca pada bingkai portrait */
.portrait-camera-box .live-capture-stamp,
.portrait-camera-box .registration-selfie-stamp{
  left:8px;
  right:8px;
  bottom:8px;
  width:auto;
  text-align:center;
}

@media(max-width:480px){
  .camera-box.portrait-camera-box,
  #registrationCameraBox.portrait-camera-box{
    width:min(100%,320px);
    border-radius:15px;
  }
}
