.lottery-section {
  display: flex;
  justify-content: space-between;
  max-width: 1240px;
  margin: auto;
  gap: 24px;
  margin-top: 16px;
  overflow-x: auto;
}

/* Card base (thêm padding, radius, màu chữ) */
.lottery-card {
  color: #fff;
  box-sizing: border-box;
  min-width: 280px;
  border-radius: 8px;
  width: 410px;
}

/* Màu từng miền */

.lottery-card--north {
  background-image: url(/wp-content/uploads/2025/08/BG-3.png);
  background-repeat: no-repeat;
}

.lottery-card--central {
  background-image: url(/wp-content/uploads/2025/08/BG-2.png);
  background-repeat: no-repeat;
}

.lottery-card--south {
  background-image: url(/wp-content/uploads/2025/08/BG-1.png);
  background-repeat: no-repeat;
}

/* Header */
.lottery-card__header {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  margin-top: 5px!important;
}

.lottery-card__date {
  background: #FFFFFF1F;
  padding: 5px 16px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-right: 16px;
}

/* Timer */
.lottery-card__timer::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("/wp-content/uploads/2025/08/time-fill.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.lottery-card__timer,
.lottery-card__province {
  margin-left: 16px;
  background: #fff;
  color: #000;
  font-size: 12px;
  display: inline-block;
  padding: 4px;
  border-radius: 4px;
  backdrop-filter: 4px;
  padding-left: 26px !important;
}
.lottery-card__timer{
  width: 115px;
}

.lottery-card__province {
  width: auto;
  margin-bottom: 0 !important;
  min-height: auto !important;
  padding-left: 4px !important;
  background: #fff !important;
}

.lottery-card__select-wrap {
  position: relative;
  display: inline-block;
}

.lottery-card__province {
  width: auto;
  margin-bottom: 0 !important;
  min-height: auto !important;

  padding: 6px 32px 4px 28px !important;

  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='19' viewBox='0 0 16 19' fill='none'%3E%3Cpath d='M13.3033 13.47L8 18.7732L2.6967 13.47C-0.232233 10.541 -0.232233 5.79229 2.6967 2.86336C5.62563 -0.0655769 10.3743 -0.0655769 13.3033 2.86336C16.2323 5.79229 16.2323 10.541 13.3033 13.47ZM8 11.5C9.84092 11.5 11.3333 10.0076 11.3333 8.16666C11.3333 6.32571 9.84092 4.83332 8 4.83332C6.15905 4.83332 4.66667 6.32571 4.66667 8.16666C4.66667 10.0076 6.15905 11.5 8 11.5ZM8 9.83332C7.0795 9.83332 6.33333 9.08716 6.33333 8.16666C6.33333 7.24618 7.0795 6.49999 8 6.49999C8.9205 6.49999 9.66667 7.24618 9.66667 8.16666C9.66667 9.08716 8.9205 9.83332 8 9.83332Z' fill='%23F87070'/%3E%3C/svg%3E") no-repeat 8px center !important;

  background-size: 16px 19px;
  border-radius: 6px;
}

.lottery-card__select-wrap::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 57%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10.5 3.75L6 8.25L1.5 3.75' stroke='%231E1E1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: 12px 12px;
}

.lottery-card__body {
  display: flex;
}

.lottery-card__actions {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  margin-top: 10px;
  margin-left: 16px;
  -ms-overflow-style: none;
}

.lottery-card__actions::-webkit-scrollbar {
  display: none;
}

/* Chrome/Safari */

/* Button */
.lottery-card__action {
  flex: 0 0 auto;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  font-size: 10px;
  border: 0;
  border-radius: 6px;
  line-height: 1;
}

.lottery-card__action:hover {
  background: rgba(0, 0, 0, 0.35);
}