/* Path: assets/css/specific/dlt.css
 * Version: v1.2.0 (2025-10-29)
 * Intent : 与“双色球”弹窗外观 100% 一致；同时保证 DLT 的弹窗数字球颜色沿用 DLT 选号配色
 * Notes  : 使用 data-lottery="dlt" 精准作用到 DLT 的弹窗；用 !important 防止全局样式覆盖
 */

/* 说明卡跨整行 */
.lottery-orders--dlt .lottery-card--instructions{
  flex: 0 0 100%;
  width: 100%;
  grid-column: 1 / -1;
}

/* 外层容器栅格 */
.lottery-orders--dlt .modules-wrapper{
  display: grid;
  grid-auto-flow: row dense;
  grid-gap: 16px;
  grid-template-columns: 1fr;
}
@media (min-width: 768px){
  .lottery-orders--dlt .modules-wrapper{ grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px){
  .lottery-orders--dlt .modules-wrapper{ grid-template-columns: repeat(3, 1fr); }
}

/* 加号卡（完全一致） */
.lottery-orders--dlt .lottery-card--adder{
  cursor: pointer;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  padding:16px; border:2px dashed #cbd5e1; background:#f8fafc; text-align:center; user-select:none; min-height:160px;
  transition: border-color .2s ease, background .2s ease;
}
.lottery-orders--dlt .lottery-card--adder:hover{ border-color:#94a3b8; background:#f1f5f9; }
.lottery-orders--dlt .lottery-card--adder.is-disabled{ opacity:.5; cursor:not-allowed; }
.lottery-orders--dlt .lottery-card--adder .add-card__inner{
  font-size:30px; line-height:1; font-weight:600; background:#009944; color:#fff; border-radius:50%;
  width:40px; height:40px; display:flex; align-items:center; justify-content:center;
}
.lottery-orders--dlt .lottery-card--adder .add-card__label{ margin-top:2px; font-size:13px; color:#334155; }
.lottery-orders--dlt .lottery-card--adder .add-card__close-row[aria-hidden="true"]{ display:none !important; }
.lottery-orders--dlt .lottery-card--adder .add-card__close-row{ margin-top:8px; width:100%; display:flex; justify-content:center; }
.lottery-orders--dlt .lottery-card--adder .add-card__close-btn{
  display:inline-flex; align-items:center; gap:6px; padding:6px 10px; font-size:13px; line-height:1.2; color:#334155;
  background:#fff; border:1px dashed #cbd5e1; border-radius:8px; cursor:pointer; transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.lottery-orders--dlt .lottery-card--adder .add-card__close-btn:hover{ background:#fff; border-color:#94a3b8; box-shadow:0 1px 0 rgba(15,23,42,.04); }
.lottery-orders--dlt .lottery-card--adder .add-card__minus{ display:inline-block; width:14px; text-align:center; font-weight:700; line-height:1; }
.lottery-orders--dlt .lottery-card--adder[aria-disabled="true"]{ pointer-events:none; }
.lottery-orders--dlt .lottery-card--adder.is-disabled .add-card__inner,
.lottery-orders--dlt .lottery-card--adder.is-disabled .add-card__label,
.lottery-orders--dlt .lottery-card--adder.is-disabled .add-card__close-btn{ pointer-events:none; }

/* 数字格布局 */
.lottery-orders--dlt .red-balls  { display:grid; grid-template-columns: repeat(6, 1fr) !important; gap:6px; }
.lottery-orders--dlt .blue-balls { display:grid; grid-template-columns: repeat(3, 1fr) !important; gap:6px; }

/* 选中态颜色（选号卡配色） */
.lottery-orders--dlt .digit-row[data-digit="red"] .number.selected{
  background:#FFA500 !important; color:#fff !important; border-color:#FFA500 !important;
}
.lottery-orders--dlt .digit-row[data-digit="blue"] .number.selected{
  background:#00b08c !important; color:#fff !important; border-color:#00b08c !important;
}

/* 小屏列数固定 */
@media (max-width:768px){
  .lottery-orders--dlt .red-balls  { grid-template-columns: repeat(6, 1fr) !important; }
  .lottery-orders--dlt .blue-balls { grid-template-columns: repeat(3, 1fr) !important; }
}

/* 顶部状态牌 */
.lottery-orders--dlt .buttons-container .status-display{
  background:#f3f4f6; border:1px solid #e5e7eb; color:#374151;
  border-radius:6px; padding:6px 10px; min-width:110px; text-align:center; font-weight:600;
}

/* 购买按钮跨列 */
.lottery-orders--dlt .modules-wrapper > #buy-button{
  grid-column: 1 / -1; width: 100%; margin-top: 14px; justify-self: stretch;
}
.lottery-orders--dlt #buy-button{
  background:#cf3a3a; color:#fff; border:none; border-radius:6px; font-weight:600; letter-spacing:.2px;
  padding:14px 18px; cursor:pointer; transition: filter .15s ease;
}
.lottery-orders--dlt #buy-button:hover{ filter:brightness(0.95); }
.lottery-orders--dlt #buy-button[disabled]{ filter:grayscale(0.2); opacity:.7; cursor:not-allowed; }

/* ===== 自定义提醒弹窗（兜底） ===== */

  position:relative; z-index:1; background:#fff; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.15);
  padding:20px 22px; width:min(92vw, 420px);
}
  appearance:none; border:none; border-radius:8px; padding:8px 14px; font-weight:700; cursor:pointer; background:#16a34a; color:#fff;
}


/* 仅当当前页面为 DLT（弹窗带 data-lottery="dlt"）时，预览/成功弹窗中的小球颜色 */
  background-color:#FFA500 !important; color:#fff !important;
}
  background-color:#00b08c !important; color:#fff !important;
}

/* 兜底：若主题把弹窗插在组件后方为兄弟节点，也同样应用（不影响其他彩种） */

/* 弹窗按钮配色与双色球一致（取消=红、提交=绿；使用 !important 保证覆盖内联/主题） */
  background:#dc2626 !important; color:#fff !important; border:none !important;
}
  background:#16a34a !important; color:#fff !important; border:none !important;
}


/* DLT: 让确认弹窗里的数字球颜色与选号卡一致（橙 / 青） */
.modal-body[data-lottery-type="dlt"] .lottery-ball.red-ball {
  background-color: #FFA500 !important; color: #fff !important; border-color: #FFA500 !important;
}
.modal-body[data-lottery-type="dlt"] .lottery-ball.blue-ball {
  background-color: #00b08c !important; color: #fff !important; border-color: #00b08c !important;
}