/* Path: lottery-orders/assets/css/specific/doublecolor.css */
/* Version: v1.0.9 (2026-03-08)
 * 阶段17轻量化：将说明卡、外层 Grid、加减卡公共样式抽离到
 * assets/css/common/lottery-specific-common.css；本文件仅保留双色球自有网格与颜色。
 */

/* 双色球内部网格 */
.lottery-orders--doublecolor .red-balls {
  grid-template-columns: repeat(6, 1fr) !important;
}
.lottery-orders--doublecolor .blue-balls {
  grid-template-columns: repeat(3, 1fr) !important;
}

/* 选中态颜色 */
.lottery-orders--doublecolor .digit-row[data-digit="red"] .number.selected {
  background: #FF2752 !important;
  color: #fff !important;
  border-color: #FF2752 !important;
}
.lottery-orders--doublecolor .digit-row[data-digit="blue"] .number.selected {
  background: #267aff !important;
  color: #fff !important;
  border-color: #267aff !important;
}

/* 预览/购物车小球颜色 */
.lottery-orders--doublecolor .lottery-ball.red-ball,
.lottery-orders--cart[data-lottery-type="DoubleColor"] .lottery-ball.red-ball {
  background-color: #FF2752 !important;
}
.lottery-orders--doublecolor .lottery-ball.blue-ball,
.lottery-orders--cart[data-lottery-type="DoubleColor"] .lottery-ball.blue-ball {
  background-color: #267aff !important;
}

/* 小屏保持同样列数（避免通用断点覆盖） */
@media (max-width: 768px) {
  .lottery-orders--doublecolor .red-balls {
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .lottery-orders--doublecolor .blue-balls {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}