/* Mặc định (Light) */
.model-viewer-main {
    background-color: var(--local-bg);
    color: var(--local-text);
}

/* Style Light */
.model-viewer-main.is-style-light {
    --local-bg: var(--wp--preset--color--neutral-0);
    --local-neutral-50: var(--wp--preset--color--neutral-50);
    --local-neutral-950: var(--wp--preset--color--neutral-950);
    --local-neutral-500: var(--wp--preset--color--neutral-500);
    --local-neutral-400: var(--wp--preset--color--neutral-400);
    --local-primary-500: var(--wp--preset--color--primary-500);
}

/* Style Dark */
.model-viewer-main.is-style-dark {
    --local-bg: #000000;
    --local-neutral-50: #1F231E;
    --local-neutral-950: #ffffff;
    --local-neutral-500: #C7CCC3;
    --local-neutral-400: #A2AA9E;
    --local-primary-500: var(--wp--preset--color--primary-500);
}
.model-viewer-main ul {
    list-style-type: disc;
}
.model-viewer-main ul li::marker {
    color: var(--local-neutral-500);
}

.model-viewer-responsive {
  width: 100%;
  height: 170px;
}

/* md */
@media (min-width: 768px) {
  .model-viewer-responsive {
    height: 350px;
  }
}

/* xl */
@media (min-width: 1280px) {
  .model-viewer-responsive {
    height: 462px;
  }
}

/* 2xl */
@media (min-width: 1440px) {
  .model-viewer-responsive {
    height: 581px;
  }
}

/* 3xl (custom) */
@media (min-width: 1920px) {
  .model-viewer-responsive {
    height: 700px;
  }
}
/* Làm cho poster biến mất mượt mà thay vì biến mất ngay lập tức */
model-viewer::part(poster) {
    transition: opacity 0.5s ease-in-out;
}

/* Đảm bảo loading spinner luôn ở giữa */
.model-loading-spinner {
    display: flex;
    flex-direction: column;
    align-items: center;
}