/* ==========================================================
   LotteryCheckerPro – View Selected Wheel
   ========================================================== */

.lcpro-view-wheel {
  max-width: 900px;
  margin: 0 auto;
  padding: 12px;
}

/* -------------------------
   Headings & meta
-------------------------- */
.lcpro-view-wheel h2 {
  text-align: center;
  color: #0073aa;
  margin-bottom: 10px;
}

.lcpro-view-wheel p {
  text-align: center;
  margin: 6px 0;
}

/* -------------------------
   Actions (CSV / Check)
-------------------------- */
.lcpro-view-wheel .lcpro-wheel-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 14px 0;
}

.lcpro-view-wheel .lcpro-wheel-actions form {
  margin: 0;
}

/* -------------------------
   Ticket table (desktop)
-------------------------- */
.lcpro-view-wheel table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 16px;
  font-size: 0.9rem;
}

.lcpro-view-wheel th,
.lcpro-view-wheel td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

.lcpro-view-wheel th {
  background: #f1f5f9;
  font-weight: 600;
}

/* -------------------------
   Mobile card layout
-------------------------- */
@media (max-width: 640px) {

  .lcpro-view-wheel table thead {
    display: none;
  }

  .lcpro-view-wheel table,
  .lcpro-view-wheel tbody,
  .lcpro-view-wheel tr {
    display: block;
    width: 100%;
  }

  .lcpro-view-wheel tr {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 14px;
    background: #fff;
  }

  .lcpro-view-wheel td {
    display: flex;
    justify-content: space-between;
    border: none;
    padding: 6px 0;
    font-size: 0.85rem;
  }

  .lcpro-view-wheel td::before {
    font-weight: 600;
    color: #555;
  }

  .lcpro-view-wheel td:nth-child(1)::before { content: "Ticket"; }
  .lcpro-view-wheel td:nth-child(2)::before { content: "Numbers"; }
}

/* -------------------------
   Bottom navigation
-------------------------- */
.lcpro-check-nav {
  display: flex;
  justify-content: center;
  margin: 24px 0;
}

.lcpro-check-nav .lcpro-btn {
  width: auto !important;   /* override mobile full-width rules */
  padding: 10px 18px;
}