/* ===== 커스텀 드롭다운 — payhere Dropdown 이식 (Pretendard, 오렌지) =====
   div 필드 + 라벨 + 셰브론 + 옵션 리스트(ul/li). 네이티브 select 대체, hidden input으로 값 유지.
   입력 필드 스타일(48h/8radius/#e2e8ee)과 통일. 흰 필드라 라이트/다크 섹션 모두 동작. */
.ph-dd{position:relative;}
.ph-dd-field{
  width:100%; height:48px; padding:12px;
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  border:1px solid #e2e8ee; border-radius:8px; background:#fff; cursor:pointer;
  font-family:inherit; font-size:16px; line-height:24px; color:#101a2e; text-align:left;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.ph-dd-field:focus-visible{outline:none; border-color:var(--orange,#f97316); box-shadow:0 0 0 3px rgba(249,115,22,.12);}
.ph-dd.open .ph-dd-field{border-color:var(--orange,#f97316); box-shadow:0 0 0 3px rgba(249,115,22,.12);}
.ph-dd-label{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ph-dd-label.is-placeholder{color:#919ba5;}
.ph-dd-caret{width:16px; height:16px; flex:0 0 auto; color:#919ba5; transition:transform .2s ease, color .2s ease;}
.ph-dd.open .ph-dd-caret{transform:rotate(180deg); color:var(--orange,#f97316);}

.ph-dd-options{
  position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:30;
  margin:0; padding:6px; list-style:none;
  background:#fff; border:1px solid #e2e8ee; border-radius:10px;
  box-shadow:0 12px 30px rgba(17,17,17,.12);
  max-height:244px; overflow:auto;
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.ph-dd.open .ph-dd-options{opacity:1; visibility:visible; transform:none;}
.ph-dd-options li{
  padding:11px 12px; border-radius:8px;
  font-size:15px; line-height:1.4; color:#101a2e; cursor:pointer;
  transition:background .12s ease, color .12s ease;
}
.ph-dd-options li:hover,
.ph-dd-options li.is-active{background:#fff1e8; color:var(--orange-deep,#e8590c);}
.ph-dd-options li[aria-selected="true"]{font-weight:700;}

@media (prefers-reduced-motion:reduce){
  .ph-dd-caret,.ph-dd-options{transition:none;}
}
