/* ============================================================
   ARIFE 작품 포스터 v1250 — 마켓 · 기업 라이선스 카드

   포스터가 붙기 전까지는 지금 쓰던 기본 그림이 그대로 보인다.
   붙는 순간에만 그 그림을 걷어낸다 — 사진이 없거나 못 열리는 카드가
   빈 사각형이 되는 일이 없어야 한다(사진이 안 열리면 자바스크립트가
   <img> 를 아예 걷어내므로, 이 규칙도 같이 사라진다).

   덮는 순서는 건드리지 않는다. 사진을 z-index:1 로 맨 아래에 깔면
   그 위의 것들(영상 2, 워터마크 7, 배지 8, 재생 9 / 기업 카드는 2~5)이
   지금 그대로 올라온다. 위치 규칙을 손대면 자리가 어긋난다.
   ============================================================ */

.arife-product-poster{
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:#080d14;
  /* 사진 위에 흰 글자(배지·워터마크·재생)가 얹히므로 살짝 눌러 둔다.
     안 그러면 밝은 장면에서 글자가 안 읽힌다. */
  filter:saturate(.94) brightness(.84);
}

/* 사진이 실제로 열린 카드에서만 기본 그림을 뺀다 */
.has-product-poster .market-art,
.has-product-poster .enterprise-preview__orb,
.has-product-poster .enterprise-preview__grid{
  display:none!important;
}

/* 재생을 누르면 영상이 사진 위를 덮는다. 사진은 그대로 뒤에 둔다 —
   영상이 세로/정사각이면 좌우 여백이 생기는데, 그 자리에 검은 판보다
   그 작품의 사진이 흐릿하게 남는 편이 낫다. */
.market-media.has-live-media .arife-product-poster{
  filter:saturate(.7) brightness(.42) blur(6px);
}


/* ── 판매자가 직접 손보는 자리 (작품 등록 화면의 내 작품 목록) ──
   자동으로 뜬 첫 장면이 늘 그 작품을 잘 보여 주는 건 아니다.
   지금 걸린 사진을 눈으로 확인하고, 바꾸거나 지울 수 있어야 한다. */
.product-poster-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:12px;
  padding:11px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.5);
  box-shadow:inset 0 0 0 1px rgba(160,196,244,.6);
}
.product-poster-thumb{
  width:74px;
  height:44px;
  flex:none;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:9px;
  background:linear-gradient(180deg,#eaf1fb,#dbe6f6);
  box-shadow:inset 0 0 0 1px rgba(160,196,244,.6);
}
.product-poster-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.product-poster-thumb i{color:#7d95ad;font:800 10px/1 ui-monospace,Consolas,monospace;font-style:normal}
.product-poster-copy{min-width:0;flex:1 1 180px}
.product-poster-copy strong{display:block;color:#16324f;font-size:12px}
.product-poster-copy small{display:block;margin-top:4px;color:#4a6380;font-size:11px;line-height:1.5}
.product-poster-row .button{min-height:36px;padding:0 13px;font-size:11.5px;cursor:pointer}
.product-poster-pick{display:inline-flex;align-items:center;justify-content:center}
.product-poster-pick.is-busy{opacity:.6;pointer-events:none}
.product-poster-clear:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:560px){
  .product-poster-row{gap:9px}
  .product-poster-copy{flex-basis:100%}
}


/* ── 판매자가 자기 상품을 스스로 손보는 자리 ────────────────
   자율시장이라면 올린 사람이 고치고, 잠깐 내리고, 지울 수 있어야 한다.
   지금까지는 '등록 취소'(영구 삭제) 하나뿐이었다. */
.product-manage-card .admin-card-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.product-manage-card .admin-card-actions .button{min-height:38px;padding:0 14px;font-size:11.5px}

.product-swap-row .product-swap-pick{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;font-size:11.5px;cursor:pointer}
.product-swap-pick.is-busy{opacity:.6;pointer-events:none}

/* 고치기 — 카드 안에서 그 자리에 펼쳐진다. 화면을 옮기지 않는 편이
   '무엇을 고치는 중인지' 잃어버리지 않는다. */
.product-edit-form{
  margin-top:12px;
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.62);
  box-shadow:inset 0 0 0 1px rgba(160,196,244,.6);
}
.product-edit-form[hidden]{display:none!important}
.product-edit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}
.product-edit-field{display:grid;gap:6px;min-width:0}
.product-edit-field.full{grid-column:1/-1}
.product-edit-field>span{color:#16324f;font-size:11.5px;font-weight:800}
.product-edit-field :is(input,select,textarea){
  width:100%;
  min-height:42px;
  padding:0 12px;
  border:0;
  border-radius:11px;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(244,249,255,.88));
  box-shadow:inset 0 0 0 1px rgba(160,196,244,.6);
  color:#16324f;
  font:inherit;
  font-size:12.5px;
  outline:0;
}
.product-edit-field textarea{min-height:74px;padding:11px 12px;line-height:1.6;resize:vertical}
.product-edit-field :is(input,select,textarea):focus{
  box-shadow:inset 0 0 0 2px #2f6ec9,0 0 0 3px rgba(91,155,236,.2);
}
.product-edit-note{
  margin:11px 0 0;
  min-height:16px;
  color:#4a6380;
  font-size:11px;
  line-height:1.55;
}
.product-edit-actions{display:flex;gap:8px;margin-top:11px}
.product-edit-actions .button{min-height:40px;padding:0 16px;font-size:12px;cursor:pointer}

/* 내려둔 상품은 목록에서 한눈에 구분돼야 한다 */
.product-manage-card[data-status="hidden"]{opacity:.72}
.product-manage-card[data-status="hidden"] .admin-chip{
  background:rgba(255,255,255,.86)!important;
  box-shadow:inset 0 0 0 1px rgba(160,196,244,.7)!important;
  color:#4a6380!important;
}

@media(max-width:620px){
  .product-edit-grid{grid-template-columns:1fr}
}

/* 저장은 주단추, 등록 취소는 되돌릴 수 없는 단추.
   셋 다 같은 흰 알약이면 무엇이 위험한지 손이 알 수 없다. */
html body:not(#nope):not(#_):not(#__):not(#___) .product-edit-actions .button.primary{
  background:linear-gradient(180deg,#5b9bec,#2f6ec9)!important;
  border:0!important;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.8),0 14px 24px -14px rgba(30,80,160,.9)!important;
  color:#fff!important;
}
html body:not(#nope):not(#_):not(#__):not(#___) .product-manage-card .button.danger{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(253,240,242,.92))!important;
  border:0!important;
  box-shadow:inset 0 1.5px 1px -1px #fff,inset 0 0 0 1px rgba(224,150,158,.9),0 10px 18px -14px rgba(120,30,40,.55)!important;
  color:#a52f42!important;
}
html body:not(#nope):not(#_):not(#__):not(#___) .product-manage-card .button.danger:hover{
  box-shadow:inset 0 1.5px 1px -1px #fff,inset 0 0 0 1px rgba(210,110,122,.95),0 16px 24px -16px rgba(120,30,40,.6)!important;
  color:#8f2233!important;
}


/* ── 마켓 미리보기 10초 (v1350) ─────────────────────────────
   원본은 이제 카드에서 열리지 않는다. 구경하는 사람이 보는 움직이는
   그림은 이 클립 하나뿐이라, 판매자가 어느 구간인지 눈으로 확인하고
   다시 뜰 수 있어야 한다. */
.product-clip-thumb video{width:100%;height:100%;display:block;object-fit:cover}
.product-clip-at{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:none;
  color:#4a6380;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.product-clip-at input{
  width:62px;
  min-height:34px;
  padding:0 8px;
  border:0;
  border-radius:9px;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(244,249,255,.88));
  box-shadow:inset 0 0 0 1px rgba(160,196,244,.6);
  color:#16324f;
  font:inherit;
  font-size:12px;
  text-align:center;
  outline:0;
}
.product-clip-at input:focus{box-shadow:inset 0 0 0 2px #2f6ec9,0 0 0 3px rgba(91,155,236,.2)}
.product-clip-row .button{min-height:36px;padding:0 13px;font-size:11.5px;cursor:pointer}
.product-clip-make:disabled{opacity:.6;cursor:progress}
.product-clip-clear:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:620px){
  .product-clip-at{width:100%}
  .product-clip-at input{flex:1 1 0;width:auto}
}


/* ── 올리기 전 규격 알림 (v1360) ────────────────────────────
   편집용 원본(ProRes 등)은 배포용 mp4 의 열 배에서 쉰 배다.
   막지는 않되, 올리기 전에 눈에 띄어야 한다 — 한 해치 쌓이면
   되돌릴 방법이 없다. */
.product-size-note{
  display:block;
  margin-top:6px;
  color:#4a6380;
  font-size:11px;
  line-height:1.55;
}
.product-size-note.is-warn{
  padding:7px 10px;
  border-radius:9px;
  background:rgba(255,246,230,.9);
  box-shadow:inset 0 0 0 1px rgba(226,178,96,.65);
  color:#7a5312;
  font-weight:800;
}
.product-size-note[hidden]{display:none!important}