/*
 * 주문상세 품목 표(.bdOrder-rowlist)의 모바일 보정 (2026-09-17)
 * style.css 는 scss 컴파일본이라 손대지 않고 분리한다(memberPrice.css 와 같은 방식).
 *
 * 증상: 마이페이지 주문상세(≤1023px)에서 상품정보 칸이 0px 로 찌그러져 상품명이 세로로 한 글자씩 흐르고,
 *       ≤768px 에서는 단가·수량·판매가가 두 번(상품정보 안 .pad + 별도 칸 col-else) 그려졌다.
 * 원인: 기본 .bdNormal-rowli { width: 0; flex: 1 } 은 행이 flex 일 때만 성립한다(flex-grow 가 채움).
 *       ≤1023px 에서 행이 grid 로 바뀌면 width:0 이 그대로 적용돼 이미지·상품정보 칸이 0px 가 된다.
 *       (col-else 는 별도 규칙이 있어 살아남았고, 그래서 값만 덩그러니 보였다)
 * 적용 화면: 마이페이지 주문상세·정기배송 상세·장바구니 상세 등 .bdOrder-rowlist 를 쓰는 모든 품목 표.
 */
@media (max-width: 1023px) {
  .bdOrder-rowli.col-img,
  .bdOrder-rowli.col-info {
    width: auto;
  }
  /* 상품정보 안의 링크가 한 줄을 다 차지해 아래 .pad 블록이 옆으로 흐르지 않게 */
  .bdOrder-rowli.col-info > a {
    flex: 1 1 100%;
  }
}
@media (max-width: 768px) {
  /* ⚠ 아래 두 규칙은 상품정보(.col-info) 안에 .pad 중복 블록이 있는 표(마이페이지 주문상세·정기배송 상세)에만.
     주문서(order_index)는 col-else 가 '등급할인' 값 자체라 숨기면 안 된다(2026-09-17 정정 — 09-17 1차 배포에서 잠시 숨겨졌었다). */
  /* 단가·수량·판매가·버튼은 상품정보 안 .pad 가 보여주므로 별도 칸은 숨긴다(중복 제거) */
  .bdOrder-rowlist:has(.col-info) .bdOrder-rowli.col-else {
    display: none;
  }
  /* 값 행이 사라졌으니 이미지는 상품정보 옆(첫 행)에 둔다. ≤509px 단일 컬럼에서는 상품정보 위에 온다 */
  .bdOrder-rowlist:has(.col-info) .bdOrder-rowli.col-img {
    grid-row: 1 / 2;
  }
}